/* ks-diseno: componentes de páginas interiores (Qué es, Por qué, Nosotros, …). Complementa diseno.css. */
.ph{padding:40px 0 48px;background:linear-gradient(180deg,#fff 0%,var(--celeste2) 100%)}
.ph-in{display:grid;gap:24px;align-items:center}
.ph h1{font-size:38px;line-height:1.08;letter-spacing:-.01em}
.ph .lead{font-size:18px;color:#3b4350;margin:14px 0 0;max-width:52ch}
.ph .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.ph-img{border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:var(--navy)}
.ph-img img{width:100%;height:100%;object-fit:cover;display:block}
@media(min-width:900px){.ph{padding:64px 0 72px}.ph-in{grid-template-columns:1.05fr 1fr;gap:56px}.ph h1{font-size:58px}.ph .lead{font-size:21px}.ph-img{aspect-ratio:5/4;max-height:520px}}

.sec.alt{background:#F6F7F7}
.sec.navy{background:var(--navy);color:#fff}
.sec.navy h2,.sec.navy h3{color:#fff}.sec.navy .sub{color:rgba(255,255,255,.8)}
.sec .eyebrow{color:var(--navy);opacity:.7}
.sec.navy .eyebrow{color:rgba(255,255,255,.75);opacity:1}
.cols2{display:grid;gap:24px;align-items:center}
.cols2 .img{border-radius:20px;overflow:hidden;aspect-ratio:4/3}
.cols2 .img img{width:100%;height:100%;object-fit:cover;display:block}
.cols2 p{font-size:17px}
@media(min-width:900px){.cols2{grid-template-columns:1fr 1fr;gap:56px}.cols2.inv>:first-child{order:2}}

.feat{display:grid;gap:14px}
.fcard{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px}
.fcard .ic{width:48px;height:48px;border-radius:50%;background:var(--celeste);display:grid;place-items:center;color:var(--navy);margin-bottom:14px}
.fcard .ic svg{width:22px;height:22px}
.fcard h3{font-size:18px;margin-bottom:6px}.fcard p{margin:0;font-size:15px}
.sec.alt .fcard{border-color:transparent}
@media(min-width:600px){.feat{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.feat{grid-template-columns:repeat(4,1fr);gap:20px}.feat.c3{grid-template-columns:repeat(3,1fr)}}

.band{background:var(--navy);color:#fff;padding:40px 0}
.band .stats{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.band .stat b{display:block;font:700 36px/1 Poppins,sans-serif;color:#fff}.band .stat span{font-size:14px;color:rgba(255,255,255,.75)}
.band .iso{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:15px;color:rgba(255,255,255,.85)}
@media(min-width:900px){.band{padding:56px 0}.band .stats{grid-template-columns:repeat(4,auto);gap:48px}.band .stat b{font-size:48px}.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.band .iso{margin:0;padding:0 0 0 40px;border-top:0;border-left:1px solid rgba(255,255,255,.18);max-width:380px}}

.pasos{display:grid;gap:16px;counter-reset:paso}
.paso{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;display:grid;grid-template-columns:120px 1fr}
.paso img{width:100%;height:100%;object-fit:cover;display:block}
.paso div{padding:16px 18px}
.paso .n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;font:700 14px Poppins,sans-serif;margin-bottom:8px}
.paso h3{font-size:18px;margin-bottom:4px}.paso p{margin:0;font-size:15px}
@media(min-width:900px){.pasos{grid-template-columns:repeat(3,1fr);gap:24px}.paso{grid-template-columns:1fr}.paso img{aspect-ratio:3/2;height:auto}.paso div{padding:20px 22px 24px}}

.tipos{display:grid;gap:16px}
.tipo{border-radius:20px;padding:24px;background:#fff;border:1px solid var(--border);position:relative}
.tipo .tag{display:inline-block;font:700 12px/1 Poppins,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:7px 12px;border-radius:999px;background:var(--celeste);color:var(--navy);margin-bottom:12px}
.tipo h3{font-size:24px;margin-bottom:8px}.tipo p{margin:0 0 10px;font-size:15px}
.tipo .dur{font:600 14px Poppins,sans-serif;color:var(--navy)}
.tipo.full{background:var(--navy);color:#fff;border-color:var(--navy)}.tipo.full h3,.tipo.full .dur{color:#fff}.tipo.full .tag{background:#fff}
@media(min-width:900px){.tipos{grid-template-columns:repeat(3,1fr);gap:24px}.tipo{padding:30px}}

.casos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.caso{background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px;text-align:center}
.caso img{width:100%;aspect-ratio:349/219;object-fit:contain;display:block}
.caso span{display:block;margin-top:8px;font:600 14px Poppins,sans-serif;color:var(--navy)}
@media(min-width:900px){.casos{grid-template-columns:repeat(3,1fr);gap:20px}.caso{padding:18px}}

.video{position:relative;width:100%;border-radius:20px;overflow:hidden;aspect-ratio:16/9;background:#000;max-width:900px;margin:0 auto}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video.vert{aspect-ratio:9/16;max-width:360px}
.cols2 .video.vert{justify-self:center}

.timeline{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.timeline li{position:relative;padding-left:26px;border-left:2px solid var(--celeste)}
.timeline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--navy)}
.timeline b{display:block;font:700 15px Poppins,sans-serif;color:var(--navy);margin-bottom:2px}
.timeline p{margin:0;font-size:15px}
@media(min-width:900px){.timeline{grid-template-columns:repeat(4,1fr);gap:28px}.timeline li{padding:22px 0 0;border-left:0;border-top:2px solid var(--celeste)}.timeline li::before{left:0;top:-7px}}

.valores{display:flex;flex-wrap:wrap;gap:8px}
.valores span{background:#fff;border:1.5px solid var(--border);border-radius:999px;padding:9px 16px;font:600 14px Poppins,sans-serif;color:var(--navy)}
.hitos{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hitos li{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.hitos li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--celeste) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23001D57' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/13px no-repeat;margin-top:2px}
.quote{font:600 22px/1.35 Poppins,sans-serif;color:var(--navy);max-width:26ch;margin:0}
@media(min-width:900px){.quote{font-size:30px}}
.ctafinal{background:var(--celeste2);padding:56px 0}
.ctafinal h2{font-size:30px;margin-bottom:10px}
.ctafinal .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
@media(min-width:900px){.ctafinal{padding:72px 0}.ctafinal h2{font-size:40px}}
.prose p{font-size:17px;max-width:62ch}
.prose h2{font-size:30px;margin-bottom:10px}
/* colores sobre fondo claro */
.ph .eyebrow,.sec:not(.navy) .eyebrow{color:var(--navy);opacity:.7}
.ph .link,.sec:not(.navy):not(.buscar) .link,.ctafinal .link{color:var(--navy);opacity:1}
.sec:not(.navy) .btn.ghost,.ph .btn.ghost,.ctafinal .btn.ghost{border-color:var(--navy);color:var(--navy)}
.sec.navy .btn{background:#fff;border-color:#fff;color:var(--navy)}
.sec.navy .valores span{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff}
.sec.navy .fcard{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}.sec.navy .fcard p{color:rgba(255,255,255,.8)}
.sec.navy .fcard .ic{background:#fff}
.mvv{display:grid;gap:18px}.mvv h3{font-size:20px;margin-bottom:8px}.mvv p{margin:0;font-size:16px}
@media(min-width:900px){.mvv{grid-template-columns:1fr 1fr 1.2fr;gap:40px}}
/* video: miniatura + play; el iframe de YouTube se carga al tocar */
.video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.video .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:0;background:var(--navy);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.video .play svg{width:34px;height:34px;margin-left:4px}.video .play:hover{background:var(--navy2)}
/* tira de reels verticales: desplazable en celular, grilla en escritorio */
.reels{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.reels::-webkit-scrollbar{display:none}
.reels .reel{flex:0 0 72%;max-width:300px;scroll-snap-align:start;margin:0;background:#000}
.reels .reel .cap{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 14px;color:#fff;font:600 14px Poppins,sans-serif;background:linear-gradient(transparent,rgba(0,0,0,.65));pointer-events:none}
.reels .reel .play{width:60px;height:60px}.reels .reel .play svg{width:28px;height:28px}
@media(min-width:900px){.reels{display:flex;justify-content:center;gap:28px;overflow:visible;flex-wrap:wrap}.reels .reel{flex:0 0 300px;max-width:300px}}
/* páginas de bloques (landings de precio, obra social): hero sin foto + artículo legible */
.ph-prose .wrap{max-width:860px}.ph-prose h1{font-size:34px}.ph-prose .lead{max-width:60ch}
@media(min-width:900px){.ph-prose h1{font-size:48px}}
.prose{max-width:860px;padding-top:40px;padding-bottom:56px}
.prose h2{font-size:26px;margin:40px 0 12px;line-height:1.2}.prose h3{font-size:19px;margin:22px 0 8px}
.prose p,.prose li{font-size:17px;line-height:1.65}.prose p{margin:0 0 16px}
.prose ul,.prose ol{margin:0 0 18px;padding-left:22px}.prose li{margin-bottom:8px}
.prose a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.prose strong{color:var(--navy)}
.prose .wp-block-table{margin:0 0 20px;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:15px}
.prose th,.prose td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}.prose th{background:var(--celeste2);color:var(--navy);font-family:Poppins,sans-serif}
.prose hr{border:0;border-top:1px solid var(--border);margin:32px 0}
.prose .faq-in{display:grid;gap:10px;margin:16px 0 8px}
.prose details{border:1px solid var(--border);border-radius:14px;padding:0 20px;background:#fff}
.prose summary{font:600 17px Poppins,sans-serif;color:var(--navy);padding:16px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.prose summary::-webkit-details-marker{display:none}.prose summary::after{content:"+";font-size:22px;line-height:1;color:var(--navy)}.prose details[open] summary::after{content:"–"}
.prose details p{margin:0 0 16px}
@media(min-width:900px){.prose{padding-top:56px;padding-bottom:80px}.prose h2{font-size:30px}.prose .faq-in{grid-template-columns:1fr 1fr;align-items:start}}
/* speakers */
.speakers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.speaker{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden}
.speaker img:not(.flag){width:100%;aspect-ratio:1;object-fit:cover;display:block}.speaker .noimg{display:block;aspect-ratio:1;background:var(--celeste2)}
.speaker div{padding:12px 14px 14px}.speaker h3{font-size:15px;margin:0 0 4px;display:flex;align-items:center;gap:6px}.speaker .flag{width:18px;height:13px;border-radius:2px;object-fit:cover}
.speaker p{margin:0;font-size:13px;line-height:1.4}
@media(min-width:600px){.speakers{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.speakers{grid-template-columns:repeat(4,1fr);gap:20px}.speaker h3{font-size:16px}}
@media(min-width:1100px){.speakers{grid-template-columns:repeat(5,1fr)}}
/* formulario propio */
.kform{background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px}
.kform .grid{display:grid;gap:14px;margin-bottom:16px}
.kform label{display:block;font:600 14px Poppins,sans-serif;color:var(--navy)}
.kform input{display:block;width:100%;margin-top:6px;height:50px;padding:0 14px;border:1.5px solid var(--border);border-radius:10px;font:16px "Rethink Sans",sans-serif;color:var(--navy);background:#fff}
.kform input:focus{outline:none;border-color:var(--navy)}
.kform .hp{position:absolute;left:-9999px;top:-9999px}
.kform .btn{width:100%}
.kform .msg{margin:14px 0 0;padding:12px 14px;border-radius:10px;font-size:15px}.kform .msg.ok{background:#EAF7EE;color:#1b5e20}.kform .msg.err{background:#FDECEA;color:#b71c1c}
@media(min-width:600px){.kform .grid{grid-template-columns:1fr 1fr}.kform .btn{width:auto}}
@media(min-width:900px){.kform{padding:32px}}
.sec.navy .kform{border-color:transparent}
.sec.navy .fcard h3{color:#fff}
@media(max-width:599px){.prose table{min-width:560px}}
.ph-prose .cta{margin-top:22px}
@media(min-width:900px){.reels .reel{flex:0 0 260px;max-width:260px}}
/* pasos sin foto, tarjetas de categoría con insignia */
.paso.noimg{grid-template-columns:1fr}
.fcard.cat img{width:64px;height:64px;margin-bottom:12px;display:block}
.fcard .link{margin-top:10px;font-size:14px}
.sec.navy .fcard .link{color:#fff}
/* ===== mejoras de usabilidad 1.2.0 ===== */
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--navy);color:#fff;padding:10px 14px;border-radius:10px}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:6px}
.hd nav a[aria-current=page]{color:var(--navy);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
.menu-btn{display:none;width:44px;height:44px;border:1.5px solid var(--navy);border-radius:12px;background:#fff;cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.menu-btn span{display:block;width:18px;height:2px;background:var(--navy);border-radius:2px;transition:transform .25s,opacity .25s}
.menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-m{display:none}
@media(max-width:899px){
  .hd .intra{display:none}.menu-btn{display:flex}
  .menu-m{display:block;position:fixed;left:0;right:0;top:64px;bottom:0;z-index:40;background:#fff;padding:16px 16px 32px;overflow:auto;border-top:1px solid var(--border)}
  .menu-m[hidden]{display:none}
  .menu-m nav{display:grid}.menu-m nav a{padding:14px 4px;border-bottom:1px solid var(--border);font:600 18px Poppins,sans-serif;color:var(--navy);text-decoration:none}
  .menu-m nav a[aria-current=page]{color:var(--navy);background:var(--celeste2);padding-left:10px;border-radius:8px}
  .menu-m-x{display:grid;gap:10px;margin-top:20px}.menu-m-x .btn{width:100%}
  body.menu-open{overflow:hidden}
}
.migas{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:#3b4350;padding-top:14px;margin-bottom:-26px;position:relative;z-index:2}
.migas a{color:var(--navy);text-decoration:none}.migas a:hover{text-decoration:underline}.migas span[aria-current]{color:#3b4350}
@media(min-width:900px){.migas{font-size:14px;padding-top:18px;margin-bottom:-40px}}
.wa-fab{position:fixed;right:16px;bottom:16px;z-index:30;width:52px;height:52px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .2s}
.wa-fab:hover{transform:scale(1.06)}
/* estados */
.fcard,.paso,.tipo,.caso,.speaker,.pcard,.reel{transition:transform .25s ease,box-shadow .25s ease}
.fcard:hover,.paso:hover,.tipo:hover,.caso:hover,.speaker:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,29,87,.10)}
.reel:hover .play{transform:translate(-50%,-50%) scale(1.08)}
.btn{transition:transform .15s ease,background .2s,color .2s,border-color .2s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}
.btn:not(.ghost):not(.cel):hover{background:var(--navy2);border-color:var(--navy2)}
.chip:hover{background:rgba(255,255,255,.22)}
.faq details p,.prose details p{animation:ks-fade .3s ease}
@keyframes ks-fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* aparición al hacer scroll */
@media(prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
  .rv.in{opacity:1;transform:none}
  .rv:nth-child(2){transition-delay:.08s}.rv:nth-child(3){transition-delay:.16s}.rv:nth-child(4){transition-delay:.24s}.rv:nth-child(5){transition-delay:.3s}.rv:nth-child(n+6){transition-delay:.36s}
}
.kform button[disabled]{opacity:.6;cursor:wait}
/* ===== comparador antes / después ===== */
.compara{max-width:900px;margin:0 auto}
.cmp{position:relative;aspect-ratio:3/2;border-radius:20px;overflow:hidden;background:#000;user-select:none;touch-action:pan-y}
.cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.cmp img.b{clip-path:inset(0 0 0 var(--p))}
.cmp .line{position:absolute;top:0;bottom:0;left:var(--p);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.35);pointer-events:none}
.cmp .lab{position:absolute;top:14px;padding:6px 12px;border-radius:999px;background:rgba(0,29,87,.75);color:#fff;font:600 12px/1 Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.cmp .la{left:14px}.cmp .lb{right:14px}
.cmp input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.cmp input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:60px;height:100%}
.cmp .handle{position:absolute;left:var(--p);bottom:8%;transform:translateX(-50%);pointer-events:none}
.cmp .handle span{display:inline-block;padding:12px 22px;border-radius:999px;background:#fff;color:var(--navy);font:700 16px Poppins,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.35);border:3px solid var(--celeste);white-space:nowrap}
.cmp-txt{margin:18px 0 0;display:grid;gap:8px}.cmp-txt p{margin:0;font-size:16px}.cmp-txt strong{color:var(--navy)}.cmp-txt q{quotes:"“" "”"}
.cmp-thumbs{display:flex;gap:8px;margin-top:18px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.cmp-thumbs::-webkit-scrollbar{display:none}
.cmp-thumbs button{flex:0 0 96px;aspect-ratio:3/2;padding:0;border:3px solid transparent;border-radius:12px;overflow:hidden;background:none;cursor:pointer;opacity:.45;transition:opacity .2s,border-color .2s}
.cmp-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}
.cmp-thumbs button.on{opacity:1;border-color:var(--navy)}.cmp-thumbs button:hover{opacity:.85}
@media(min-width:900px){.cmp-thumbs button{flex:0 0 132px}.cmp-txt{grid-template-columns:1fr 1fr;gap:24px}.cmp-txt p{font-size:17px}.cmp .lab{top:18px;font-size:13px}}
/* ===== blog ===== */
.ph-blog .wrap,.ph-post .wrap{max-width:900px}
.bform{max-width:620px;margin-top:22px;box-shadow:0 10px 30px rgba(0,29,87,.10);border:1px solid var(--border)}
.bform input{height:52px}.bform button{height:52px;padding:0 24px}
.chips.cats{margin-top:18px}.chips.cats .chip{background:#fff;border-color:var(--border);color:var(--navy)}.chips.cats .chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}.chips.cats small{opacity:.6;font-weight:400}
.post-grid{display:grid;gap:18px}
.pc{display:grid;grid-template-rows:auto 1fr;background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;text-decoration:none;color:var(--text);transition:transform .25s,box-shadow .25s}
.pc:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,29,87,.10)}
.pc img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.pc .pc-ph{display:grid;place-items:center;aspect-ratio:16/10;background:var(--navy);color:#fff;font:700 18px Poppins,sans-serif;padding:20px;text-align:center}
.pc div{padding:16px 18px 18px}.pc .pc-cat{display:inline-block;font:600 12px/1 Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);opacity:.7;margin-bottom:8px}
.pc h3{font-size:18px;margin:0 0 8px;line-height:1.25}.pc p{margin:0 0 10px;font-size:14px;line-height:1.5}.pc .pc-meta{font-size:12px;color:#6b7280}
@media(min-width:600px){.post-grid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.post-grid{grid-template-columns:repeat(3,1fr);gap:24px}}
.pag{margin-top:32px}.pag ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.pag a,.pag span{display:inline-block;min-width:40px;padding:9px 12px;border-radius:10px;border:1.5px solid var(--border);text-align:center;color:var(--navy);text-decoration:none;font:600 14px Poppins,sans-serif;background:#fff}
.pag .current{background:var(--navy);color:#fff;border-color:var(--navy)}.pag .dots{border:0}
.post-meta{margin:10px 0 0;font-size:14px;color:#6b7280}
.featured{padding-top:28px}.featured img{width:100%;max-width:900px;aspect-ratio:16/9;object-fit:cover;border-radius:20px;display:block;margin:0 auto}
.post-body{max-width:860px;padding-top:32px}
.post-body img{max-width:100%;height:auto;border-radius:14px}.post-body figure{margin:0 0 20px}.post-body figcaption{font-size:13px;color:#6b7280;margin-top:6px}
.post-body iframe{max-width:100%}.post-body .wp-block-embed__wrapper{position:relative}
.post-body blockquote{border-left:4px solid var(--celeste);margin:0 0 20px;padding:4px 0 4px 18px;font-style:italic}
.post-body h1{font-size:28px}
.e404 .cta{margin-top:0}
/* el html pegado de Google Docs trae estilos inline de fuente y tamaño: se neutralizan */
.post-body [style*="font-family"],.post-body [style*="font-size"]{font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}
.post-body span[style*="color"]{color:inherit!important}
/* ===== summit dentro del sistema: su header y footer propios se ocultan, nuestro header va arriba ===== */
#ks-summit > main > header{display:none}
#ks-summit footer{display:none}
.ft .pais img{width:20px;height:15px}
.hd .logo svg{height:32px;width:auto}
.hd .intra{white-space:nowrap}.hd .intra svg{display:inline}
/* summit: sus textos heredan el color claro de su propio tema (nuestras reglas h1/h2/a/body usan --navy y --text) */
#ks-summit{--navy:currentColor;--text:currentColor;color:var(--foreground,#fff);background:var(--background,#000D2E)}
#ks-summit a:hover{opacity:1}
/* summit: su barra propia (anclas del evento) queda como sub-barra pegada debajo de nuestro header; su logo se oculta */
#ks-summit > main > header{display:block;position:sticky!important;top:64px;z-index:20;background:#000D2E!important;padding:10px 0!important;border-bottom:1px solid rgba(255,255,255,.08)}
#ks-summit > main > header a.flex.items-center:first-child{display:none}
#ks-summit > main > header nav{justify-content:center;flex:1}
@media(min-width:900px){#ks-summit > main > header{top:80px}}
/* área táctil de los enlaces delicados (mismo aspecto, 44 px de alto al tocar) */
.link{padding:10px 0;margin:4px 0 -10px}
/* ===== ajustes 2026-10-14 (revisión de Facundo) ===== */
/* (9) renders de casos: zoom sobre la maloclusión */
.caso{overflow:hidden}.caso img{transform:scale(1.45);transform-origin:50% 56%}
/* (11) reels más visibles y vivos; se reproducen en un visor grande */
.reels .reel{flex:0 0 78%;max-width:320px;border:3px solid #fff;box-shadow:0 14px 34px rgba(0,29,87,.28);outline:2px solid var(--celeste);outline-offset:0;transition:transform .25s,box-shadow .25s}
.reels .reel:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 44px rgba(0,29,87,.35)}
.reels .reel .play{width:68px;height:68px;animation:ks-pulse 2.2s ease-out infinite}
@keyframes ks-pulse{0%{box-shadow:0 0 0 0 rgba(203,242,254,.75)}70%{box-shadow:0 0 0 18px rgba(203,242,254,0)}100%{box-shadow:0 0 0 0 rgba(203,242,254,0)}}
@media(min-width:900px){.reels .reel{flex:0 0 220px;max-width:220px}.reels.r5 .reel{flex:0 0 210px}}
.vmodal{position:fixed;inset:0;z-index:90;background:rgba(0,13,46,.92);display:grid;place-items:center;padding:16px}
.vmodal[hidden]{display:none}
.vmodal-in{position:relative;width:min(92vw,calc((100vh - 40px) * 9 / 16));aspect-ratio:9/16;background:#000;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.vmodal-in iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vmodal-x{position:absolute;top:12px;right:12px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--navy);font:700 26px/1 Poppins,sans-serif;cursor:pointer}
body.vmodal-open{overflow:hidden}
/* (13) columnas alineadas arriba */
.cols2.top{align-items:start}
/* (12) línea de tiempo con más hitos */
@media(min-width:900px){.timeline{grid-template-columns:repeat(5,1fr);gap:24px 20px}}
/* (2) empleos destacado en el footer */
.empleos{display:grid;gap:14px;margin:8px 0 26px;padding:20px 22px;border:1.5px solid var(--navy);border-radius:18px;background:#fff}
.empleos strong{display:block;color:var(--navy);font:700 18px Poppins,sans-serif;margin-bottom:4px}.empleos span{font-size:15px}
.empleos .btn{justify-self:start}
@media(min-width:900px){.empleos{grid-template-columns:1fr auto;align-items:center;padding:22px 28px}}
/* (20) bloque de Instagram */
.igblock{display:grid;gap:22px;align-items:center}
.igblock .btn svg{margin-right:4px}
.igcard{position:relative;display:block;border-radius:22px;overflow:hidden;aspect-ratio:1;max-width:420px;justify-self:center;text-decoration:none}
.igcard img{width:100%;height:100%;object-fit:cover;display:block}
.igcard span{position:absolute;left:16px;bottom:16px;padding:10px 14px;border-radius:999px;background:#fff;color:var(--navy);font:700 14px Poppins,sans-serif}
@media(min-width:900px){.igblock{grid-template-columns:1.1fr 1fr;gap:48px}}
/* ===== mobile: las grillas de tarjetas se deslizan de costado (pedido de Facundo: "el scroll lateral re va") ===== */
@media(max-width:899px){
  .feat,.cards3,.tipos,.casos,.pasos,.speakers,.timeline{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 12px;margin:0 -16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .feat::-webkit-scrollbar,.cards3::-webkit-scrollbar,.tipos::-webkit-scrollbar,.casos::-webkit-scrollbar,.pasos::-webkit-scrollbar,.speakers::-webkit-scrollbar,.timeline::-webkit-scrollbar{display:none}
  .feat>*,.cards3>*,.tipos>*,.casos>*,.pasos>*,.speakers>*,.timeline>li{flex:0 0 76%;max-width:320px;scroll-snap-align:start}
  .casos>*{flex-basis:62%}.speakers>*{flex-basis:46%}.timeline>li{flex-basis:58%;padding:18px 0 0 0;border-left:0;border-top:2px solid var(--celeste)}.timeline li::before{left:0;top:-7px}
  .paso{grid-template-columns:1fr}.paso img{aspect-ratio:3/2;height:auto}
  .feat[style*="grid-template-columns"]{display:flex}
  .wrap>.feat,.wrap>.cards3,.wrap>.tipos,.wrap>.casos,.wrap>.pasos,.wrap>.speakers,.wrap>.timeline{margin-left:-16px;margin-right:-16px}
  .cols2 .feat{margin:0 -16px}
  /* pista visual de que sigue: la última tarjeta asoma */
  .rv{opacity:1;transform:none;transition:none}
}
.ig-grid{display:grid;gap:16px;margin-top:28px}
@media(min-width:700px){.ig-grid{grid-template-columns:repeat(3,1fr)}}
/* publicaciones de Instagram como tarjetas propias: foto o video grande, texto chico debajo */
.ig-strip{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 10px;scrollbar-width:none;margin-top:26px}
.ig-strip::-webkit-scrollbar{display:none}
.igpost{flex:0 0 84%;max-width:420px;scroll-snap-align:start}
.igmedia{position:relative;display:block;aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:var(--celeste2);box-shadow:0 10px 28px rgba(0,29,87,.14);transition:transform .25s}
.igmedia.video{aspect-ratio:9/16;background:#000}
a.igmedia:hover{transform:translateY(-3px)}
.igmedia img,.igmedia video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.igpost-ph{display:block;width:100%;height:100%}
.igpost-multi{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:rgba(0,29,87,.8);color:#fff;display:grid;place-items:center}.igpost-multi svg{width:16px;height:16px}
.igpost-txt{padding:10px 4px 0;font-size:13px;line-height:1.45;color:#3b4350}
.igpost-txt a{color:var(--navy);text-decoration:none;font:700 13px Poppins,sans-serif}
.igpost-txt p{margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:900px){.ig-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;overflow:visible}.igpost{max-width:none}}
.ig-grid{display:none}

/* el scroll suave recién después de cargar: con html{scroll-behavior:smooth} desde el arranque, Chrome cancela el salto al ancla (#seccion) cuando la página cambia de alto al cargar y deja la página arriba */
html{scroll-behavior:auto;scroll-padding-top:84px}html.ks-ready{scroll-behavior:smooth}
/* los @usuarios largos no desbordan en celular */
@media(max-width:899px){h1,h2,h3{overflow-wrap:anywhere}}
/* galería (fotos de un carrusel): sin texto repetido, 3 columnas en escritorio */
/* carrusel: todas las fotos de la publicación dentro de la misma tarjeta, deslizables (scroll-snap), flechas, contador y puntos */
.igcar .igtrack{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.igcar .igtrack::-webkit-scrollbar{display:none}
.igslide{flex:0 0 100%;height:100%;scroll-snap-align:start;position:relative}
.igslide>a,.igslide>.video{display:block;width:100%;height:100%;position:relative}
.igslide img,.igslide video{width:100%;height:100%;object-fit:cover;display:block}
.igarrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--navy);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25);opacity:.95;transition:opacity .2s,transform .2s}
.igarrow svg{width:20px;height:20px}.igarrow.prev{left:10px}.igarrow.next{right:10px}
.igarrow[disabled]{opacity:0;pointer-events:none}
.igcount{position:absolute;top:12px;right:12px;padding:3px 9px;border-radius:999px;background:rgba(0,29,87,.8);color:#fff;font:600 12px Poppins,sans-serif}
.igdots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:5px;pointer-events:none}
.igdots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);transition:background .2s,transform .2s}.igdots i.on{background:#fff;transform:scale(1.25)}
.igcar .video .igplay{width:64px;height:64px}.igcar .video .igplay svg{width:30px;height:30px}
.igcar .video.playing .igplay{display:none}
/* videos de Instagram: portada = fotograma del propio video (2 s), play grande al centro, controles recién al reproducir */
.igmedia.video video{cursor:pointer}
.igplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:var(--navy);display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 32px rgba(0,0,0,.35);transition:transform .2s;animation:ks-pulse 2.2s ease-out infinite}
.igplay svg{width:36px;height:36px;margin-left:5px}
.igmedia.video:hover .igplay{transform:translate(-50%,-50%) scale(1.06)}
.igmedia.video.playing .igplay{display:none}
/* ===== carrusel de videos verticales {{VIDEOS:lista}} (referencia: "Productos en acción" de Tienda Nube) ===== */
.vcar{position:relative;margin:0 -16px}
.vcar-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 16px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none}
.vcar-track::-webkit-scrollbar{display:none}
.vcard{flex:0 0 66%;max-width:300px;margin:0;scroll-snap-align:center;transition:transform .3s}
.vbox{position:relative;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#0b1630;box-shadow:0 10px 26px rgba(0,29,87,.18);cursor:pointer;-webkit-tap-highlight-color:transparent}
.vbox .vthumb,.vbox video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vbox .vthumb{z-index:1;transition:opacity .4s;background:#0b1630}
.vcard.playing .vthumb{opacity:0}
.vbox video{z-index:0}
.vplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:64px;height:64px;border-radius:50%;border:0;background:rgba(0,29,87,.72);color:#fff;display:grid;place-items:center;cursor:pointer;transition:opacity .3s;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.vplay svg{width:30px;height:30px;margin-left:4px}
.vcard.playing .vplay{opacity:0;pointer-events:none}
.vmute{position:absolute;right:10px;bottom:10px;z-index:3;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;opacity:0;transition:opacity .3s}
.vmute svg{width:16px;height:16px}
.vcard.playing .vmute{opacity:1}
.vexp{position:absolute;left:10px;bottom:10px;z-index:3;width:32px;height:32px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.vexp svg{width:16px;height:16px}
.vcap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:46px 14px 50px;color:#fff;font:600 14px/1.3 Poppins,sans-serif;background:linear-gradient(transparent,rgba(0,0,0,.6));pointer-events:none}
.vcar-nav{display:none}
.vcar-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}
.vcar-dots i{width:7px;height:7px;border-radius:50%;background:#c9ced3;transition:background .25s,transform .25s}
.vcar-dots i.on{background:var(--navy);transform:scale(1.3)}
.sec.navy .vcar-dots i{background:rgba(255,255,255,.35)}.sec.navy .vcar-dots i.on{background:#fff}
@media(min-width:900px){
  .vcar{margin:0}
  .vcar-track{gap:22px;padding:30px 20px 26px;justify-content:flex-start}
  .vcar-track>:first-child{margin-left:auto}.vcar-track>:last-child{margin-right:auto}
  .vcard{flex:0 0 212px;max-width:212px;scroll-snap-align:center}
  .vcard.on{transform:scale(1.12);z-index:2}
  .vcard.on .vbox{box-shadow:0 22px 48px rgba(0,29,87,.3)}
  .vcard:not(.on) .vbox:hover{transform:translateY(-3px)}.vbox{transition:transform .25s}
  .vcar-dots{display:none}
  .vcar-nav{display:flex;justify-content:center;gap:14px;margin-top:4px}
  .vcar-nav button{width:46px;height:46px;border-radius:50%;border:0;background:var(--navy);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;transition:background .2s}
  .vcar-nav button:hover{background:var(--navy2)}.vcar-nav button svg{width:22px;height:22px}
  .sec.navy .vcar-nav button{background:#fff;color:var(--navy)}
  .vcar[data-n="1"] .vcard,.vcar[data-n="2"] .vcard,.vcar[data-n="3"] .vcard{flex-basis:240px;max-width:240px}
}
/* visor grande con sonido (mismo .vmodal de los reels) */
.vmodal-in video{position:absolute;inset:0;width:100%;height:100%;background:#000;object-fit:contain}
.vmodal-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--navy);display:grid;place-items:center;cursor:pointer;z-index:3;padding:0}
.vmodal-nav svg{width:24px;height:24px}.vmodal-nav:disabled{opacity:.3;cursor:default}
.vmodal-nav.prev{left:max(12px,calc(50% - min(46vw,(100vh - 40px) * 9 / 32) - 60px))}.vmodal-nav.next{right:max(12px,calc(50% - min(46vw,(100vh - 40px) * 9 / 32) - 60px))}
.vmodal-count{position:absolute;left:50%;bottom:max(14px,calc(50% - (100vh - 40px) / 2 - 30px));transform:translateX(-50%);color:#fff;font:600 13px Poppins,sans-serif;background:rgba(0,0,0,.5);padding:5px 14px;border-radius:999px}
.vmodal-ig{position:absolute;left:12px;top:14px;z-index:2;color:#fff;font:600 13px Poppins,sans-serif;background:rgba(0,0,0,.55);padding:8px 12px;border-radius:999px;text-decoration:none}
@media(max-width:899px){
  .vmodal.native{padding:0;background:#000}
  .vmodal.native .vmodal-in{width:100vw;height:100vh;height:100dvh;aspect-ratio:auto;border-radius:0}
  .vmodal.native .vmodal-nav{top:50%;bottom:auto;transform:translateY(-50%);background:rgba(255,255,255,.22);color:#fff;width:42px;height:42px}
  .vmodal.native .vmodal-nav.prev{left:10px}.vmodal.native .vmodal-nav.next{right:10px}
  .vmodal.native .vmodal-count{bottom:auto;top:max(22px,env(safe-area-inset-top))}
  .vmodal.native .vmodal-ig{top:auto;bottom:max(70px,calc(env(safe-area-inset-bottom) + 70px))}
  .vmodal.native .vmodal-x{top:max(14px,env(safe-area-inset-top));background:rgba(255,255,255,.2);color:#fff}
}
/* ===== destacado "¿todavía no sos acreditado?" (Doctores) y landing KeepSquad ===== */
.spot{position:relative;display:grid;gap:18px;padding:26px 24px;border-radius:24px;background:var(--celeste2);border:2px solid var(--celeste);overflow:hidden}
.spot::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:var(--celeste);opacity:.7}
.spot>*{position:relative}
.spot .eyebrow{color:var(--navy);opacity:1;font-weight:700;letter-spacing:.06em}
.spot h2{font-size:26px;margin:4px 0 8px}.spot p{font-size:16px;margin:0;max-width:60ch}
.spot .btn{justify-self:start;align-self:center;white-space:nowrap}
.spot ul{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 16px;font:600 14px Poppins,sans-serif;color:var(--navy)}
.spot li::before{content:"✓ ";color:var(--navy)}
@media(min-width:900px){.spot{grid-template-columns:1fr auto;align-items:center;padding:34px 40px}.spot h2{font-size:32px}}
.roles{display:grid;gap:16px}
.role{background:#fff;border:1px solid var(--border);border-radius:20px;padding:24px;display:grid;gap:10px;align-content:start}
.role .av{width:64px;height:64px;border-radius:50%;background:var(--celeste);display:grid;place-items:center;color:var(--navy)}.role .av svg{width:30px;height:30px}
.role h3{font-size:19px;margin:4px 0 0}.role .tag{font:600 12px Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);opacity:.7}
.role ul{margin:0;padding-left:18px;font-size:15px;line-height:1.5}.role li{margin-bottom:4px}
.sec.alt .role{border-color:transparent}
@media(min-width:900px){.roles{grid-template-columns:repeat(3,1fr);gap:22px}.role{padding:28px}}
.kday{display:grid;gap:14px}
.kday .fcard{border-left:4px solid var(--naranja)}
@media(min-width:900px){.kday{grid-template-columns:repeat(4,1fr)}}
.nota{font-size:14px;color:#5d6570;margin-top:14px}
@media(min-width:900px){#camino .pasos{grid-template-columns:repeat(4,1fr)}}
/* botón Acreditate en el header (modo doctor) */
.acred{display:none;margin-left:10px;background:var(--celeste);color:var(--navy);font:700 13px/1 Poppins,sans-serif;padding:11px 14px;border-radius:999px;text-decoration:none;transition:filter .2s}.acred:hover{filter:brightness(.95)}
@media(min-width:900px){.acred{display:inline-block;font-size:14px;padding:13px 16px}}
.menu-m-x .acred-m{background:var(--celeste);color:var(--navy);border-color:var(--celeste)}
/* ===== ecosistema (P6): el ortodoncista al centro, las piezas alrededor ===== */
.eco-ring{position:relative;width:min(100%,660px);aspect-ratio:1;margin:0 auto}
.eco-ring::before{content:"";position:absolute;inset:8%;border-radius:50%;border:2px dashed rgba(0,29,87,.25)}
.eco-center{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:2px solid var(--celeste);box-shadow:0 14px 40px rgba(0,29,87,.12);display:grid;place-items:center;text-align:center;padding:8%}
.eco-you{display:grid;justify-items:center;gap:6px}.eco-you svg{width:34px;height:34px;color:var(--navy)}.eco-you b{font:700 17px/1.2 Poppins,sans-serif;color:var(--navy)}.eco-you span{font-size:13px;line-height:1.4;color:#5d6570}
.eco-center .eco-card{display:none;grid-template-rows:auto auto 1fr auto;justify-items:center;gap:6px;text-align:center}
.eco-card .ic{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center}.eco-card .ic svg{width:22px;height:22px}
.eco-card h3{font-size:17px;margin:0;line-height:1.2}.eco-card p{margin:0;font-size:13px;line-height:1.4;color:#3b4350}
.eco-node{position:absolute;left:50%;top:50%;display:grid;justify-items:center;text-decoration:none;color:var(--navy);transform:translate(-50%,-50%);-webkit-tap-highlight-color:transparent}
.eco-node .ic{width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid var(--celeste);color:var(--navy);display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,29,87,.12);transition:transform .2s,background .2s,color .2s,border-color .2s}
.eco-node .ic svg{width:24px;height:24px}
.eco-node .lbl{margin-top:6px;font:600 12px/1.15 Poppins,sans-serif;text-align:center;width:112px;white-space:normal}
.eco-node:hover .ic,.eco-node.on .ic,.eco-node:focus-visible .ic{background:var(--navy);color:#fff;border-color:var(--navy);transform:scale(1.08)}
.eco-node:focus-visible{outline:none}
.eco-card-m{margin:18px auto 0;max-width:520px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px 20px;display:grid;gap:8px}
.eco-card-m .btn{justify-self:start;margin-top:4px}
.eco-card-m[hidden]{display:none}
@media(max-width:599px){.eco-ring{width:min(100%,340px)}.eco-center{width:44%;padding:6%}.eco-you svg{width:26px;height:26px}.eco-you b{font-size:13px}.eco-you span{display:none}.eco-node .lbl{display:none}.eco-node .ic{width:44px;height:44px}.eco-node .ic svg{width:20px;height:20px}}
@media(min-width:600px) and (max-width:899px){.eco-ring{width:min(100%,520px)}.eco-node .lbl{width:92px;font-size:11px}}
@media(min-width:900px){.eco-center .eco-card{display:grid}.eco.has .eco-center .eco-you{display:none}.eco.has .eco-center .eco-card{display:grid}.eco:not(.has) .eco-center .eco-card{display:none}.eco-card-m{display:none !important}}
/* página de revisión de videos (interna) */
.alts{display:flex;gap:12px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none}.alts::-webkit-scrollbar{display:none}
.alt{flex:0 0 180px;display:grid;gap:4px;text-decoration:none;color:var(--navy);font-size:12px}.alt img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:14px;background:#000}
.alt b{font:700 13px Poppins,sans-serif;line-height:1.2}.alt span{color:#5d6570}.alt em{color:#3b4350;font-style:normal;line-height:1.3}.alt code{font-size:11px}

/* Typeform embebido ({{TYPEFORM:nombre}}): tarjeta blanca como el formulario propio; el SDK pinta adentro */
.ktf{background:#fff;border:1px solid var(--border);border-radius:20px;padding:10px;min-height:120px;display:flex;align-items:center;justify-content:center}
.ktf.on{display:block;padding:0;overflow:hidden;height:560px}
.ktf.on .ktf-link{display:none}
.ktf iframe{width:100%;height:100%;border:0;display:block}
@media (max-width:720px){.ktf.on{height:520px}}

/* Revisión 2026-10-17: kit sin recorte, grupos de video (Academy), video de KOS y del bloque de casos */
.kitimg{border-radius:20px;overflow:hidden;align-self:start}.kitimg img{width:100%;height:auto;display:block}
.vgroups{display:grid;gap:34px}.vgroup>div{margin-bottom:14px}.vgroup h3{font-size:22px;margin:0 0 4px}.vgroup p{margin:0;color:var(--muted,#4b5563)}
.kosvid{margin-top:28px}
.vside{align-self:start}

/* Revisión 2026-10-17 (C): footer en columnas, Empleos como enlace destacado */
.ft nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.ft-col{display:grid;gap:8px;align-content:start}
.ft-empleos{display:block;margin-top:14px;padding:14px 16px;border:1.5px solid var(--navy);border-radius:14px;background:#fff;color:var(--navy)}
.ft-empleos strong{display:block;font:700 15px Poppins,sans-serif;margin-bottom:2px}.ft-empleos span{font:600 14px Poppins,sans-serif;text-decoration:underline;text-underline-offset:3px}
@media(min-width:900px){.ft{padding-bottom:60px}.ft-in{grid-template-columns:1.1fr 1.4fr .9fr;gap:40px}}
/* Línea de tiempo continua (Nosotros) */
.timeline,.timeline.timeline{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 0 12px;margin:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.timeline::-webkit-scrollbar{display:none}
.timeline li,.timeline>li{flex:0 0 auto;width:clamp(168px,19%,210px);max-width:none;position:relative;padding:20px 16px 0 0;border-left:0;border-top:2px solid var(--celeste);scroll-snap-align:start}
.timeline li::before{left:0;top:-7px}
.timeline li:last-child{border-top-color:transparent;background:linear-gradient(90deg,var(--celeste) 0,var(--celeste) 20px,transparent 20px) top/100% 2px no-repeat}
@media(max-width:899px){.wrap>.timeline{margin:0 -16px;padding:10px 16px 12px}}
/* Misión / Visión / Valores en tarjetas */
.mvv{display:grid;gap:16px}
.mvv>div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:26px 24px}
.mvv .eyebrow{color:var(--celeste)}.mvv h3{font-size:22px;margin:4px 0 8px;color:#fff}.mvv p{margin:0;font-size:16px;color:rgba(255,255,255,.86)}
.mvv .valores span{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff}
@media(min-width:900px){.mvv{grid-template-columns:1fr 1fr 1.25fr;gap:20px}}
/* Celular: nada desborda el ancho de la página; buscador de la home centrado */
@media(max-width:899px){
  body{overflow-x:hidden}
  .cols2>*,.feat>*,.grid>*,.vgroup,.vgroup>*{min-width:0}
  .cols2 .feat,.cols2 .pasos,.cols2 .cards3{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
  .buscar .wrap{text-align:center}.buscar .sform{margin:0 auto}.buscar .chips{justify-content:center}.buscar .ubi{text-align:center}
}
.cols2 .kitimg img,.kitimg img{aspect-ratio:auto!important;height:auto!important;object-fit:contain!important;max-height:none}
.vside .vcar-track{justify-content:center}.vside .vcard{flex:0 0 260px;max-width:260px}
@media(max-width:899px){.vside .vcard{flex-basis:70%;max-width:300px}}

/* Casos antes/después desde el blog ({{CASOS}}) */
.casosb-f{margin:0 0 22px}.casosb-f .chip span{opacity:.6;font-weight:400;margin-left:4px}
.casosb-grid{display:grid;gap:18px}
@media(min-width:640px){.casosb-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.casosb-grid{grid-template-columns:repeat(3,1fr);gap:22px}}
.ccard{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.ccard[hidden]{display:none}
.ccard-pair{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--border)}
.ccard-pair figure{margin:0;position:relative;aspect-ratio:4/3;background:#f3f4f4}
.ccard-pair img{width:100%;height:100%;object-fit:cover;display:block}
.ccard-pair figcaption{position:absolute;left:8px;bottom:8px;background:rgba(0,29,87,.85);color:#fff;font:600 11px Poppins,sans-serif;padding:4px 8px;border-radius:999px}
.ccard-b{padding:16px 18px 18px;display:grid;gap:6px}.ccard-b .eyebrow{margin:0}.ccard-b h3{font-size:17px;line-height:1.3;margin:0}.ccard-b h3 a{text-decoration:none;color:var(--navy)}
.ccard-p{margin:0;font-size:14px;color:#5b6472}.ccard-b .link{margin-top:4px;align-self:start}
@media(max-width:899px){.casosb-f{flex-wrap:nowrap;overflow-x:auto;margin-left:-16px;margin-right:-16px;padding:0 16px 8px;scrollbar-width:none}.casosb-f::-webkit-scrollbar{display:none}}
.ccard-pair figure.solo{grid-column:1/-1;aspect-ratio:2/1}

/* Página de precio (B9): planes y FAQ con h3 (para el FAQPage de ks-seo) */
.planes{display:grid;gap:16px}@media(min-width:800px){.planes{grid-template-columns:repeat(3,1fr);gap:20px}}
.plan{background:#fff;border:1.5px solid var(--border);border-radius:20px;padding:24px 22px}.plan.on{border-color:var(--navy);box-shadow:0 14px 34px rgba(0,29,87,.12)}
.plan h3{font-size:26px;margin:2px 0 6px}.plan-c{margin:0 0 16px;font-size:15px}.plan dl{margin:0;display:grid;gap:8px}.plan dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding-top:8px}
.plan dt{font-size:14px;color:#5b6472}.plan dd{margin:0;font:700 15px Poppins,sans-serif;color:var(--navy)}
.faq summary h3{display:inline;font:inherit;margin:0;color:inherit}
.links{list-style:none;margin:0;padding:0;display:grid;gap:10px}.links a{font:600 16px Poppins,sans-serif;color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.firma{margin-top:22px;font-size:14px;color:#5b6472}