/* Mejoras sobre la identidad original. No modifica la portada ni sus animaciones. */
.app-page .app-header{position:sticky;top:0;z-index:50;background:rgba(6,26,51,.97);backdrop-filter:blur(12px)}
.app-header nav{align-items:center}
.app-header nav a{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px}
.app-header nav a:last-child{background:var(--cian-claro);color:var(--hondo);padding:8px 22px;border-radius:999px;font-weight:600}
.app-page .app-crumb{margin-bottom:2rem}
.app-page .app-hero{padding-bottom:3.5rem}
.app-page .app-hero__grid--simple{max-width:940px}
.app-page .app-intro{max-width:65ch}
.app-page .app-section{padding-block:clamp(40px,5vw,68px)}
.app-page .app-section:nth-of-type(odd){background:#edf3f9}
.app-page .app-section h2{max-width:34ch;line-height:1.3}
.app-page .app-lead{max-width:72ch;line-height:1.7}
.app-page .app-section__grid>h2{border-left:3px solid var(--cian-claro);padding-left:20px;align-self:start}
.app-page .app-section article+article{border-top:1px solid var(--filete-claro);padding-top:24px}
.app-page .app-shot a{box-shadow:0 16px 36px -24px #000;border-color:#375471}
.app-page .app-shot figcaption{line-height:1.65}
.app-page .app-links{gap:24px}
.app-page .app-links:has(>.app-link:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.app-page .app-link{transition:transform .22s ease,box-shadow .22s ease;border-color:#c7d7e6}
.app-page .app-link:hover{transform:translateY(-4px);box-shadow:0 16px 28px -20px #0a2e5466;border-color:var(--petroleo)}
.app-page .app-link:focus-visible{outline:3px solid var(--real);outline-offset:4px}
.app-page .app-link--visual{padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:14px}
.solucion-preview{aspect-ratio:16/10;background:var(--hondo);overflow:hidden;border-bottom:1px solid #c7d7e6;display:flex;align-items:center;justify-content:center}
.solucion-preview img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}
.app-link--visual:hover .solucion-preview img{transform:scale(1.025)}
.solucion-preview--concepto{position:relative}
.solucion-preview--concepto svg{width:100%;height:100%}
.solucion-preview--concepto small{position:absolute;bottom:12px;left:20px;color:var(--claro-2);font-size:11px}
.solucion-resumen{display:flex;flex:1;flex-direction:column;padding:24px}
.solucion-resumen>span:first-child{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--petroleo);margin-bottom:10px}
.solucion-resumen h3{font-size:1.3rem}
.solucion-resumen p{line-height:1.65;margin-bottom:20px}
.solucion-resumen small{align-self:start;background:#fff4db;color:#715008;padding:4px 8px;border-radius:4px;margin-bottom:16px}
.solucion-resumen .solucion-accion{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:auto;border-top:1px solid var(--filete-claro);padding-top:12px;color:var(--real);font-size:.87rem;font-weight:600}
.solucion-accion b{position:static}
.app-page .app-table{border-radius:12px;border:1px solid #cbd8e5}
.app-page .app-table caption{padding:16px;background:var(--hielo)}
.app-page .faq__lista summary{min-height:52px;line-height:1.5}
.app-page .app-actions .boton{min-height:48px}
@media(max-width:980px){.app-page .app-header{gap:8px;padding-block:12px}.app-header nav{gap:8px 20px}.app-page .app-hero{padding-bottom:40px}.app-page .app-section__grid{gap:28px}}
@media(max-width:600px){.app-page .app-header{position:relative}.app-header nav{gap:4px 16px}.app-header nav a{font-size:.82rem}.app-header nav a:last-child{padding:6px 16px}.app-page .app-links,.app-page .app-links:has(>.app-link:nth-child(2):last-child){grid-template-columns:1fr}.solucion-resumen{padding:22px}.app-page .app-section{padding-block:36px}.app-page .app-section__grid>h2{padding-left:14px}}
@media(prefers-reduced-motion:reduce){.app-page .app-link,.solucion-preview img{transition:none}.app-page .app-link:hover,.app-link--visual:hover .solucion-preview img{transform:none}}