/* Escaparate de producto. Paleta resuelta desde estilo_editorial.py. */
:root{--pl-papel:#FCFBF8;--pl-tinta:#1B302B;--pl-secundario:#54635D;--pl-regla:#D8E0D9;--pl-verde:#146454;--pl-suave:#E3EEE7;--pl-serif:Georgia,'Times New Roman',serif}
.pl-cuerpo{background:var(--pl-papel);color:var(--pl-tinta)}
.pl-cuerpo .topnav{background:var(--pl-papel)}
.plataforma{box-sizing:border-box;width:100%;max-width:var(--ancho-pagina,1600px);padding:0 var(--margen-pagina);margin:0 auto;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.plataforma *,.pl-dialogo *{box-sizing:border-box}
.plataforma [hidden]{display:none!important}
.plataforma h1,.plataforma h2,.plataforma h3,.plataforma p,.plataforma figure{margin:0}
.plataforma h1,.plataforma h2{font-family:var(--pl-serif);font-weight:400;letter-spacing:-1.7px;line-height:1.06;text-wrap:balance}
.plataforma h1{font-size:clamp(42px,4.2vw,68px)}
.plataforma h2{font-size:clamp(34px,3.2vw,48px)}
.plataforma h1 em,.plataforma h2 em{font-weight:400;color:var(--pl-verde)}
.plataforma h3{font-size:23px;font-weight:600;line-height:1.24;letter-spacing:-.5px;text-wrap:balance}
.plataforma p{font-size:16px;line-height:1.7;color:var(--pl-secundario)}
.plataforma .pl-ceja,.pl-dialogo .pl-ceja{font-size:10px;line-height:1.5;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:var(--pl-verde)}
.plataforma a{text-underline-offset:5px}
.plataforma button{font:inherit;color:inherit}
.plataforma a:focus-visible,.plataforma button:focus-visible,.pl-panel:focus-visible,.pl-dialogo button:focus-visible{outline:3px solid var(--pl-verde);outline-offset:5px}
.plataforma section[id]{scroll-margin-top:100px}
.pl-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:5%;padding:64px 0 48px}
.pl-hero-texto>.pl-ceja{display:flex;align-items:center;gap:9px;margin-bottom:22px}
.pl-punto{width:6px;height:6px;background:var(--pl-verde);border-radius:50%;flex:none}
.pl-hero h1{margin-bottom:24px}
.pl-hero .pl-entradilla{font-size:18px;line-height:1.65}
.pl-acciones{display:flex;align-items:center;flex-wrap:wrap;gap:20px 26px;margin-top:28px}
.pl-boton{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;padding:14px 20px;border:1px solid transparent;border-radius:3px;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;transition:background .15s,transform .15s}
.pl-boton:hover{text-decoration:none;transform:translateY(-2px)}
.pl-boton-principal{background:var(--pl-tinta);color:var(--pl-papel)}
.pl-boton-principal:hover{background:var(--pl-verde);color:var(--pl-papel)}
.pl-boton-claro{background:var(--pl-papel);color:var(--pl-tinta)}
.pl-boton-claro:hover{background:var(--pl-suave);color:var(--pl-tinta)}
.pl-enlace{display:inline-flex;align-items:center;gap:13px;border:0;padding:0;background:none;color:var(--pl-verde);font-size:13px;font-weight:600;text-decoration:none;line-height:1.5;cursor:pointer}
.pl-enlace:hover{text-decoration:underline}
.pl-hero .pl-hero-pie{font-size:12px;line-height:1.6;margin-top:24px}
.pl-hero-visual{min-width:0;border:1px solid var(--pl-regla);background:white;border-radius:6px;box-shadow:0 16px 40px color-mix(in srgb,var(--pl-tinta),transparent 95%);overflow:hidden}
.pl-ventana-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--pl-regla);font-size:11px}
.pl-ventana-marca{font-weight:700;letter-spacing:-.2px}
.pl-ventana-marca>span{font-weight:400;color:var(--pl-secundario);margin-left:5px}
.pl-real{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--pl-verde)}
.pl-hero-recorte{display:block;width:100%;border:0;padding:0;cursor:zoom-in;aspect-ratio:1.8;overflow:hidden;background:var(--pl-suave)}
.pl-hero-recorte img{display:block;width:100%;height:100%;object-fit:cover;object-position:55% center}
.pl-hero-visual figcaption{display:flex;align-items:center;gap:12px;padding:18px;background:var(--pl-suave)}
.pl-comilla{font:42px/.8 var(--pl-serif);color:var(--pl-verde);align-self:start}
.pl-pregunta-etiqueta{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:8px;font-weight:600;color:var(--pl-secundario);margin-bottom:5px}
.pl-hero-visual figcaption strong{font-size:12px;font-weight:500;line-height:1.5;display:block}
.pl-flecha{font-size:23px;color:var(--pl-verde);margin-left:auto}
.pl-pruebas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--pl-regla);border-bottom:1px solid var(--pl-regla);margin-bottom:60px}
.pl-pruebas>div{padding:22px 26px}
.pl-pruebas>div:first-child{padding-left:0}
.pl-pruebas>div+div{border-left:1px solid var(--pl-regla)}
.pl-pruebas strong{font-family:var(--pl-serif);font-size:25px;font-weight:400;letter-spacing:-.5px;display:block;line-height:1.25}
.pl-pruebas span{display:block;font-size:11px;line-height:1.6;color:var(--pl-secundario);margin-top:5px}
.pl-demostracion{background:var(--pl-tinta);color:var(--pl-papel);padding:42px;border-radius:6px}
.pl-demo-cabecera{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:50px;margin-bottom:32px}
.pl-demo-cabecera .pl-ceja{color:var(--pl-suave);margin-bottom:14px}
.pl-demostracion h2 em{color:var(--pl-suave)}
.pl-demo-cabecera>p{font-size:14px;color:var(--pl-suave)}
.pl-pestanas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:24px}
.pl-pestanas button{display:flex;align-items:center;gap:13px;min-width:0;min-height:58px;padding:13px 16px;border:1px solid #ffffff35;background:transparent;border-radius:3px;text-align:left;font-size:13px;color:var(--pl-suave);cursor:pointer}
.pl-pestanas button>span{font-size:10px;color:var(--pl-suave)}
.pl-pestanas button>b{margin-left:auto;font-weight:400}
.pl-pestanas button:hover{background:#ffffff0c}
.pl-pestanas button[aria-selected=true]{background:var(--pl-papel);border-color:var(--pl-papel);color:var(--pl-tinta)}
.pl-pestanas button[aria-selected=true]>span{color:var(--pl-verde)}
.pl-pestanas button:focus-visible{outline-color:var(--pl-suave)}
.pl-panel{border-radius:4px;background:var(--pl-papel);color:var(--pl-tinta);overflow:hidden}
.pl-ejemplo-contexto{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:40px;padding:28px 30px}
.pl-etiqueta{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--pl-verde);margin-bottom:9px;font-weight:650}
.pl-ejemplo-contexto h3{font-family:var(--pl-serif);font-size:29px;font-weight:400;letter-spacing:-.6px;margin-bottom:10px}
.pl-ejemplo-contexto p{font-size:13px;line-height:1.65}
.pl-salidas{display:flex;flex-direction:column;justify-content:center;gap:9px;font-size:11px;border-left:1px solid var(--pl-regla);padding-left:25px}
.pl-salidas span::before{content:'↗';margin-right:9px;color:var(--pl-verde)}
.pl-captura{padding:0 14px 0;background:var(--pl-papel)}
.pl-ampliar-imagen{display:block;width:100%;padding:0;cursor:zoom-in;border:1px solid var(--pl-regla);background:white;border-radius:3px;overflow:hidden}
.pl-ampliar-imagen img{display:block;width:100%;height:auto}
.pl-captura figcaption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 8px 18px;color:var(--pl-secundario);font-size:10px;line-height:1.55}
.pl-ampliar{display:inline-flex;align-items:center;gap:10px;padding:5px 0;border:0;background:none;font-size:11px!important;line-height:1.5;white-space:nowrap;color:var(--pl-verde)!important;cursor:pointer;font-weight:600!important}
.pl-ampliar:hover{text-decoration:underline}
.pl-sin-js{padding-top:16px;color:var(--pl-papel)!important}
.pl-sin-js a{color:inherit}
.pl-territorio{padding:76px 0 0}
.pl-seccion-cab>.pl-ceja{margin-bottom:16px}
.pl-seccion-cab>p:last-child{margin-top:20px}
.pl-capacidades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:38px}
.pl-capacidades article{min-width:0;border-top:1px solid var(--pl-regla);padding-top:22px}
.pl-numero{font-size:10px;letter-spacing:.07em;color:var(--pl-verde);display:block;margin-bottom:22px;text-transform:uppercase;font-weight:600}
.pl-capacidades h3{font-family:var(--pl-serif);font-weight:400;font-size:29px;margin-bottom:14px}
.pl-capacidades p{font-size:14px}
.pl-escalas,.pl-temas{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:22px;font-size:10px;color:var(--pl-secundario)}
.pl-escalas i{font-style:normal;font-size:11px}
.pl-escalas strong{font-weight:600;color:var(--pl-verde)}
.pl-temas span{border:1px solid var(--pl-regla);border-radius:2px;padding:5px 8px}
.pl-caso-publico{display:flex;align-items:center;gap:22px;margin-top:38px;padding:26px 28px;border:1px solid var(--pl-regla);border-radius:4px;color:var(--pl-tinta);text-decoration:none;transition:background .15s}
.pl-caso-publico:hover{background:var(--pl-suave);text-decoration:none}
.pl-caso-icono{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;background:var(--pl-suave);color:var(--pl-verde);font-size:27px;border-radius:50%}
.pl-caso-publico>div{min-width:0}
.pl-caso-publico .pl-ceja{display:block;font-size:8px;margin-bottom:4px}
.pl-caso-publico strong{display:block;font-family:var(--pl-serif);font-size:23px;font-weight:400;line-height:1.3;letter-spacing:-.4px}
.pl-caso-publico>div>span:last-child{display:block;font-size:11px;color:var(--pl-secundario);margin-top:6px}
.pl-caso-accion{margin-left:auto;flex:none;font-size:12px;color:var(--pl-verde);font-weight:600}
.pl-caso-accion>span{margin-left:15px}
.pl-entregables{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8%;margin-top:76px;padding:44px;background:var(--pl-suave);border-radius:6px}
.pl-entregables .pl-ceja{margin-bottom:14px}
.pl-entregables h2{margin-bottom:22px}
.pl-entregables p{font-size:14px}
.pl-entregables .pl-enlace{margin-top:22px}
.pl-formatos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 24px}
.pl-formatos-imagen{grid-column:1/-1;width:100%;padding:0;margin:0 0 8px;border:1px solid var(--pl-regla);border-radius:3px;background:white;overflow:hidden;cursor:zoom-in}
.pl-formatos-imagen img{display:block;width:100%;height:auto}
.pl-formato{background:var(--pl-papel);border:1px solid var(--pl-regla);padding:24px 20px;border-radius:3px}
.pl-formato-icono{display:flex;width:50px;height:64px;align-items:end;padding:9px 7px;margin-bottom:26px;border:1px solid var(--pl-verde);border-radius:2px;color:var(--pl-verde);font-size:11px;font-weight:700;letter-spacing:.05em}
.pl-formato h3{font-family:var(--pl-serif);font-size:24px;font-weight:400;letter-spacing:-.4px;margin-bottom:10px}
.pl-formato p{font-size:12px}
.pl-formatos .pl-formatos-pie{grid-column:1/-1;font-size:10px;text-align:center;color:var(--pl-verde);margin-top:5px}
.pl-confianza{padding:70px 0}
.pl-confianza>.pl-ceja,.pl-confianza>div>.pl-ceja{margin-bottom:14px}
.pl-confianza h2{font-size:36px}
.pl-confianza-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}
.pl-confianza-grid>div{border-top:1px solid var(--pl-regla);padding-top:18px}
.pl-confianza-grid h3{font-size:16px;margin-bottom:12px}
.pl-confianza-grid p{font-size:13px}
.pl-confianza-grid a{margin-top:12px;font-size:12px}
.pl-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:50px;padding:48px;background:var(--pl-tinta);color:var(--pl-papel);border-radius:6px;margin-bottom:40px}
.pl-cta .pl-ceja{color:var(--pl-suave);margin-bottom:16px}
.pl-cta h2{margin-bottom:22px}
.pl-cta h2 em{color:var(--pl-suave)}
.pl-cta p{color:var(--pl-suave);font-size:15px}
.pl-cuerpo .footer.footer{background:var(--pl-papel);color:var(--pl-secundario);text-align:left}
.pl-captura-abierta{overflow:hidden}
.pl-dialogo{width:min(1500px,calc(100vw - 32px));max-height:92vh;max-height:92dvh;padding:0;border:1px solid var(--pl-regla);border-radius:6px;color:var(--pl-tinta);background:var(--pl-papel);box-shadow:0 20px 80px color-mix(in srgb,var(--pl-tinta),transparent 75%);overflow:auto}
.pl-dialogo::backdrop{background:color-mix(in srgb,var(--pl-tinta),transparent 24%);backdrop-filter:blur(4px)}
.pl-dialogo-cab{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 24px}
.pl-dialogo h2{font-family:var(--pl-serif);font-size:25px;font-weight:400;line-height:1.2;margin:6px 0 0}
.pl-cerrar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;background:none;border:1px solid var(--pl-regla);border-radius:3px;font-size:29px;color:var(--pl-tinta);cursor:pointer}
.pl-dialogo-imagen{overflow:auto;border-top:1px solid var(--pl-regla);border-bottom:1px solid var(--pl-regla);background:white}
.pl-dialogo-imagen img{display:block;width:1600px;max-width:none;height:auto}
.pl-dialogo-nota{padding:12px 24px;margin:0;font-size:11px;line-height:1.5;color:var(--pl-secundario)}
@media(max-width:1100px){
 .pl-hero{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:44px}
 .plataforma h1{font-size:50px}
 .pl-hero .pl-entradilla{font-size:16px}
 .pl-hero-visual figcaption{padding:14px}
 .pl-hero-visual figcaption strong{font-size:11px}
 .pl-demostracion{padding:30px}
 .pl-demo-cabecera{gap:30px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
 .pl-ejemplo-contexto{gap:24px;grid-template-columns:minmax(0,1fr) 180px;padding:24px}
 .pl-entregables{padding:30px;gap:30px}
 .pl-formato{padding:18px 15px}
 .pl-cta{padding:34px;gap:30px}
}
@media(max-width:760px){
 .pl-hero{grid-template-columns:1fr;padding:30px 0;gap:28px}
 .plataforma h1{font-size:clamp(37px,10.7vw,49px);letter-spacing:-1.2px}
 .plataforma h2{font-size:35px;letter-spacing:-1px}
 .pl-hero-texto>.pl-ceja{margin-bottom:16px;font-size:9px}
 .pl-hero h1{margin-bottom:18px}
 .pl-hero .pl-entradilla{font-size:16px;line-height:1.65}
 .pl-acciones{gap:18px 22px;margin-top:22px}
 .pl-boton{font-size:12px;padding:12px 16px;gap:22px}
 .pl-hero .pl-hero-pie{font-size:11px;margin-top:18px}
 .pl-hero-recorte{aspect-ratio:1.65}
 .pl-hero-visual figcaption{padding:14px}
 .pl-hero-visual figcaption strong{font-size:11px}
 .pl-ventana-cab{padding:12px 14px}
 .pl-pruebas{grid-template-columns:1fr;margin-bottom:36px}
 .pl-pruebas>div,.pl-pruebas>div:first-child{padding:18px 0;display:flex;flex-direction:column;gap:3px}
 .pl-pruebas>div+div{border-left:0;border-top:1px solid var(--pl-regla)}
 .pl-pruebas strong{font-size:24px}
 .pl-pruebas span{margin:0;font-size:11px}
 .pl-demostracion{padding:26px 16px;border-radius:4px}
 .pl-demo-cabecera{grid-template-columns:1fr;gap:18px;margin-bottom:24px}
 .pl-demo-cabecera>p{font-size:13px}
 .pl-demo-cabecera .pl-ceja{font-size:9px;margin-bottom:14px}
 .pl-demo-cabecera h2{font-size:32px}
 .pl-pestanas{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:18px}
 .pl-pestanas button{flex-direction:column;align-items:start;justify-content:start;gap:7px;font-size:11px;line-height:1.4;padding:11px 9px;min-height:70px}
 .pl-pestanas button>b{display:none}
 .pl-ejemplo-contexto{grid-template-columns:1fr;padding:20px 16px;gap:18px}
 .pl-ejemplo-contexto h3{font-size:26px}
 .pl-ejemplo-contexto p{font-size:12px}
 .pl-salidas{border-left:0;border-top:1px solid var(--pl-regla);padding:14px 0 0;flex-direction:row;justify-content:start;flex-wrap:wrap;gap:8px 15px;font-size:9px}
 .pl-salidas span::before{margin-right:5px}
 .pl-captura{padding:0 8px}
 .pl-ampliar-imagen{aspect-ratio:1.3}
 .pl-ampliar-imagen img{width:100%;height:100%;object-fit:cover;object-position:65% center}
 .pl-captura-informe .pl-ampliar-imagen img{object-position:right center}
 .pl-captura-comparacion .pl-ampliar-imagen{aspect-ratio:auto}
 .pl-captura-comparacion .pl-ampliar-imagen img{height:auto;object-fit:contain}
 .pl-captura figcaption{flex-direction:column;align-items:start;gap:8px;padding:14px 8px}
 .pl-territorio{padding-top:44px}
 .pl-seccion-cab>p:last-child{font-size:14px;margin-top:18px}
 .pl-capacidades{grid-template-columns:1fr;gap:28px;margin-top:28px}
 .pl-capacidades article{padding-top:20px}
 .pl-capacidades h3{font-size:29px}
 .pl-capacidades p{font-size:14px}
 .pl-numero{margin-bottom:15px}
 .pl-escalas,.pl-temas{margin-top:16px}
 .pl-caso-publico{margin-top:28px;padding:20px;gap:14px;flex-wrap:wrap}
 .pl-caso-icono{width:35px;height:35px;font-size:22px}
 .pl-caso-publico>div{flex:1}
 .pl-caso-publico strong{font-size:22px}
 .pl-caso-accion{margin-left:49px;font-size:11px}
 .pl-entregables{grid-template-columns:1fr;margin-top:44px;padding:26px 20px;gap:28px}
 .pl-entregables p{font-size:14px}
 .pl-formatos{gap:10px}
 .pl-formato{padding:18px 13px}
 .pl-formato h3{font-size:23px}
 .pl-formato p{font-size:11px}
 .pl-formato-icono{margin-bottom:22px}
 .pl-confianza{padding:44px 0}
 .pl-confianza h2{font-size:31px}
 .pl-confianza-grid{grid-template-columns:1fr;gap:22px;margin-top:24px}
 .pl-confianza-grid p{font-size:13px}
 .pl-cta{grid-template-columns:1fr;gap:26px;padding:30px 24px;margin-bottom:24px}
 .pl-cta p{font-size:14px}
 .pl-cta .pl-boton{justify-self:start}
 .pl-dialogo-cab{padding:16px}
 .pl-dialogo h2{font-size:22px}
 .pl-dialogo .pl-ceja{font-size:8px}
 .pl-dialogo-nota{padding:12px 16px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.plataforma *, .pl-dialogo *{scroll-behavior:auto!important;transition:none!important}.pl-boton:hover{transform:none}}
