:root{
  --turq:#25B7B8;--turq-d:#127A7C;
  --nar:#F28A2C;--nar-d:#B45A0E;
  --fuc:#C8559B;--fuc-d:#A63E80;
  --paper:#FBF7EE;--sand:#EFE4D3;--card:#FFFDF8;--line:#E2D4BF;
  --ink:#3B2F28;--soft:#6B5B4F;--deep:#3B2F28;--on-deep:#FBF7EE;--on-deep-soft:#D9C7AE;
  --turq-l:var(--sand);--nar-l:var(--sand);--fuc-l:var(--sand);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --turq-d:#5ED3D5;--nar-d:#F6A865;--fuc-d:#F07AB3;
  --paper:#1F1914;--sand:#2C241D;--card:#27201A;--line:#43372C;
  --ink:#F3EADD;--soft:#C9B8A6;--deep:#14100C;--on-deep:#F3EADD;--on-deep-soft:#C9B8A6;color-scheme:dark}}
:root[data-theme="dark"]{
  --turq-d:#5ED3D5;--nar-d:#F6A865;--fuc-d:#F07AB3;
  --paper:#1F1914;--sand:#2C241D;--card:#27201A;--line:#43372C;
  --ink:#F3EADD;--soft:#C9B8A6;--deep:#14100C;--on-deep:#F3EADD;--on-deep-soft:#C9B8A6;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Nunito','Helvetica Neue',Arial,sans-serif;font-size:1.06rem;line-height:1.62}
.wrap{max-width:1100px;margin:0 auto;padding-inline:clamp(16px,4vw,32px)}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:600;line-height:1.08;margin:0;text-wrap:balance}
h2{font-size:clamp(2rem,4.6vw,3rem)}
h3{font-size:1.45rem}
p{margin:0}
.kicker{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800}
.stripe{height:8px;background:linear-gradient(90deg,var(--turq) 0 33.3%,var(--nar) 33.3% 66.6%,var(--fuc) 66.6%)}

/* foto slots */
.foto{position:relative;overflow:hidden;border-radius:28px;background:var(--turq-l);max-width:100%}
.foto img{width:100%;height:100%;object-fit:cover;display:block}
.foto.vacia{background:var(--turq-l)}
.metodo .foto.vacia,.equipo .foto.vacia{background:var(--paper)}

/* hero */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,64px);align-items:center;padding-block:clamp(40px,7vw,88px)}
.brand{font-family:'Fraunces',Georgia,serif;font-size:clamp(3.4rem,9vw,6.2rem);font-weight:600;letter-spacing:-.02em;line-height:.95;color:var(--turq-d)}
.hero .kicker{color:var(--soft);margin-bottom:18px}
.lead{font-size:clamp(1.15rem,2vw,1.35rem);color:var(--soft);margin-top:22px;max-width:34rem}
.lead em{font-family:'Fraunces',Georgia,serif;color:var(--ink)}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;padding:14px 24px;border-radius:999px;background:#127A7C;color:#fff;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible{outline:3px solid var(--turq);outline-offset:3px}
.btn.alt{background:transparent;color:var(--turq-d);border:2px solid var(--turq)}
.hero .foto{aspect-ratio:4/5}

.brand img{width:min(440px,100%);height:auto;display:block}
.sello{max-width:460px;margin-inline:auto;width:100%}
.sello img{width:100%;height:auto;display:block}
.equipo .wrap{grid-template-columns:1fr !important;max-width:820px}
.sep{height:5px;background:linear-gradient(90deg,var(--turq) 0 33.34%,var(--nar) 33.34% 66.67%,var(--fuc) 66.67%)}
/* que es */
.que{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(24px,5vw,64px);padding-block:clamp(48px,7vw,80px)}
.que h2{color:var(--turq-d)}
.que p{font-size:1.14rem;max-width:62ch}
.ods{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;align-items:center}
.ods b{font-size:.85rem;color:var(--soft);margin-right:4px}
.ods span{font-weight:800;font-size:.9rem;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--sand);color:var(--turq-d);font-variant-numeric:tabular-nums}

/* metodo */
.metodo{background:var(--nar-l);padding-block:clamp(48px,7vw,88px)}
.metodo .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,64px);align-items:center}
.metodo .fotos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.metodo .fotos .foto{aspect-ratio:3/4;border-radius:22px}
.metodo .fotos .foto:nth-child(2){margin-top:40px}
.metodo h2{color:var(--nar-d);margin-bottom:18px}
.metodo p{font-size:1.14rem;max-width:56ch}
.metodo p + p{margin-top:14px}

