/* Línea gráfica de la Presentación a Clientes: Poppins (títulos en light), etiqueta oliva con el lema pegada a la izquierda,
   número de sección grande arriba a la derecha, fotos en gris con bloque oliva desplazado detrás, tarjetas crema redondeadas,
   viñetas con letras en círculo oliva. Tema claro único, como la presentación. */
:root{
  color-scheme:light;
  --bg:#ffffff; --cream:#f4f4ef; --sage:#bcbfa9; --olive:#84863D; --olive-dk:#6a6c2e; --olive-lt:#eef0dc;
  --title:#33463a; --pine:#2f4a3c; --ink:#3f3f3f; --muted:#6b6b6b; --line:#e4e4dc; --gray:#4C4C4C; --gray-2:#6e6e6e;
  --f:"Poppins","Segoe UI",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.7}
.wrap{max-width:1200px;margin:0 auto;padding-inline:20px}
h1,h2,h3{margin:0;text-wrap:balance;color:var(--title);line-height:1.15}
h1{font-weight:300;font-size:clamp(2.4rem,5.6vw,4.2rem);letter-spacing:-.01em}
h2{font-weight:300;font-size:clamp(2rem,4.4vw,3.3rem);letter-spacing:-.01em}
h2 small{display:block;font-size:.5em;font-weight:300;margin-top:6px;color:var(--title)}
h3{font-weight:600;font-size:1.15rem;color:var(--gray-2)}
p{margin:0}
a{color:inherit}
img{display:block;max-width:100%}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--olive);outline-offset:2px}
.todo{background:var(--olive-lt);border:1px dashed var(--olive);border-radius:4px;padding:0 7px;font-size:.82rem;font-weight:500;color:var(--olive-dk)}
.draft{background:var(--olive-lt);color:var(--olive-dk);border-radius:12px;padding:10px 16px;font-size:.88rem;margin-bottom:28px;display:inline-block}

