/* ══ CEROCREDITS — estilos base ══ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;   /* evita que iOS agrande los textos */
  text-size-adjust:100%;
}
html,body{overscroll-behavior-y:none}
body{
  background:#0a0a0a;color:#fff;
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
  letter-spacing:-1px;
}

/* ══ NAVEGACIÓN 4 ESQUINAS — tamaño tipográfico UNIFORME ══ */
:root{
  --nav-size:13px;
  --edge:clamp(18px,3vw,44px);
  --edge-v:clamp(18px,3vh,32px);
}
.corner{
  position:fixed;z-index:60;
  font-size:var(--nav-size);
  font-weight:500;
  letter-spacing:-1px;
  line-height:1;
}
.corner a{
  color:#fff;text-decoration:none;
  transition:opacity .2s;
}
.corner a:hover{opacity:.5}
.corner a.current{opacity:.35;pointer-events:none}

.c-tl{top:var(--edge-v);left:var(--edge)}
.c-tr{top:var(--edge-v);right:var(--edge);display:flex;gap:22px}
.c-bl{bottom:var(--edge-v);left:var(--edge)}
.c-tc{top:var(--edge-v);left:50%;transform:translateX(-50%)}
.c-tc img{height:15px;width:auto;display:block}
.c-br{bottom:var(--edge-v);right:var(--edge)}

.c-tl img{height:15px;width:auto;display:block}

/* ══ PLACEHOLDER MEDIA ══ */
.ph-media{
  position:relative;width:100%;
  background:
    radial-gradient(120% 90% at 30% 20%, rgba(255,255,255,.06), transparent 60%),
    linear-gradient(160deg,#1a1a1a 0%,#0f0f0f 55%,#151515 100%);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.ph-media::after{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");
  opacity:.12;mix-blend-mode:overlay;pointer-events:none;
}
.ph-media span{
  font-size:11px;letter-spacing:.25em;text-transform:uppercase;
  color:rgba(255,255,255,.14);
}

video,img{display:block;width:100%;height:auto;object-fit:cover}
/* en pantalla completa el video respeta su ratio (sin recorte) */
video:fullscreen{object-fit:contain}
video:-webkit-full-screen{object-fit:contain}

/* ══ CARRUSEL DE IMAGENES ══ */
.gallery{
  position:relative;overflow:hidden;border-radius:12px;
  transition:aspect-ratio .35s ease, width .35s ease;
}
.gallery img,.gallery video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;border-radius:12px;
  opacity:0;transition:opacity .8s ease;
  pointer-events:none;               /* las diapositivas ocultas no bloquean clics */
}
.gallery .on{opacity:1}
.gallery video.on{pointer-events:auto}   /* controles del video activo */
/* en modal y visor las fotos se muestran ENTERAS (sin recorte) */
.modal-media .gallery img,.modal-media .gallery video,
.viewer .gallery img,.viewer .gallery video,
.item-media .gallery img,.item-media .gallery video{
  object-fit:contain;
  background:#0b0b0b;
}

.gallery .g-prev,.gallery .g-next{
  position:absolute;top:50%;transform:translateY(-50%);
  z-index:5;
  width:34px;height:34px;border-radius:50%;
  border:none;cursor:pointer;
  background:rgba(10,10,10,.45);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  color:#fff;font-size:20px;line-height:0;
  display:flex;align-items:center;justify-content:center;
  padding:0 0 3px;
  font-family:inherit;
  opacity:.7;transition:opacity .25s, background .25s;
}
.gallery .g-prev{left:10px}
.gallery .g-next{right:10px}
.gallery .g-prev:hover,.gallery .g-next:hover{opacity:1;background:rgba(10,10,10,.7)}