/* Parche visual global (sin rebuild): móvil + glide + accesibilidad.
   shortcut: si se recupera el fuente Next.js, mover esto a Tailwind/motion y borrar estos ficheros. */
html,body{overflow-x:clip}
img{max-width:100%}
/* Logotipo de la navbar: tope estricto (gana a las capas de Tailwind) */
header img[src*="logo"]{height:2rem !important;width:auto !important;max-width:140px !important;object-fit:contain;display:block}
@media(min-width:768px){header img[src*="logo"]{height:2.25rem !important}}
/* Reproductor custom: controles por encima del captador de clics (z-10).
   Barra del visor + fila de controles y contador del reproductor inline. */
div.absolute[class*="bg-black/50"][class*="-translate-x-1/2"]{z-index:30 !important}
div.absolute[class*="top-1 left-0 right-0"]{z-index:30 !important}
div.absolute[class*="bottom-2 right-3"]{z-index:30 !important}
/* El captor aria-hidden (z-10) se mantiene OPACO al puntero: bloquea el hover
   del iframe de YouTube (autor, título, "ver en YouTube"). Los controles siguen
   funcionando por z-index:30 por encima. No poner pointer-events:none aquí. */
/* Quita la marca "Abrir en YouTube" del visor */
a[title="Abrir en YouTube"]{display:none !important}
/* Escudo de fin de vídeo: tapa la pantalla de "más videos" de YouTube.
   Se muestra solo cuando el reproductor emite playerState=0 (ENDED). */
.fnc-yt-end{
  position:absolute !important;inset:0 !important;z-index:40 !important;
  display:none !important;align-items:center !important;justify-content:center !important;
  flex-direction:column !important;gap:.75rem !important;
  background:rgba(28,24,22,.94) !important;border-radius:.5rem !important;
}
.fnc-yt-end.fnc-yt-on{display:flex !important}
.fnc-yt-end button{
  background:#A93226 !important;color:#FBF8F4 !important;border:0 !important;
  border-radius:999px !important;padding:.7rem 1.6rem !important;
  font:600 1rem/1 system-ui,sans-serif !important;cursor:pointer !important;
}
.fnc-yt-end button:hover{background:#7E241A !important}
.fnc-yt-end button:focus-visible{outline:3px solid #1A73E8;outline-offset:2px}
/* Pie bajo el reproductor (inyectado por site-fix.js) */
p.fnc-yt-cap{
  margin:.75rem 0 0 !important;
  font-size:.8125rem !important;
  line-height:1.5 !important;
  color:rgba(245,239,228,.72) !important;
  text-align:center !important;
}
p.fnc-yt-cap a{color:#C9A96E !important;text-decoration:underline !important}
p.fnc-yt-cap a:hover{color:#F5EFE4 !important}
/* Explorar: tarjetas clicables */
[data-fnc-card]{cursor:pointer}
[data-fnc-card]:focus-visible{outline:3px solid #1A73E8;outline-offset:3px;border-radius:1.5rem}
/* Glide tipo Canva: entrada escalonada */
.fnc-glide{opacity:0;transform:translateX(48px);transition:opacity .7s cubic-bezier(.32,.72,0,1),transform .7s cubic-bezier(.32,.72,0,1)}
.fnc-glide.fnc-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.fnc-glide{opacity:1;transform:none;transition:none}}
/* Móvil: targets táctiles y hero legible */
@media (max-width:640px){
  a,button,[data-fnc-card]{min-height:44px}
  h1{font-size:clamp(2.2rem,11vw,3rem)!important;line-height:1.08!important}
  section{padding-left:1rem;padding-right:1rem}
}