/* ============================================================
   estilo-galeria.css — galerías de fotos y de videos
   Se carga después de estilo-base.css y estilo-seccion.css.
   Sin JavaScript: la vista ampliada usa :target.
   ============================================================ */

.g-jump{display:flex; flex-wrap:wrap; gap:10px 18px; margin:22px 0 0; font-family:var(--sans); font-size:14px; font-weight:700;}
.g-jump a{color:var(--accent2); text-decoration:none;}
.g-jump a:hover{text-decoration:underline;}

.album{max-width:var(--wide); margin:0 auto; padding:48px 24px 0; scroll-margin-top:16px;}
.album h2{font-size:clamp(26px,3.4vw,34px); line-height:1.15; letter-spacing:-.02em; margin:0 0 10px;}
.album h3{font-family:var(--sans); font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
  color:var(--accent); margin:34px 0 2px;}
.g-fecha{font-family:var(--sans); font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin:0 0 8px;}
.g-desc{font-size:17px; line-height:1.6; color:var(--muted); max-width:66ch; margin:0 0 22px;}
.g-desc a{color:var(--accent2);}
.g-sub{font-family:var(--sans); font-size:14px; color:var(--muted); margin:0 0 12px;}
.g-cred{font-family:var(--sans); font-size:12.5px; color:var(--muted); margin:14px 0 0;}
.g-cred em{font-style:normal; color:var(--warn);}

.galeria{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr)); gap:10px;}
.g-item{display:block; aspect-ratio:4/3; overflow:hidden; border-radius:6px; background:var(--code);
  outline-offset:3px;}
.g-item img{display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s ease;}
.g-item:hover img{transform:scale(1.04);}
.g-item:focus-visible{outline:3px solid var(--accent2);}

/* vista ampliada */
.lb{display:none; position:fixed; inset:0; z-index:100; background:rgba(3,10,18,.95);
  padding:calc(env(safe-area-inset-top,0px) + 56px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);
  flex-direction:column; align-items:center; justify-content:center; gap:14px;}
.lb:target{display:flex;}
.lb figure{margin:0; display:flex; flex-direction:column; align-items:center; max-width:100%;}
.lb img{display:block; width:auto; height:auto; max-width:min(100%,1600px); max-height:74vh; object-fit:contain; border-radius:4px;}
.lb figcaption{max-width:70ch; margin-top:12px; font-family:var(--sans); font-size:15px; line-height:1.5; color:#DCE6F0; text-align:center;}
.lb figcaption .cred{display:block; margin-top:4px; font-size:12.5px; color:#8FA3B8;}
.lb figcaption .cred em{font-style:normal; color:#E0A53A;}
.lb nav{display:flex; align-items:center; gap:22px; font-family:var(--sans);}
.lb nav a, .lb nav span.lb-prev, .lb nav span.lb-next{display:inline-flex; width:48px; height:48px; align-items:center; justify-content:center;
  font-size:34px; line-height:1; color:#fff; text-decoration:none; border-radius:50%;}
.lb nav a{background:rgba(255,255,255,.1);}
.lb nav a:hover, .lb nav a:focus-visible{background:#EF2525;}
.lb-n{font-size:14px; color:#8FA3B8; font-variant-numeric:tabular-nums; min-width:64px; text-align:center;}
.lb-close{position:absolute; top:calc(env(safe-area-inset-top,0px) + 10px); right:14px; width:44px; height:44px;
  display:flex; align-items:center; justify-content:center; font-family:var(--sans); font-size:32px; line-height:1;
  color:#fff; text-decoration:none; border-radius:50%; background:rgba(255,255,255,.1);}
.lb-close:hover, .lb-close:focus-visible{background:#EF2525;}

/* videos */
.videos{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr)); gap:34px 26px; margin-bottom:36px;}
.video video{display:block; width:100%; height:auto; aspect-ratio:16/9; background:#050F1C; border-radius:8px;}
.video .v-meta{font-family:var(--sans); font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin:14px 0 4px;}
.album .video h3{font-family:var(--serif); font-size:22px; font-weight:700; line-height:1.25; letter-spacing:-.015em;
  text-transform:none; color:var(--fg); margin:0 0 8px;}
.video p{font-family:var(--sans); font-size:14.5px; line-height:1.6; color:var(--muted); margin:0;}
.video .v-cred{font-size:12.5px; margin-top:8px;}
.video .v-cred em{font-style:normal; color:var(--warn);}
.video .v-dl{margin-top:8px;}
.video .v-dl a{font-weight:700; color:var(--accent2); text-decoration:none; font-size:13.5px;}
.video .v-dl a:hover{text-decoration:underline;}

/* noticia con fotos en fila */
.fotos-tres{display:grid; gap:10px; margin:30px 0;}
@media(min-width:640px){ .fotos-tres{grid-template-columns:repeat(3,1fr);} }
.fotos-tres a{display:block; aspect-ratio:4/3; overflow:hidden; border-radius:6px;}
.fotos-tres img{width:100%; height:100%; object-fit:cover; display:block;}

@media (prefers-reduced-motion: reduce){ .g-item img{transition:none;} .g-item:hover img{transform:none;} }
@media print{ .lb{display:none!important;} .video video{display:none;} }