/* =============================================================
   SAMPSON V8.10 — HERO/BUSCADOR + FANCYBOX SOBRE TODO EL SITIO
   ============================================================= */

/* Más aire entre los CTA del hero y el buscador en escritorio. */
@media (min-width: 768px){
  body .search-shell{
    margin-top:-22px!important;
  }
  body .hero-copy-content .d-flex.gap-3{
    margin-bottom:12px!important;
  }
}

/* En móvil se conserva el buscador fuera del hero y compacto. */
@media (max-width: 767.98px){
  body .search-shell{
    margin-top:14px!important;
  }
  body .hero-copy-content .d-flex.gap-3{
    margin-bottom:0!important;
  }
}

/* Fancybox debe cubrir también el navbar fijo y el resto de la página. */
.fancybox__container{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
}
.fancybox__backdrop{
  background:rgba(10,10,12,.94)!important;
}
.fancybox__carousel,
.fancybox__viewport,
.fancybox__slide{
  z-index:1!important;
}
.fancybox__toolbar{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:2147483004!important;
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  padding:14px 16px!important;
}
.fancybox__toolbar__column.is-right{
  display:flex!important;
  margin-left:auto!important;
  opacity:1!important;
  visibility:visible!important;
}
.fancybox__toolbar button[data-fancybox-close],
.fancybox__toolbar .f-button[data-fancybox-close],
.fancybox__toolbar .f-button.is-close-btn,
.fancybox__container button[data-fancybox-close]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(20,20,22,.82)!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(8px)!important;
}
.fancybox__toolbar button[data-fancybox-close]:hover,
.fancybox__toolbar .f-button[data-fancybox-close]:hover,
.fancybox__container button[data-fancybox-close]:hover{
  background:#b3080b!important;
  border-color:#b3080b!important;
  color:#fff!important;
}
.fancybox__toolbar .f-button svg,
.fancybox__container button[data-fancybox-close] svg{
  stroke:currentColor!important;
}

/* La imagen queda centrada con espacio para la X y miniaturas. */
.fancybox__slide{
  padding:62px 30px 86px!important;
}
.fancybox__content{
  max-width:calc(100vw - 70px)!important;
  max-height:calc(100vh - 150px)!important;
}
.fancybox__caption{
  color:#fff!important;
  font-size:15px!important;
  padding-top:10px!important;
}
.fancybox__thumbs{
  z-index:2147483003!important;
}

@media (max-width:767.98px){
  .fancybox__toolbar{padding:10px!important}
  .fancybox__toolbar button[data-fancybox-close],
  .fancybox__toolbar .f-button[data-fancybox-close],
  .fancybox__container button[data-fancybox-close]{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  }
  .fancybox__slide{padding:56px 10px 76px!important}
  .fancybox__content{max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 125px)!important}
}