.foto-metodo{margin:0;width:220px;height:220px;border-radius:50%;overflow:hidden;justify-self:center;border:5px solid var(--card);box-shadow:0 0 0 2px var(--turq)}
.foto-metodo img{width:100%;height:100%;object-fit:cover;display:block}
.metodo .wrap{grid-template-columns:auto 1fr !important;max-width:980px}
@media (max-width:860px){.metodo .wrap{grid-template-columns:1fr !important}.foto-metodo{width:170px;height:170px;justify-self:start}}
/* principios */
.principios{padding-block:clamp(56px,8vw,96px)}
.principios header{max-width:640px;margin-bottom:36px}
.principios header .kicker{color:var(--fuc-d)}
.principios header h2{margin-top:10px}
.grid12{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.grid12 li{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;display:flex;gap:14px;align-items:center;font-weight:700;line-height:1.3}
.n{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-variant-numeric:tabular-nums}
.grid12 .n{background:#127A7C}
.trece{margin-top:14px;background:var(--card);border:2px solid var(--fuc);border-radius:22px;padding:22px 24px;display:flex;gap:18px;align-items:center}
.trece .n{width:52px;height:52px;font-size:1.2rem;background:var(--fuc)}
.trece h3{color:var(--fuc-d)}
.trece p{color:var(--soft);margin-top:4px}

/* formatos */
.formatos{padding-block:0 clamp(56px,8vw,96px)}
.formatos .kicker{color:var(--turq-d);margin-bottom:22px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.formato{border-radius:26px;overflow:hidden;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column}
.formato .foto{border-radius:0;aspect-ratio:16/9}
.formato .body{padding:24px 26px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.formato .etq{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800}
.f1 .etq,.f1 h3{color:var(--turq-d)}
.f2 .etq,.f2 h3{color:var(--nar-d)}
.meta{display:flex;flex-wrap:wrap;gap:8px}
.meta span{font-size:.86rem;font-weight:700;padding:5px 12px;border-radius:999px;background:var(--turq-l);color:var(--turq-d)}
.f2 .meta span{color:var(--nar-d)}
.para{margin-top:auto;padding-top:8px;font-weight:700;color:var(--soft);font-size:.96rem}

/* equipo */
.equipo{background:var(--turq-l);padding-block:clamp(56px,8vw,96px)}
.equipo .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);align-items:center}
.equipo .kicker{color:var(--fuc-d)}
.equipo h2{margin:10px 0 24px}
.persona{padding:16px 0;border-top:1px solid var(--line)}
.persona:first-of-type{border-top:0}
.persona b{font-family:'Fraunces',Georgia,serif;font-size:1.35rem;font-weight:600;display:block}
.persona span{color:var(--soft)}
.persona.plataforma{margin-top:14px;border-top:0;background:var(--card);border-radius:18px;padding:16px 20px;border-left:5px solid var(--turq)}
.persona.plataforma b{color:var(--turq-d)}
.equipo .foto{aspect-ratio:1/1}
.logro{margin-top:26px;font-size:1.05rem}
.logro strong{font-family:'Fraunces',Georgia,serif;font-size:2rem;color:var(--turq-d);font-weight:600;font-variant-numeric:tabular-nums}

/* libro */
.libro{padding-block:clamp(48px,7vw,80px);text-align:center}
.libro p{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.4rem,3vw,2rem);max-width:30ch;margin:0 auto;line-height:1.3}
.libro em{color:var(--fuc-d)}
.libro small{display:block;margin-top:12px;color:var(--soft);font-family:'Nunito',sans-serif;font-size:.95rem}

.patrocinio{background:var(--sand);padding-block:clamp(56px,8vw,96px)}
.patrocinio .kicker{color:var(--turq-d)}
.patrocinio h2{margin:10px 0 22px;max-width:20ch}
.pgrid{display:grid;grid-template-columns:1.6fr auto;gap:32px;align-items:end}
.pgrid p{font-size:1.14rem;max-width:62ch}
@media (max-width:760px){.pgrid{grid-template-columns:1fr;gap:22px}.pgrid .btn{justify-self:start}}
/* contacto */
.contacto{background:var(--deep);color:var(--on-deep);padding-block:clamp(48px,7vw,80px)}
.contacto h2{color:var(--on-deep);max-width:18ch}
.clist{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.citem{border-top:3px solid var(--turq);padding-top:14px}
.citem .kicker{color:var(--on-deep-soft);font-size:.72rem}
.citem a,.citem p{display:block;color:var(--on-deep);text-decoration:none;font-weight:700;font-size:1.08rem;margin-top:6px;word-break:break-word}
.citem a:hover{text-decoration:underline}
.contacto .btn{margin-top:32px}
footer{background:var(--deep);color:var(--on-deep-soft);text-align:center;padding:0 16px 28px;font-size:.85rem}

@media (max-width:860px){
  .hero,.que,.metodo .wrap,.equipo .wrap{grid-template-columns:1fr}
  .sello{display:none}
  .brand img{margin-inline:auto}
  .grid12{grid-template-columns:1fr 1fr}
  .fgrid,.clist{grid-template-columns:1fr}
  .equipo .foto{order:-1;aspect-ratio:4/3}
}
@media (max-width:520px){.grid12{grid-template-columns:1fr}.metodo .fotos .foto:nth-child(2){margin-top:24px}}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}