/* ERA/IRESC · Entornos Especiales · fotos v2 (oct 2026) */
.subhero.photo{background:linear-gradient(90deg,rgba(4,18,36,.95) 0%,rgba(4,18,36,.84) 50%,rgba(4,18,36,.5) 100%),var(--bg) center/cover no-repeat!important;padding:64px 0 54px}
.subhero.photo h1{text-shadow:0 3px 18px rgba(0,0,0,.45)}
/* módulos en tarjetas grandes con foto (Aeronáutica) */
.module-list.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.module-row.has-photo{display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:20px;border:0;box-shadow:0 14px 34px rgba(19,60,100,.13);transition:transform .25s,box-shadow .25s;align-items:stretch;gap:0}
.module-row.has-photo:hover{transform:translateY(-5px);box-shadow:0 24px 48px rgba(19,60,100,.22)}
.mthumb{position:relative;height:210px;background:#0b2a45 center/cover no-repeat}
.mthumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,36,.05) 30%,rgba(4,18,36,.88))}
.mthumb .module-num{position:absolute;z-index:2;left:16px;top:16px;width:50px;height:50px;font-size:18px;background:#ff7a00!important;color:#fff!important;box-shadow:0 8px 18px rgba(0,0,0,.35)}
.mthumb .mtitle{position:absolute;z-index:2;left:18px;right:18px;bottom:14px;margin:0;color:#fff;font-size:23px;line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.mthumb .mkick{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;color:#7fd3ff;margin-bottom:4px}
.module-row.has-photo .module-status{position:absolute;top:16px;right:16px;z-index:3;background:#fff;color:#158d5c!important;padding:6px 10px;border-radius:999px;box-shadow:0 6px 14px rgba(0,0,0,.25)}
.module-row.has-photo{position:relative}
.module-row.has-photo .module-copy{padding:16px 20px 4px;flex:1}
.module-row.has-photo .module-copy h3{display:none}
.module-row.has-photo .module-copy p{font-size:15px;color:#4f6577;line-height:1.6}
.module-row.has-photo .module-button{align-self:flex-start;margin:12px 20px 20px;padding:12px 18px;font-size:14px;border-radius:11px}
.module-row.has-photo .module-button:hover{filter:brightness(1.1)}
@media(max-width:800px){.module-list.photo-grid{grid-template-columns:1fr}.mthumb{height:180px}}
/* tarjetas de módulos con foto (Marítimo) */
.sea-module.has-photo{padding:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.sea-module.has-photo:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(15,55,75,.16)}
.sphoto{position:relative;height:180px;background:#0b2a45 center/cover no-repeat}
.sphoto:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,36,.05) 35%,rgba(4,18,36,.85))}
.sphoto .num{position:absolute;z-index:2;left:16px;top:16px;margin:0!important;box-shadow:0 6px 14px rgba(0,0,0,.35)}
.sphoto h3{position:absolute;z-index:2;left:18px;right:18px;bottom:14px;margin:0!important;color:#fff;font-size:21px;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.sbody{padding:18px 22px 22px;display:flex;flex-direction:column;flex:1}.sbody ul{flex:1}
.sea-module .next{display:inline-block;align-self:flex-start;background:#087fa1;color:#fff;padding:12px 16px;border-radius:10px;font-weight:800;text-decoration:none}
.sea-module .next:hover{filter:brightness(1.1)}
/* bloque en directo ADS-B */
.live{background:linear-gradient(145deg,#06182a,#020b11);color:#fff;padding:54px 0}
.live h2{margin:6px 0 8px;color:#fff;font-size:30px}.live p{color:#a9c4d6;max-width:760px;line-height:1.6}
.live .eyebrow{color:#7fd3ff}
.livedot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ef4444;margin-right:7px;animation:lp 1.6s infinite}
@keyframes lp{0%{box-shadow:0 0 0 0 #ef4444aa}70%{box-shadow:0 0 0 9px #ef444400}100%{box-shadow:0 0 0 0 #ef444400}}
.livestats{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.livestats div{background:#0b2235;border:1px solid #1d3b52;border-radius:12px;padding:10px 14px;min-width:120px}
.livestats b{display:block;font-family:"Courier New",monospace;color:#72f3b8;font-size:21px}.livestats span{font-size:11px;color:#9fb3c3;text-transform:uppercase;letter-spacing:.05em}
.livemap{border-radius:16px;overflow:hidden;border:1px solid #1d3b52;background:#061a2d}.livemap iframe{display:block;width:100%;height:520px;border:0}
.livebtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.livebtns a{display:inline-block;padding:12px 16px;border-radius:10px;font-weight:800;text-decoration:none;background:#0d6fc9;color:#fff}.livebtns a.ghost{background:transparent;border:1px solid #2b5a7a;color:#7fd3ff}
@media(max-width:700px){.livemap iframe{height:420px}}
@media (prefers-reduced-motion:reduce){.livedot{animation:none}.module-row.has-photo,.sea-module.has-photo{transition:none}}

/* botones de vuelta en la cabecera */
.topbar .brand{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.topnav{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.topnav a{display:inline-flex;align-items:center;padding:9px 13px;border-radius:10px;font-size:13px;font-weight:800;text-decoration:none;color:#dceaf4;border:1px solid rgba(132,210,255,.3);background:rgba(255,255,255,.06);transition:background .2s}
.topnav a:hover{background:rgba(255,255,255,.14)}
.topnav a.home{background:#ff7a00;border-color:#ff7a00;color:#fff}.topnav a.home:hover{filter:brightness(1.08)}
.topbar .build{order:3}
@media(max-width:700px){.topnav{margin-left:0;width:100%}.topnav a{flex:1;justify-content:center}}