:root{--text-main:#2D3748;--text-secondary:#4A5568;--accent:#2D6A4F;--muted:#6E747D;--background:#FFFFFF;--border:#E8ECEF;--max-width:1120px;--left-rail:clamp(24px,8vw,120px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-top:85px;font-family:"Work Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text-main);background:var(--background);font-weight:300;line-height:1.6}a{color:inherit;text-decoration:none}a:hover,a:focus{color:var(--accent)}.site-header{position:fixed;inset:0 0 auto 0;z-index:1000;height:85px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-container{height:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--left-rail);display:flex;align-items:center;justify-content:space-between;gap:32px}.logo img{display:block;height:65px;width:auto}.main-nav{display:flex;gap:28px;align-items:center;font-size:.85rem;letter-spacing:.02em;color:var(--text-secondary)}main{max-width:var(--max-width);margin:0 auto;padding:0 var(--left-rail)}.section{padding:88px 0;border-bottom:1px solid var(--border)}


.hero {
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 85px);
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border);
}

.hero::after {
  content: "";
  position: absolute;

/* El siguiente renglón es para jugar con el espacio de arriba*/
  top: 50%;
  left: 50%;


/* El siguiente renglón es para cambiar el tamaño del logo de fondo, por ejemplo: */
/* width: min(50vw, 600px);
  height: min(50vw, 600px); */


 /* width: min(70vw, 900px);
  height: min(70vw, 900px); */

width: min(45vw, 540px);
height: min(45vw, 540px);


  background: url("../images/logo-icono.svg") center center / contain no-repeat;

/* El siguiente renglón es para dejar atenuado el logo 0.1 es al 10% */
opacity: 0.1;

  transform: translate(-50%, -50%);

  pointer-events: none;

  z-index: 0;
}


.hero-inner {
  position: relative;
  z-index: 1;
  max-width: 760px;
}



.eyebrow{margin:0 0 20px;font-size:.74rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}h1,h2,h3{margin:0;font-weight:300;letter-spacing:-.045em}h1{font-size:clamp(3.2rem,8vw,6.8rem);line-height:.95}h2{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1}h3{font-size:1.15rem;letter-spacing:-.02em;color:var(--text-main)}.lead{margin:28px 0 0;max-width:620px;font-size:clamp(1.08rem,2vw,1.35rem);color:var(--text-secondary);line-height:1.65}.section-grid{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(280px,1fr);gap:clamp(36px,7vw,96px);align-items:start}.section-copy{max-width:680px}.section-copy p{margin:0 0 18px;font-size:1rem;color:var(--text-secondary)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.card{padding:0 0 26px;border-bottom:1px solid var(--border)}.card p{margin:10px 0 0;color:var(--text-secondary);font-size:.95rem}.focus-list{display:grid;gap:18px;font-size:clamp(1.25rem,3vw,2.2rem);line-height:1.15;color:var(--text-main);letter-spacing:-.04em;margin-top:34px}.contact-image{display:inline-flex;align-items:center}.contact-image img{display:block;width:260px;max-width:100%;height:auto;user-select:none}.site-footer{max-width:var(--max-width);margin:0 auto;padding:42px var(--left-rail) 54px;color:var(--muted);font-size:.7em;font-weight:300}.footer-block{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-bottom:22px}.footer-block a{color:var(--muted)}.footer-block a:hover,.footer-block a:focus{color:var(--accent)}.footer-tagline{margin:0}@media(max-width:720px){body{padding-top:60px}.site-header{height:60px}.header-container{padding:0 22px}.logo img{height:40px}.main-nav{gap:18px;font-size:.78rem}main,.site-footer{padding-left:22px;padding-right:22px}

.hero{min-height:calc(100vh - 60px)}



.section{padding:64px 0}.section-grid{grid-template-columns:1fr;gap:28px}.cards{grid-template-columns:1fr}}