/* ============================================================
   Página «Plataforma» (16 oct 2026). Solo se carga en esa página.
   ============================================================ */
.pl-chip{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid var(--borde);font-size:14px;line-height:1;color:var(--txt-2);white-space:nowrap}
.pl-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lima)}
.pl .cab--centro .pl-chip{align-self:center}
.pl .cab .display-xl{max-width:1200px}
.pl-h2{font-family:var(--serif);font-weight:400;font-size:60px;line-height:62px;letter-spacing:-.025em;margin:0}
.pl-tile{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:16px}
.pl-tile .ic{width:26px;height:26px}
.pl-tile--s{width:40px;height:40px;border-radius:12px}
.pl-tile--s .ic{width:18px;height:18px}
.pl-tile--menta{background:var(--menta);color:var(--menta-a)}
.pl-tile--cielo{background:var(--cielo);color:var(--cielo-a)}
.pl-tile--lavanda{background:var(--lavanda);color:var(--lavanda-a)}
.pl-tile--ambar{background:#fff4e2;color:#c77a12}
.pl-tile--rosa{background:#fdeeec;color:#d4553f}
.pl-mono{display:block;font-family:var(--mono);font-size:10px;line-height:14px;letter-spacing:.1em;color:var(--txt-3)}
.pl-btn-borde{background:#fff;color:var(--tinta);border:1px solid var(--borde-medio)}
.pl-btn-borde:hover{border-color:var(--tinta)}

/* ---------- 01 · Cabecera con «amanecer suave» (degradados fijos, sin desenfoque animado) ---------- */
.pl-hero{position:relative;isolation:isolate;overflow:hidden;margin-top:-84px;padding:190px 0 72px}
.pl-amanecer{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(640px 480px at 4% 2%,rgba(124,108,240,.30),rgba(124,108,240,0) 72%),
 radial-gradient(600px 460px at 96% 2%,rgba(62,193,180,.26),rgba(62,193,180,0) 72%),
 radial-gradient(520px 460px at -2% 74%,rgba(46,160,224,.20),rgba(46,160,224,0) 72%),
 radial-gradient(520px 460px at 103% 71%,rgba(163,230,53,.22),rgba(163,230,53,0) 72%)}
.pl-amanecer__horizonte{position:absolute;left:-15%;right:-15%;bottom:40px;height:220px;opacity:.32;background:linear-gradient(90deg,#7c6cf0,#2ea0e0 35%,#3ec1b4 65%,#a3e635);-webkit-mask:radial-gradient(closest-side,#000 30%,transparent);mask:radial-gradient(closest-side,#000 30%,transparent)}
.pl-amanecer__reticula{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,27,34,.2) 1.5px,transparent 2px);background-size:64px 64px;background-position:calc(50% + 32px) -32px;-webkit-mask:radial-gradient(ellipse 60% 55% at 50% 45%,transparent 35%,#000 100%);mask:radial-gradient(ellipse 60% 55% at 50% 45%,transparent 35%,#000 100%)}
.pl-amanecer::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.pl-hero__in{display:flex;flex-direction:column;align-items:center;text-align:center}
.pl-hero__t{margin:20px 0 0;font-family:var(--serif);font-weight:400;font-size:96px;line-height:92px;letter-spacing:-.035em}
.pl-hero__p{max-width:760px;margin:36px 0 0;font-size:20px;line-height:30px;color:var(--txt-2)}
.pl-hero__acc{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.pl-ideas{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:100%;margin-top:72px;text-align:left}
.pl-idea{display:flex;align-items:center;gap:18px;padding:24px;border-radius:20px;background:#fff;border:1px solid var(--borde);box-shadow:0 10px 30px -22px rgba(0,27,34,.25)}
.pl-idea p{margin:0;font-size:16px;line-height:23px;color:var(--tinta)}

/* ---------- Índice de la página (se queda fijo bajo el menú) ---------- */
.pl-indice{position:sticky;top:102px;z-index:40;margin-top:8px;pointer-events:none}
/* 16 oct (Gus): el índice va en una cápsula como el menú principal, con su mismo ancho */
.pl-indice__pista{pointer-events:auto;display:flex;justify-content:center;gap:6px;width:calc(100% - var(--gutter) * 2);max-width:1240px;margin:0 auto;padding:13px 8px;border-radius:999px;background:rgba(255,255,255,.94);border:0;box-shadow:0 12px 40px -22px rgba(0,27,34,.35);overflow-x:auto;scrollbar-width:none}
.pl-indice__pista::-webkit-scrollbar{display:none}
.pl-indice a{flex:none;display:inline-flex;align-items:center;height:38px;padding:0 17px;border-radius:999px;font-size:15px;color:var(--txt-2);transition:background .25s,color .25s}
.pl-indice a:hover{color:var(--tinta);background:var(--gris)}
.pl-indice a.is-activo{background:var(--tinta);color:#fff}
.pl section[id]{scroll-margin-top:70px} /* 96 (scroll-padding) + 70 = justo bajo el índice fijo */

/* ---------- 02 · Por qué Ophera ---------- */
.pl-vision__in{display:grid;grid-template-columns:minmax(0,560px) minmax(0,672px);justify-content:space-between;align-items:center;gap:56px}
.pl-vision__txt{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.pl-vision__txt .cuerpo-l{margin-top:8px}
.pl-cita{position:relative;margin:12px 0 0;padding:26px 28px 26px 44px;border-radius:20px;background:#ecf8f0;font-family:var(--serif);font-style:italic;font-size:22px;line-height:30px;color:var(--tinta)}
.pl-cita::before{content:"";position:absolute;left:24px;top:22px;bottom:22px;width:3px;border-radius:3px;background:var(--lima)}
.pl-prov{position:relative;aspect-ratio:670/520;border-radius:28px;background:#f3f6f9;border:1px solid var(--borde)}
.pl-prov__lineas{position:absolute;inset:0;width:100%;height:100%}
.pl-nodo{position:absolute;display:flex;align-items:center;gap:12px;height:12%;padding:0 18px 0 11px;border-radius:14px;background:#fff;border:1px solid var(--borde);box-shadow:0 8px 22px -18px rgba(0,27,34,.4)}
.pl-nodo strong{display:block;font-weight:500;font-size:15px;line-height:19px;color:var(--tinta)}
.pl-nodo span:not(.pl-tile){display:block;font-size:12px;line-height:16px;color:var(--txt-3)}
.pl-nodo--1{left:6%;top:8%;width:27.2%}
.pl-nodo--2{left:36.4%;top:8%;width:27.2%}
.pl-nodo--3{left:66.8%;top:8%;width:27.2%}
.pl-nodo--4{left:6%;bottom:8%;width:29.8%}
.pl-nodo--5{right:6%;bottom:8%;width:29.8%}
.pl-centro{position:absolute;left:32.7%;top:33.2%;width:34.6%;height:28.7%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:20px;background:var(--tinta);color:#fff;box-shadow:0 24px 50px -24px rgba(0,27,34,.6)}
.pl-centro__logo{color:#fff}
.pl-centro__logo svg{display:block;width:120px;height:auto}
.pl-centro ul{list-style:none;margin:0;padding:0;text-align:center;font-size:14px;line-height:28px;color:rgba(255,255,255,.85)}

/* ---------- 03 · Cómo funciona ---------- */
.pl-como .cfb__cta{margin-top:72px}

/* ---------- 04 · Ophera AI (oscuro, animado) ---------- */
.pl-ai{--ai-ventana:#0b2a32;--ai-texto:#e6edf0;--ai-suave:#9fb0b6;--ai-borde:rgba(255,255,255,.09);position:relative;overflow:hidden;isolation:isolate;padding:120px 0;background:var(--tinta);color:var(--ai-texto)}
.pl-ai::before,.pl-ai::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.pl-ai::before{width:900px;height:800px;right:-220px;top:-260px;background:radial-gradient(closest-side,rgba(62,193,180,.18),transparent)}
.pl-ai::after{width:800px;height:700px;left:-320px;bottom:-320px;background:radial-gradient(closest-side,rgba(46,160,224,.16),transparent)}
.pl-ai__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,552px);gap:72px;align-items:center}
.pl-ai__chip{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);font-size:14px;line-height:20px;color:#cfd8dc}
.pl-ai__chip b{color:var(--lima);font-weight:400}
.pl-ai h2{margin:24px 0 20px;font-family:var(--serif);font-weight:400;font-size:60px;line-height:1.04;letter-spacing:-.01em;color:#fff}
.pl-ai h2 em{background:linear-gradient(90deg,var(--lima),var(--aura-turquesa));-webkit-background-clip:text;background-clip:text;color:transparent}
.pl-ai__lead{max-width:470px;margin:0;font-size:19px;line-height:1.5;color:var(--ai-suave)}
.ai-fases{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:10px;max-width:440px}
.ai-fase{position:relative;display:flex;gap:16px;align-items:center;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.035);color:var(--ai-suave);transition:background .4s,color .4s}
.ai-fase__n{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.06);font-family:var(--mono);font-size:13px;transition:background .4s,color .4s}
.ai-fase strong{display:block;font-weight:500;font-size:17px;line-height:24px;color:#cfd8dc;transition:color .4s}
.ai-fase div span{display:block;font-size:14px;line-height:20px}
.ai-fase__barra{position:absolute;left:18px;right:18px;bottom:0;height:2px;border-radius:2px;background:var(--lima);transform:scaleX(0);transform-origin:left}
.ai-fase.activa{background:rgba(255,255,255,.08)}
.ai-fase.activa .ai-fase__n{background:var(--lima);color:var(--tinta)}
.ai-fase.activa strong{color:#fff}
.ai-fase.hecha .ai-fase__n{background:rgba(163,230,53,.16);color:var(--lima)}
.ai-repetir{margin-top:28px;display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--ai-suave)}
.ai-repetir:hover{color:#fff}
.ai-win{border-radius:28px;background:var(--ai-ventana);box-shadow:0 40px 80px -30px rgba(0,0,0,.6),inset 0 0 0 1px var(--ai-borde);overflow:hidden}
.ai-win__bar{display:flex;gap:8px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--ai-borde);font-family:var(--mono);font-size:12px;line-height:16px;color:var(--ai-suave)}
.ai-win__bar i{width:10px;height:10px;border-radius:50%;opacity:.7}
.ai-win__bar i:nth-child(1){background:#ff5f57}.ai-win__bar i:nth-child(2){background:#febc2e}.ai-win__bar i:nth-child(3){background:#28c840;margin-right:4px}
.ai-win__body{padding:24px;height:600px;display:flex;flex-direction:column;gap:16px}
.ai-pide{position:relative;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.07);min-height:98px}
.ai-pide small{font-family:var(--mono);font-size:10px;line-height:14px;letter-spacing:.06em;color:var(--ai-suave)}
.ai-frase{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
.ai-escribe{margin:6px 0 0;font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.35;color:#fff;min-height:52px}
.ai-caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-3px;background:var(--lima);animation:aiParpadeo 1s steps(1) infinite}
@keyframes aiParpadeo{50%{opacity:0}}
.ai-estado{display:flex;gap:8px;align-items:center;height:18px;font-size:13px;color:#cfd8dc;opacity:0;transition:opacity .3s}
.ai-estado b{color:var(--lima);font-weight:400;display:inline-block}
.ai-estado.pensando b{animation:aiGira 1.2s linear infinite}
@keyframes aiGira{to{transform:rotate(360deg)}}
.ai-flujo{position:relative;display:flex;flex-direction:column;gap:8px;padding-left:22px}
.ai-flujo__linea{position:absolute;left:6px;top:20px;bottom:20px;width:2px;border-radius:2px;background:linear-gradient(var(--lima),var(--aura-turquesa));transform:scaleY(0);transform-origin:top;transition:transform .45s ease}
.ai-paso,.ai-deci{position:relative;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}
.ai-paso.ver,.ai-deci.ver{opacity:1;transform:none}
.ai-paso{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.96);color:var(--tinta);font-size:15px;line-height:20px;font-weight:500}
.ai-paso::before,.ai-deci::before{content:"";position:absolute;left:-21px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--ai-ventana);box-shadow:inset 0 0 0 2px var(--lima)}
.ai-paso__n{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#f1f5f7;font-family:var(--mono);font-size:11px;color:#55606a;transition:background .3s,color .3s}
.ai-paso__t{flex:1}
.ai-sello{font-family:var(--mono);font-size:11px;line-height:14px;padding:4px 9px;border-radius:999px;background:#ecfaf1;color:#0e7d57;transform:scale(.6);opacity:0;transition:transform .3s cubic-bezier(.3,1.6,.5,1),opacity .2s}
.ai-paso.ver .ai-sello{transform:none;opacity:1;transition-delay:.25s}
.ai-paso.ok .ai-paso__n{background:var(--lima);color:var(--tinta)}
.ai-deci{padding:12px;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(163,230,53,.45)}
.ai-deci__t{display:flex;gap:8px;align-items:center;font-size:14px;line-height:20px;color:#fff}
.ai-deci__t i{width:12px;height:12px;background:var(--lima);transform:rotate(45deg);border-radius:2px}
.ai-ramas{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.ai-rama{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.96);color:var(--tinta);font-size:14px;line-height:19px;font-weight:500;opacity:0;transform:translateY(-6px) scale(.96);transition:opacity .3s,transform .3s}
.ai-rama small{display:block;font-family:var(--mono);font-size:10px;line-height:14px;color:#55606a;font-weight:400}
.ai-deci.ver .ai-rama{opacity:1;transform:none}
.ai-deci.ver .ai-rama:nth-child(2){transition-delay:.15s}.ai-deci.ver .ai-rama:nth-child(3){transition-delay:.3s}
.ai-deci.ok{box-shadow:inset 0 0 0 1px var(--lima),0 0 0 4px rgba(163,230,53,.08)}
.ai-deci.ok .ai-rama:first-child{box-shadow:inset 0 0 0 2px var(--lima)}
.ai-acciones{margin-top:auto;display:flex;gap:8px;align-items:center;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}
.ai-acciones.ver{opacity:1;transform:none}
.ai-btn{padding:10px 16px;border-radius:999px;font-size:13px;line-height:16px;font-weight:500;background:rgba(255,255,255,.06);color:var(--ai-texto);white-space:nowrap}
.ai-btn--lima{background:var(--lima);color:var(--tinta)}
.ai-btn--lima.pulsa{animation:aiPulsa .5s ease}
@keyframes aiPulsa{40%{transform:scale(.93)}}
.ai-listo{margin-left:auto;font-size:13px;color:var(--lima);opacity:0;transition:opacity .4s}
.ai-listo.ver{opacity:1}

/* ---------- 05 · Playbooks ---------- */
.pl-pb__barra{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:-16px 0 40px}
.pl-buscador{max-width:362px;height:46px;border-radius:999px;box-shadow:none;padding:0 18px}
.pl-buscador input{font-size:14px}
.pl-filtros{margin:0}
.pl-filtros .filtro>button{height:46px;padding:0 16px 0 18px;font-size:14px;font-weight:500;letter-spacing:0;border-color:var(--borde);background:var(--gris)}
.pl-filtros .filtro__menu{max-height:360px;overflow:auto}
.pl-bloques{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.pl-bloque{display:flex;flex-direction:column;gap:14px;padding:32px 28px 28px;border-radius:28px}
.pl-bloque--lavanda{background:#f3eefe}
.pl-bloque--cielo{background:#ecf6ff}
.pl-bloque--menta{background:#ecf9f0}
.pl-bloque h3{margin:0;font-family:var(--serif);font-weight:400;font-size:28px;line-height:32px;letter-spacing:-.02em;white-space:nowrap}
.pl-bloque>p{margin:0 0 6px;font-size:15px;line-height:22px;color:var(--txt-2);min-height:66px}
.pl-panel{display:flex;flex-direction:column;gap:12px;height:206px;margin-top:auto;padding:16px;border-radius:16px;background:#fff}
.pl-pildoras{display:flex;flex-wrap:wrap;gap:8px}
.pl-pildoras span{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:999px;background:var(--gris);font-size:13px;color:var(--tinta)}
.pl-pildoras .is-lima{background:var(--lima);color:var(--sobre-lima)}
.pl-pildoras .is-nuevo{background:var(--lima-suave);color:var(--lima-texto-fuerte)}
.pl-panel__t{font-weight:500;font-size:14px;line-height:18px}
.pl-cuadros{display:flex;gap:6px}
.pl-cuadros i{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--gris);font-style:normal;font-family:var(--mono);font-size:11px;color:var(--txt-2)}
.pl-cuadros i.is-lima{background:var(--lima);color:var(--sobre-lima)}
.pl-panel__res{margin:0;font-size:11.5px;line-height:16px;color:var(--txt-3)}
.pl-etqs{display:flex;gap:6px}
.pl-etqs span{padding:3px 8px;border-radius:999px;background:var(--gris);font-family:var(--mono);font-size:10px;line-height:14px;color:var(--txt-2)}
.pl-caps{display:flex;gap:8px;margin-bottom:4px}
.pl-caps span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px}
.pl-caps .ic{width:16px;height:16px}
.pl-caps__mas{border:1.5px dashed var(--lima);background:var(--lima-suave);color:var(--lima-texto-fuerte);font-size:16px}

/* ---------- 06 · Capacidades + integraciones ---------- */
.pl-integ{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,600px);align-items:center;gap:40px;margin-top:56px;padding:48px 48px 48px 56px;border-radius:28px;background:#fff;border:1px solid var(--borde)}
.pl-integ__txt{min-width:0}
.pl-integ__tag{display:inline-block;padding:4px 9px;border-radius:999px;background:var(--tinta);color:var(--lima);font-family:var(--mono);font-size:10px;line-height:14px;letter-spacing:.06em}
.pl-integ h3{margin:16px 0 0;font-family:var(--serif);font-weight:400;font-size:38px;line-height:42px;letter-spacing:-.02em;max-width:440px}
.pl-integ p{margin:22px 0 0;font-size:16px;line-height:24px;color:var(--txt-2);max-width:470px}
.pl-integ .pl-mono{margin-top:40px}
.pl-logos{position:relative;overflow:hidden;margin-top:16px;max-width:470px;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.pl-logos__pista{display:flex;width:max-content;animation:plCarrusel 32s linear infinite}
.pl-logos:hover .pl-logos__pista{animation-play-state:paused}
.pl-logos__serie{display:flex;align-items:center;gap:30px;padding-right:30px}
.pl-logo{display:inline-flex;align-items:center;gap:8px;color:#6a7580;font-size:15px;white-space:nowrap}
.pl-logo svg{width:20px;height:20px;fill:currentColor}
.pl-logo--sap svg{width:42px}
.pl-logo b{font-weight:500}
@keyframes plCarrusel{to{transform:translateX(-50%)}}
.pl-integ__esquema>svg{display:block;width:100%;height:auto}

/* ---------- 07 · Seguridad ---------- */
.pl-seg .sellos-autoridad{padding:0;margin:-16px 0 56px}
.pl-seg__rejilla{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:16px}
.pl-respaldo{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;padding:40px;border-radius:28px;background:var(--tinta);color:#fff}
.pl-respaldo::before{content:"";position:absolute;z-index:-1;width:520px;height:460px;right:-200px;top:-160px;border-radius:50%;background:radial-gradient(closest-side,rgba(95,143,0,.55),rgba(18,153,106,.12) 60%,transparent)}
.pl-respaldo__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--lima);color:var(--tinta)}
.pl-respaldo__ic .ic{width:22px;height:22px}
.pl-respaldo h3{margin:36px 0 0;font-family:var(--serif);font-weight:400;font-size:40px;line-height:42px;letter-spacing:-.02em}
.pl-respaldo h3 em{font-style:italic;background:linear-gradient(90deg,var(--lima),var(--aura-turquesa));-webkit-background-clip:text;background-clip:text;color:transparent}
.pl-respaldo p{margin:26px 0 0;font-size:16px;line-height:27px;color:rgba(255,255,255,.82);max-width:480px}
.pl-respaldo__etqs{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:40px}
.pl-respaldo__etqs span{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);font-family:var(--mono);font-size:11px;line-height:14px;color:rgba(255,255,255,.9)}
.pl-seg__lista{display:grid;gap:16px}
.pl-garantia{display:flex;gap:20px;align-items:flex-start;padding:28px;border-radius:20px;background:#f6f8fa;border:1px solid var(--borde)}
.pl-garantia .pl-tile{width:48px;height:48px;border-radius:12px}
.pl-garantia .pl-tile .ic{width:20px;height:20px}
.pl-garantia h3{margin:4px 0 0;font-weight:500;font-size:20px;line-height:26px;letter-spacing:-.01em}
.pl-garantia p{margin:6px 0 0;font-size:16px;line-height:24px;color:var(--txt-2)}

/* ---------- Responsive ---------- */
@media (max-width:1200px){
  .pl-vision__in{grid-template-columns:1fr;gap:48px}
  .pl-prov{max-width:672px;width:100%;margin:0 auto}
  .pl-integ{grid-template-columns:1fr;padding:40px}
  .pl-integ__esquema{max-width:600px;width:100%;margin:0 auto}
  .pl-bloque h3{white-space:normal}
}
@media (max-width:1100px){
  .pl-bloques{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}
  .pl-bloque>p{min-height:0}
  .pl-seg__rejilla{grid-template-columns:1fr}
}
@media (max-width:960px){
  .pl-ai__in{grid-template-columns:1fr;gap:48px}
  .pl-ai{padding:88px 0}
  .ai-win__body{height:auto;min-height:600px}
  .pl-hero__t{font-size:72px;line-height:72px}
  .pl-ideas{grid-template-columns:1fr;max-width:560px}
}
@media (max-width:760px){
  .pl-prov{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}
  .pl-prov__lineas{display:none}
  .pl-nodo,.pl-centro{position:static;width:auto;height:auto}
  .pl-nodo{padding:10px 12px 10px 10px;gap:10px;min-width:0}
  .pl-nodo strong{font-size:14px}
  .pl-centro{grid-column:1/-1;order:3;padding:22px}
  .pl-nodo--4,.pl-nodo--5{order:4}
  .pl-nodo--3{grid-column:1/-1}
}
@media (max-width:640px){
  .pl-hero{padding:150px 0 48px}
  .pl-hero__t{font-size:52px;line-height:54px}
  .pl-hero__p{font-size:17px;line-height:26px;margin-top:24px}
  .pl-hero__acc{flex-direction:column;width:100%}
  .pl-hero__acc .btn{width:100%}
  .pl-ideas{margin-top:44px;gap:12px}
  .pl-idea{padding:16px;gap:14px}
  .pl-idea .pl-tile{width:52px;height:52px}
  .pl-indice{top:98px}
  .pl-indice__pista{justify-content:flex-start;padding:9px 6px}
  .pl-indice a{height:34px;padding:0 14px;font-size:14px}
  .pl-h2{font-size:42px;line-height:44px}
  .pl-cita{font-size:19px;line-height:26px;padding:20px 22px 20px 38px}
  .pl-cita::before{left:20px}
  .pl-ai h2{font-size:40px}
  .pl-ai__lead{font-size:17px}
  .ai-win__body{padding:18px;min-height:0}
  .ai-ramas{gap:6px}
  .ai-rama{padding:7px 8px;font-size:13px}
  .ai-btn:not(.ai-btn--lima){display:none}
  .ai-fase div span{display:none}
  .pl-pb__barra{margin:-24px 0 28px}
  .pl-buscador{max-width:none}
  .pl-filtros{width:100%;justify-content:center}
  .pl-bloque{padding:26px 20px 20px}
  .pl-bloque h3{font-size:26px}
  .pl-panel{height:auto}
  .pl-integ{padding:28px 20px;margin-top:40px}
  .pl-integ h3{font-size:30px;line-height:34px}
  .pl-respaldo{padding:28px}
  .pl-respaldo h3{font-size:32px;line-height:35px}
  .pl-garantia{padding:22px;gap:16px}
  .pl-garantia h3{font-size:18px;line-height:24px}
  .pl-seg .sellos-autoridad{margin-bottom:40px}
}
@media (prefers-reduced-motion:reduce){
  .pl-ai *{transition:none!important;animation:none!important}
  .pl-logos__pista{animation:none}
}
/* Titular largo de Capacidades: en una línea en escritorio, como en Figma */
@media (min-width:1201px){.pl-caps-sec .cab .display-xl{font-size:66px;line-height:70px;max-width:none}}
/* Esquema de integraciones: en móvil, versión estrecha (mismo dibujo, reordenado) */
.pl-esq--movil{display:none!important}
@media (max-width:640px){.pl-esq--ancho{display:none!important}.pl-esq--movil{display:block!important}}
@media (max-width:760px){.pl-nodo strong{font-size:13px;line-height:17px}.pl-nodo span:not(.pl-tile){font-size:11px;line-height:15px}.pl-nodo .pl-tile--s{width:32px;height:32px;border-radius:10px}.pl-nodo{gap:8px;padding:10px 8px 10px 10px}.pl-nodo .pl-tile--s{width:28px;height:28px;border-radius:9px}.pl-nodo .pl-tile--s .ic{width:15px;height:15px}.pl-nodo div{min-width:0}}
/* Con la barra de administración de WordPress (sesión iniciada) el menú baja 32px (46px en tablet); el índice también */
.admin-bar .pl-indice{top:134px}
@media (max-width:782px){.admin-bar .pl-indice{top:148px}}
@media (max-width:640px){.admin-bar .pl-indice{top:144px}}
@media (max-width:600px){.admin-bar .pl-indice{top:98px}}
/* 16 oct (Gus): cuando el índice está fijo, un fundido blanco desde arriba hasta pasar el índice, para que no se vea
   el contenido entre el menú y el índice al hacer scroll. Va en el índice (por debajo del menú y de sus desplegables). */
.pl-indice::before{content:"";position:absolute;left:0;right:0;bottom:-34px;height:calc(100% + 102px + 34px);z-index:-1;pointer-events:none;background:linear-gradient(to bottom,#fff 0,#fff 74%,rgba(255,255,255,.85) 84%,rgba(255,255,255,0) 100%);opacity:0;transition:opacity .3s}
.pl-indice.is-fijo::before{opacity:1}
/* 1.0.44: el fundido (del menú y del índice) toma el color de la sección que pasa por debajo: blanco o tinta.
   El color va en background-color (anima suave) y la forma del degradado en una máscara. */
.nav[data-menu="c"]::before,.pl-indice::before{background:var(--pl-fundido,#fff);transition:opacity .3s,background-color .45s ease}
.nav[data-menu="c"]::before{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 42%,rgba(0,0,0,.9) 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 42%,rgba(0,0,0,.9) 62%,transparent 100%)}
.pl-indice::before{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 34px),rgba(0,0,0,.7) calc(100% - 22px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 34px),rgba(0,0,0,.7) calc(100% - 22px),transparent 100%)}
html.pl-oscuro{--pl-fundido:var(--tinta)}
.pl-oscuro .nav[data-menu="c"].is-scrolled .nav__in,.pl-oscuro .pl-indice__pista{background:#fff;transition:background-color .45s ease}
.admin-bar .pl-indice::before{height:calc(100% + 134px + 34px)}

/* 1.0.45: al saltar desde el índice, la sección empieza justo debajo de él (no oculta tras él) */
.admin-bar .pl section[id]{scroll-margin-top:102px}
@media (max-width:640px){.pl section[id]{scroll-margin-top:54px}.admin-bar .pl section[id]{scroll-margin-top:100px}}
@media (max-width:600px){.admin-bar .pl section[id]{scroll-margin-top:54px}}
/* 1.0.46: titular de Seguridad en móvil sin «su» suelto (igual que en la Home) */
@media (max-width:640px){#seguridad .cab h2{font-size:42px;line-height:46px;text-wrap:balance}}
@media (max-width:380px){#seguridad .cab h2{font-size:38px;line-height:42px}}