:root{--sea:#075985;--sea2:#0e7490;--ink:#172033;--muted:#52657b;--line:#dce5ed;--bg:#f3f7f9;--green:#16803a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.62}img{max-width:100%}a{color:var(--sea)}button{font:inherit;cursor:pointer}.wrap{width:min(1080px,calc(100% - 32px));margin:auto}
.navbar{background:var(--sea);color:#fff;padding:13px 0}.nav-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:850}.back{color:#fff;text-underline-offset:3px;font-weight:700}
main{padding:20px 0 64px}.breadcrumbs{font-size:.85rem;color:var(--muted);margin-bottom:18px}.breadcrumbs a{color:var(--sea)}.heading h1{line-height:1.18;letter-spacing:-.035em;font-size:clamp(1.7rem,4.5vw,2.75rem);margin:7px 0 12px}.eyebrow{font-size:.85rem;text-transform:uppercase;color:var(--sea2);font-weight:850;letter-spacing:.06em;margin:0}.summary{color:#475569;max-width:900px;margin:0 0 18px}
.pills{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 23px}.pill{padding:7px 12px;border-radius:999px;background:#e0f2fe;color:#075985;font-weight:800;font-size:.9rem}
.grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:24px;align-items:start}.panel{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff;margin:0 0 18px;box-shadow:0 6px 23px rgba(15,23,42,.04)}.panel h2{font-size:1.34rem;margin:0 0 10px;line-height:1.3}.panel p{color:#475569;margin:0}.features{margin:0;padding-left:20px;color:#334155}.features li{margin:0 0 7px}.cta{background:var(--sea);color:#fff;display:block;text-align:center;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:850;margin-top:17px}.cta:hover{background:var(--sea2)}.hint{font-size:.9rem;color:#64748b;margin-top:12px!important}.related{margin-top:25px}.related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related-link{border:1px solid var(--line);padding:15px;border-radius:12px;display:block;text-decoration:none;background:#fff;font-weight:740}.related-link small{display:block;color:#52657b;font-weight:500;margin-top:5px}.footer{padding:20px 0;background:#e4edf2;color:#475569;font-size:.9rem}.footer a{font-weight:750}.loading{font-size:.9rem;color:var(--muted);margin:0 0 15px} .floating{position:fixed;right:14px;bottom:14px;padding:12px 17px;background:#16a34a;color:#fff;border-radius:99px;text-decoration:none;font-weight:850;box-shadow:0 8px 25px #0002}
@media(max-width:760px){.grid{grid-template-columns:1fr}.related-links{grid-template-columns:1fr}.panel{padding:17px}.nav-inner{align-items:flex-start}.stage{aspect-ratio:4/3}}@media(orientation:landscape) and (max-height:580px){.stage{aspect-ratio:auto;height:60vh;min-height:210px;max-height:430px}}

/* V3: carrusel igual al de la ventana «Ver fotos y detalles» de la portada. */
.stage{position:relative;width:100%;aspect-ratio:16/10;max-height:560px;background:#0f172a;border-radius:16px;overflow:hidden;touch-action:pan-y}
.stage>img{display:block;width:100%;height:100%;object-fit:contain}
.stage:focus-visible{outline:3px solid var(--sea2);outline-offset:3px}
.stage .nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;background:rgba(15,23,42,.72);color:#fff;font-size:1.8rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.stage .nav.prev{left:12px}.stage .nav.next{right:12px}
.stage .nav:disabled{opacity:.38;cursor:default}
.stage .nav:not(:disabled):hover{background:rgba(15,23,42,.92)}
.stage .nav:focus-visible{outline:3px solid #fff;outline-offset:2px}
.stage .counter{position:absolute;right:12px;bottom:12px;background:rgba(15,23,42,.75);color:#fff;border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:850}
@media(max-width:760px){.stage{aspect-ratio:4/3}.stage .nav{width:42px;height:42px}.stage .nav.prev{left:8px}.stage .nav.next{right:8px}}
@media(orientation:landscape) and (max-height:580px){.stage{aspect-ratio:auto;height:60vh;min-height:210px;max-height:430px}}