:root{--pet:#0B5664;--pet-d:#08424D;--cobre:#B86F48;--cobre-d:#9A5A37;--cobre-l:#F1DED2;--tinta:#1F2B38;--tinta-d:#17212B;--crema:#F6F3EE;--bruma:#DCEAEC;--line:#E6E1D9;--ink:#26313D;--muted:#5F6B76;--head:'Poppins',system-ui,sans-serif;--body:'Mulish',system-ui,sans-serif;--maxw:1200px;--r:16px;--shadow:0 24px 60px -34px rgba(31,43,56,.5);}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:84px;}
body{font-family:var(--body);color:var(--ink);background:var(--crema);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:var(--pet);text-decoration:none;}a:hover{color:var(--cobre);}
img{display:block;max-width:100%;}
h1,h2,h3,h4{font-family:var(--head);font-weight:600;color:var(--tinta);line-height:1.1;letter-spacing:-.02em;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
.ey{font-family:var(--head);font-weight:600;font-size:12.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--pet);display:inline-flex;align-items:center;gap:12px;}
.ey::before{content:"";width:28px;height:2px;background:var(--cobre);}
.ey.l{color:var(--cobre-l);}
.ac{color:var(--pet);}.ac-c{color:var(--cobre);}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--head);font-weight:600;font-size:15px;padding:15px 28px;border-radius:40px;border:none;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap;}
.btn svg{width:18px;height:18px;}
.btn-p{background:var(--pet);color:#fff;}.btn-p:hover{background:var(--pet-d);color:#fff;transform:translateY(-2px);}
.btn-c{background:var(--cobre);color:#fff;}.btn-c:hover{background:var(--cobre-d);color:#fff;transform:translateY(-2px);}
.btn-wa{background:#25D366;color:#fff;}.btn-wa:hover{background:#1eb858;color:#fff;transform:translateY(-2px);}
.btn-o{background:transparent;color:var(--crema);border:2px solid rgba(246,243,238,.45);}.btn-o:hover{border-color:var(--crema);color:#fff;}
.btn-od{background:transparent;color:var(--tinta);border:2px solid var(--tinta);}.btn-od:hover{background:var(--tinta);color:#fff;}
.sec{padding:104px 0;position:relative;}
.sh{max-width:62ch;margin-bottom:56px;}
.sh.c{text-align:center;margin-left:auto;margin-right:auto;}
.sh.c .ey{justify-content:center;}
.sh h2{font-size:clamp(30px,3.8vw,46px);margin-top:16px;}
.sh p{font-size:17.5px;color:var(--muted);margin-top:16px;}
.dark{background:var(--tinta);color:var(--crema);}
.dark h2,.dark h3,.dark h4{color:var(--crema);}
.dark .sh p{color:rgba(246,243,238,.78);}
.white{background:#fff;}
image-slot{display:block;}

/* header */
.hdr{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;transition:.3s;}
.hdr.s{background:rgba(246,243,238,.95);backdrop-filter:blur(14px);box-shadow:0 2px 20px rgba(31,43,56,.08);padding:10px 0;}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.brand{display:flex;align-items:center;gap:12px;}
.brand img{height:44px;width:auto;transition:.3s;}
.brand b{font-family:var(--head);font-weight:600;font-size:20px;letter-spacing:.16em;color:var(--crema);transition:color .3s;}
.hdr.s .brand b{color:var(--tinta);}
.links{display:flex;gap:22px;}
.links a{font-family:var(--head);font-weight:500;font-size:14.5px;color:var(--crema);transition:color .3s;white-space:nowrap;}
.hdr.s .links a{color:var(--tinta);}
.links a:hover,.hdr.s .links a:hover{color:var(--cobre);}
.burger{display:none;background:none;border:none;cursor:pointer;padding:6px;flex-direction:column;gap:5px;}
.burger span{width:24px;height:2px;background:var(--crema);border-radius:2px;}
.hdr.s .burger span{background:var(--tinta);}

/* hero */
.hero{background:var(--tinta);color:var(--crema);padding:170px 0 110px;overflow:hidden;position:relative;}
.hero .tex{position:absolute;right:-6%;bottom:-14%;width:640px;opacity:.07;pointer-events:none;}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;}
.hero h1{color:var(--crema);font-size:clamp(40px,5.6vw,72px);line-height:1.02;}
.hero p.sub{font-size:19px;color:rgba(246,243,238,.82);margin-top:26px;max-width:48ch;}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px;}
.hero .areas{display:flex;flex-wrap:wrap;gap:8px;margin-top:44px;}
.hero .areas span{font-family:var(--head);font-weight:500;font-size:12.5px;color:rgba(246,243,238,.85);border:1px solid rgba(246,243,238,.2);border-radius:40px;padding:7px 14px;}
.hero .arch{aspect-ratio:4/5;border-radius:400px 400px 18px 18px;overflow:hidden;background:var(--tinta-d);box-shadow:var(--shadow);}
.hero .arch image-slot{width:100%;height:100%;}

/* quienes */
.who .wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
.who .big{font-family:var(--head);font-weight:500;font-size:clamp(22px,2.4vw,28px);line-height:1.4;color:var(--tinta);}
.who p{font-size:16.5px;color:var(--ink);margin-top:18px;}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.pl{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;}
.pl .n{font-family:var(--head);font-weight:700;font-size:30px;color:var(--cobre);line-height:1;}
.pl h4{font-size:16px;margin-top:12px;}
.pl p{font-size:14px;color:var(--muted);margin-top:6px;}