/* ---------- Header ---------- */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--bg);box-shadow:0 1px 0 var(--line)}
.hrow1{display:flex;align-items:stretch;justify-content:space-between;gap:12px}
.tag{background:var(--olive);color:#fff;font-size:.9rem;padding:8px 26px 8px max(20px,calc((100vw - 1200px)/2 + 20px));display:flex;align-items:center;letter-spacing:.01em}
.ctas-top{display:flex;gap:0;padding-right:max(20px,calc((100vw - 1200px)/2 + 20px))}
.ctas-top a{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase;padding:12px 22px;color:#fff}
.ctas-top a svg{width:18px;height:18px;flex:0 0 auto}
.ctas-top .cot{background:var(--olive)}
.ctas-top .plat{background:var(--gray)}
.ctas-top a:hover{filter:brightness(1.12)}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-decoration:none;flex:0 0 auto}
.brand img{height:54px;width:auto}
.brand-tag{background:var(--olive);color:#fff;font-size:.82rem;font-weight:400;padding:5px 14px;letter-spacing:.01em;white-space:nowrap}
@media (max-width:720px){.brand img{height:42px}.brand-tag{font-size:.74rem;padding:4px 10px;white-space:normal}}
.hrow2 .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:14px}
.logo img{height:52px;width:auto}
nav.menu{display:flex;gap:4px;min-width:0}
nav.menu a{text-decoration:none;font-weight:500;font-size:.95rem;padding:8px 13px;border-radius:999px;color:var(--gray-2);white-space:nowrap}
nav.menu a:hover{color:var(--title);background:var(--cream)}
nav.menu a[aria-current="page"]{background:var(--olive);color:#fff}
@media (max-width:1080px){
  .hrow2 .wrap{flex-wrap:wrap;gap:8px}
  nav.menu{flex-basis:100%;overflow-x:auto;padding-bottom:4px}
}
@media (max-width:720px){
  .hrow1{flex-direction:column}
  .tag{justify-content:center;padding:7px 16px;font-size:.82rem;text-align:center}
  .ctas-top{padding:0}
  .ctas-top a{flex:1;justify-content:center;padding:11px 8px;font-size:.78rem;letter-spacing:.03em;text-align:center}
  .logo img{height:40px}
}

/* ---------- Secciones tipo diapositiva ---------- */
section{padding-block:72px;position:relative}
.cream{background:var(--cream)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:40px}
.sec-head .num{font-weight:800;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;color:var(--title)}
.sec-head .num.ol{color:var(--olive)}
.lead{font-size:1.12rem;color:var(--muted);max-width:40em}
.lead.dk{color:var(--title)}

/* Foto en gris con bloque oliva desplazado (firma visual de la presentación) */
.photo{position:relative;isolation:isolate}
.photo img{border-radius:14px;width:100%;height:100%;object-fit:cover}
.photo::before{content:"";position:absolute;z-index:-1;background:var(--olive);inset:-22px -22px 22px 22px}
.photo.sage::before{background:var(--sage)}
.photo.br::before{inset:22px -22px -22px 22px}
.photo.none::before{display:none}
@media (max-width:720px){.photo::before{inset:-12px -12px 12px 12px}.photo.br::before{inset:12px -12px -12px 12px}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;padding:13px 24px;border-radius:6px;border:0;font:600 .95rem var(--f);cursor:pointer;background:var(--olive);color:#fff;white-space:nowrap}
.btn:hover{filter:brightness(1.1)}
.btn.gray{background:var(--gray)}
.btn.line{background:transparent;color:var(--title);border:1.5px solid var(--sage)}
.row-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* ---------- Inicio ---------- */
.hero{padding-block:56px 90px}
.hero .wrap{display:grid;grid-template-columns:1fr .85fr;gap:64px;align-items:center}
.hero .wrap>*{min-width:0}
.hero h1 b{font-weight:600;display:block;color:var(--olive)}
.hero .lead{margin-top:22px}
.hero .photo{aspect-ratio:4/5;max-height:560px}
.slogan-bar{position:absolute;left:0;bottom:30px;background:var(--olive);color:#fff;font-weight:300;font-size:clamp(1.05rem,2.2vw,1.6rem);padding:10px 30px 10px max(20px,calc((100vw - 1200px)/2 + 20px));max-width:92vw}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:48px}.hero .photo{aspect-ratio:4/3}.slogan-bar{position:static;margin-top:40px}}

.beyond{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.beyond>*{min-width:0}
.vs{display:grid;gap:14px;margin-top:26px}
.vs div{background:var(--bg);border-radius:18px;padding:18px 22px}
.vs div.after{background:var(--olive);color:#fff}
.vs b{display:block;font-weight:600;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--olive)}
.vs .after b{color:#e9ebcc}
.shots{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.shots figure{margin:0;background:var(--bg);border-radius:14px;padding:10px;box-shadow:0 10px 30px -18px rgba(0,0,0,.25)}
.shots figure:first-child{grid-column:1/-1}
.shots img{border-radius:8px;width:100%}
.shots figcaption{font-size:.78rem;color:var(--muted);padding:8px 4px 0}
@media (max-width:900px){.beyond{grid-template-columns:1fr}}

.chain{display:grid;grid-template-columns:repeat(5,1fr);gap:34px;border-left:6px solid var(--olive);padding-left:24px}
.step{background:var(--cream);border-radius:22px;padding:20px 18px;position:relative;display:flex;flex-direction:column;gap:4px;min-width:0}
.step .n{font-weight:600;font-size:1.7rem;color:var(--olive);line-height:1}
.step h3{margin-top:10px;font-size:1.15rem}
.step p{color:var(--gray-2);font-weight:500;font-size:.9rem;line-height:1.45}
.step:not(:last-child)::after{content:"→";position:absolute;right:-27px;top:50%;transform:translateY(-50%);color:var(--olive);font-size:1.3rem}
.step.last{background:var(--olive)}
.step.last .n,.step.last h3,.step.last p{color:#fff}
.chain-foot{margin-top:30px}
.chain-foot p:first-child{font-size:clamp(1.3rem,2.6vw,2rem);font-weight:300;color:var(--title)}
.chain-foot p:last-child{color:var(--olive);font-size:1.1rem}
@media (max-width:1000px){.chain{grid-template-columns:1fr 1fr;gap:16px}.step::after{display:none}}
@media (max-width:520px){.chain{grid-template-columns:1fr;padding-left:14px}}

.toc{display:grid;grid-template-columns:1fr 1fr;gap:26px 60px}
.toc a{text-decoration:none;display:flex;flex-direction:column}
.toc .n{font-weight:700;color:var(--olive);font-size:1.1rem;line-height:1}
.toc b{font-weight:700;font-size:1.5rem;color:var(--gray-2);line-height:1.3}
.toc span{color:var(--muted);font-size:1.05rem}
.toc a:hover b{color:var(--olive)}
@media (max-width:640px){.toc{grid-template-columns:1fr}}

/* ---------- Acerca ---------- */
.subnav{background:var(--cream)}
.subnav .wrap{display:flex;gap:8px;overflow-x:auto;padding-block:12px}
.subnav button{font:500 .9rem var(--f);background:var(--bg);border:0;color:var(--title);border-radius:999px;padding:8px 16px;cursor:pointer;white-space:nowrap}
.subnav button:hover{background:var(--olive);color:#fff}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.split>*{min-width:0}
.olive-box{background:var(--olive);color:#fff;padding:36px 40px;font-size:1.08rem;display:flex;flex-direction:column;gap:16px}
.prose{display:flex;flex-direction:column;gap:16px;color:var(--muted);font-size:1.03rem;max-width:42em}
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative}
.timeline::before{content:"";position:absolute;left:0;right:0;top:42px;height:2px;background:var(--sage)}
.timeline li{display:flex;flex-direction:column;gap:8px;position:relative;min-width:0}
.timeline .y{font-weight:700;font-size:1.6rem;color:var(--olive);line-height:1}
.timeline .dot{width:16px;height:16px;border-radius:50%;background:var(--bg);border:3px solid var(--olive);margin-block:4px 6px;position:relative;z-index:1}
.timeline li:last-child .dot{background:var(--olive)}
.timeline h3{font-size:1rem}
.timeline p{font-size:.88rem;color:var(--muted);line-height:1.5}
@media (max-width:980px){.split{grid-template-columns:1fr;gap:48px}.timeline{grid-template-columns:1fr 1fr 1fr}.timeline::before{display:none}}
@media (max-width:560px){.timeline{grid-template-columns:1fr 1fr}}

.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ccard{background:var(--cream);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:10px;min-width:0}
.ccard .k{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--olive)}
.ccard p{color:var(--muted)}
.ccard.ol{background:var(--olive)}
.ccard.ol .k{color:#e9ebcc}
.ccard.ol h3,.ccard.ol p{color:#fff}
.ccard.gr{background:var(--gray-2)}
.ccard.gr .k{color:#e9ebcc}
.ccard.gr h3,.ccard.gr p{color:#fff}
@media (max-width:960px){.cards3{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.cards3{grid-template-columns:1fr}}
.promise{margin-top:34px;font-size:clamp(1.2rem,2.4vw,1.7rem);font-weight:300;color:var(--title)}
.promise em{font-style:normal;color:var(--olive);font-weight:500}

.team{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:46px}
.tm{border-radius:22px;padding:24px;background:var(--cream)}
.tm.dk{background:var(--gray-2);color:#fff}
.tm h3{color:var(--olive);font-size:1.2rem;margin-bottom:10px}
.tm.dk h3{color:#eef0c8}
.tm dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-weight:600;color:var(--gray-2)}
.tm.dk dl{color:#fff}
.tm dd{margin:0;font-variant-numeric:tabular-nums;text-align:right;font-size:1.1rem}
@media (max-width:900px){.team{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.team{grid-template-columns:1fr}}
.team-photo{aspect-ratio:3.1/1}
@media (max-width:620px){.team-photo{aspect-ratio:16/9}}

.values{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 40px}
.values li{background:var(--olive);color:#fff;border-radius:999px;padding:8px 22px;font-weight:500}
.pols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
details{background:var(--cream);border-radius:16px;padding:0 22px}
details[open]{padding-bottom:8px}
summary{cursor:pointer;font-weight:600;color:var(--title);padding-block:16px}
details p,details ol{color:var(--muted);margin:0;padding-bottom:12px;font-size:.97rem}
details ol{padding-left:22px;display:flex;flex-direction:column;gap:6px}
.pols .wide{grid-column:1/-1}
@media (max-width:760px){.pols{grid-template-columns:1fr}}

.infra ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:14px;font-weight:600;color:var(--gray-2);font-size:1.1rem}
.infra .ccard{padding:34px}

.vision{background:var(--olive);color:#fff}
.vision h2,.vision h3{color:#fff}
.vision .y{font-size:clamp(4.5rem,13vw,9rem);font-weight:700;line-height:.9;color:#f2f3d9}
.vision p{color:#f2f3e4;font-size:1.05rem}
.vision p.big{font-size:1.25rem;font-weight:300;color:#fff}
.vision .k{font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;font-weight:600;color:#e2e5b5}

/* ---------- Letras en círculo ---------- */
.lettered{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.lettered li{display:flex;gap:14px;align-items:flex-start;color:var(--gray-2)}
.lettered i{font-style:normal;flex:0 0 34px;height:34px;border-radius:50%;background:var(--olive);color:#fff;display:grid;place-items:center;font-weight:600;font-size:.95rem}
.lettered span{padding-top:4px}
.phase .k{font-size:.8rem;font-weight:600;color:var(--olive)}
.phase h3{font-size:1.4rem;margin-block:4px 18px}

/* ---------- Respaldos ---------- */
.onac{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.onac .code{font-size:clamp(2.4rem,6vw,4rem);font-weight:700;color:var(--olive);line-height:1}
.onac .std{font-weight:500;color:var(--gray-2)}
.squares{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.sq{background:var(--olive);color:#fff;padding:28px;min-height:240px;display:flex;flex-direction:column;gap:12px}
.sq:nth-child(2n){background:var(--sage)}
.sq .n{font-weight:800;font-size:2.4rem;line-height:1}
.sq h3{color:#fff;font-weight:400;font-size:1.5rem;line-height:1.25}
.sq p{color:#fff;opacity:.95;font-size:.95rem}
.sq:nth-child(2n) h3,.sq:nth-child(2n) p,.sq:nth-child(2n) .n{color:#fff}
@media (max-width:900px){.squares{grid-template-columns:1fr 1fr}.onac{grid-template-columns:1fr}}
@media (max-width:560px){.squares{grid-template-columns:1fr}}
.numbox{display:flex;flex-direction:column;gap:10px;margin-top:26px}
.numbox div{display:flex;gap:14px;align-items:center;color:var(--title);font-size:1.05rem}
.numbox b{flex:0 0 58px;height:58px;background:var(--sage);color:#fff;display:grid;place-items:center;font-size:1.6rem;font-weight:800}
.qbox{display:inline-block;background:var(--olive);color:#fff;font-size:1.5rem;font-weight:300;padding:8px 22px;margin-bottom:16px}

/* ---------- Plataforma / Cotiza ---------- */
.plat-hero{background:var(--gray);color:#fff}
.plat-hero h2,.plat-hero h3{color:#fff}
.plat-hero .lead{color:#e3e3dc}
.acc{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}
.acc a{display:flex;flex-direction:column;gap:8px;background:#5a5a5a;border-radius:22px;padding:30px;text-decoration:none;min-width:0}
.acc a:hover{background:var(--olive)}
.acc p{color:#e3e3dc}
.acc .go{color:#e9ebcc;font-weight:600;margin-top:6px}
@media (max-width:760px){.acc{grid-template-columns:1fr}}
.va{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.va li{display:flex;gap:16px;align-items:center;font-size:1.1rem;color:var(--title)}
.va b{flex:0 0 52px;height:52px;background:var(--olive);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.25rem}
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px}
.contact>*{min-width:0}
.channels{display:flex;flex-direction:column;gap:18px;margin-top:26px}
.channels span{display:block;font-size:.82rem;color:var(--muted)}
.channels b{font-size:1.1rem;font-weight:600;color:var(--title);user-select:all}
form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--cream);padding:30px;border-radius:24px}
form .full{grid-column:1/-1}
label{display:flex;flex-direction:column;gap:6px;font-size:.86rem;font-weight:500;color:var(--gray-2)}
input,select,textarea{font:400 1rem var(--f);padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
textarea{min-height:110px;resize:vertical}
#msg{color:var(--olive-dk);font-weight:600;margin-left:12px}
@media (max-width:760px){.contact,form{grid-template-columns:1fr}}

/* ---------- Footer ---------- */
footer{background:var(--olive);color:#fff;padding-block:48px 28px}
footer .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}
footer .card{background:#fff;border-radius:22px;padding:18px 22px;color:var(--olive-dk);align-self:start;justify-self:start}
footer .card img{height:42px;width:auto}
footer .card p{margin-top:10px;font-size:.9rem}
footer h4{font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;margin:0 0 12px;color:#eef0c8;font-weight:600}
footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:.92rem}
footer a{text-decoration:none}
footer a:hover{text-decoration:underline}
footer .legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.3);padding-top:18px;font-size:.85rem;color:#eef0dc}
footer .todo{background:#fff}
@media (max-width:900px){footer .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:520px){footer .wrap{grid-template-columns:1fr}}


/* Contacto junto al logo */
.hcontact{display:flex;flex-direction:column;gap:2px;font-size:.74rem;color:var(--muted);line-height:1.35;border-left:1px solid var(--line);padding-left:16px;margin-right:auto}
.hcontact span{white-space:nowrap}
nav.menu a.home{display:inline-flex;align-items:center;padding:8px 11px}
nav.menu a.home svg{width:18px;height:18px}
@media (max-width:720px){.hcontact{border-left:0;padding-left:0;font-size:.7rem;flex-basis:100%;flex-direction:row;flex-wrap:wrap;gap:2px 10px}}

/* Subnav fijo en Acerca de */
.subnav{position:sticky;top:var(--hh,0px);z-index:20;box-shadow:0 1px 0 var(--line)}

/* Misión y visión destacadas */
.mision{margin-top:40px;background:var(--olive);color:#fff;border-radius:28px;padding:44px 48px;display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center}
.mision .t{display:flex;flex-direction:column;gap:6px}
.mision .t span{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#e9ebcc;font-weight:500}
.mision .t b{font-size:clamp(2.6rem,6vw,4.4rem);font-weight:700;line-height:1;letter-spacing:.02em}
.mision p{font-size:1.15rem;font-weight:300;line-height:1.65}
@media (max-width:860px){.mision{grid-template-columns:1fr;gap:18px;padding:32px 26px}}
.vision .vt{font-size:clamp(3.4rem,9vw,6.4rem);font-weight:700;line-height:.95;color:#fff;letter-spacing:.02em}
.vision .vt small{display:block;font-size:.42em;font-weight:300;color:#f2f3d9;letter-spacing:0;margin-top:8px}

/* 100% colombiano */
.co{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.co>*{min-width:0}
.flag{display:flex;height:6px;width:120px;border-radius:3px;overflow:hidden;margin-bottom:18px}
.flag i{display:block}
.flag i:nth-child(1){flex:2;background:#FCD116}.flag i:nth-child(2){flex:1;background:#003893}.flag i:nth-child(3){flex:1;background:#CE1126}
.co .eyebrow{font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--olive)}
.co h2{margin-top:8px}
.co .lead{margin-top:20px}
.co ul{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.co li{display:flex;gap:14px;align-items:flex-start;color:var(--title)}
.co li b{flex:0 0 auto;background:var(--olive);color:#fff;border-radius:999px;padding:3px 12px;font-size:.8rem;font-weight:600;margin-top:2px}
.co .photo{aspect-ratio:4/3}
@media (max-width:900px){.co{grid-template-columns:1fr;gap:48px}}

/* Banner de cifras */
.stats{background:var(--pine);color:#fff;padding-block:56px}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.stat{display:flex;flex-direction:column;gap:6px;border-left:3px solid var(--olive);padding-left:18px}
.stat b{font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.stat span{color:#dfe5dc;font-size:.98rem}
@media (max-width:900px){.stats .wrap{grid-template-columns:1fr 1fr;gap:32px 24px}}

/* Texto de trazabilidad */
.trace{margin-top:34px;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;background:var(--cream);border-radius:22px;padding:26px 30px}
.trace b{font-size:1.25rem;font-weight:500;color:var(--olive)}
.trace p{color:var(--title);font-size:1.05rem}
@media (max-width:700px){.trace{grid-template-columns:1fr}}

/* Botones de descarga */
.dl{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font:600 .88rem var(--f);padding:10px 18px;border-radius:999px;background:#fff;color:var(--olive-dk);margin-top:auto;align-self:flex-start}
.dl svg{width:16px;height:16px}
.dl:hover{background:var(--olive-lt)}
.dl.solid{background:var(--olive);color:#fff}
.dl.solid:hover{filter:brightness(1.1);background:var(--olive)}
.onac-img{background:#fff;border:1px dashed var(--sage);border-radius:16px;min-height:150px;display:grid;place-items:center;padding:20px;text-align:center}
.only{display:inline-block;background:var(--pine);color:#fff;border-radius:999px;font-size:.74rem;font-weight:600;padding:3px 12px;align-self:flex-start}

/* Accesos fijos: siempre visibles */
.dock{position:fixed;z-index:40;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px}
.dock a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:700;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;padding:14px 18px;border-radius:12px 0 0 12px;box-shadow:0 8px 24px -10px rgba(0,0,0,.45)}
.dock a svg{width:20px;height:20px;flex:0 0 auto}
.dock .cot{background:var(--olive)}
.dock .plat{background:var(--gray)}
.dock .toma{background:var(--pine)}
.dock a:hover{filter:brightness(1.12);padding-right:24px}
@media (max-width:720px){
  .dock{top:auto;transform:none;left:0;bottom:0;flex-direction:row;gap:0;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--gray)}
  .dock a{flex:1;justify-content:center;border-radius:0;box-shadow:none;padding:10px 4px;font-size:.66rem;letter-spacing:.02em;flex-direction:column;gap:4px;text-align:center;line-height:1.2}
  .dock a svg{width:18px;height:18px}
  body{padding-bottom:64px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Ajustes de publicación 19-oct-2026 */
.plat-hero h2 small{color:var(--olive-lt)}
/* Pendientes ocultos hasta tener contenido: al llegar cada PDF o enlace, se agrega y se borra su línea */
a.dl[href="docs/ensayos-aptitud-fapas.pdf"],
a.dl[href="docs/resolucion-1764-2026.pdf"],
a.dl[href="docs/registro-relab.pdf"],
a.dl[href="docs/certificado-piccap.pdf"],
a[href="#recursos"],
li:has(> a[href="#recursos"]){display:none!important}
/* Formularios: casilla de autorización Ley 1581 y campo trampa (honeypot) */
form label.autoriza{flex-direction:row;align-items:flex-start;gap:10px}
form label.autoriza input{flex:none;margin-top:2px;padding:0;width:18px;height:18px}
form .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}