/* Quita los clics del header solo mientras existe el overlay de VP/Fancybox */

@supports selector(:has(*)) {
  body:has(.vp-fancybox) header,
  body:has(.vp-fancybox) .site-header,
  body:has(.vp-fancybox) .elementor-location-header {
    pointer-events: none !important;
  }
}

/* (Opcional) por si tu header recibe sombras/hover, también lo “apagas” visualmente */

@supports selector(:has(*)) {
  body:has(.vp-fancybox) header,
  body:has(.vp-fancybox) .site-header,
  body:has(.vp-fancybox) .elementor-location-header {
    opacity: .999;
    /* fuerza repintado sin cambiar diseño */
  }
}

/* Z-index alto en todas las capas del overlay */

body .vp-fancybox,
body .vp-fancybox .fancybox__container,
body .vp-fancybox .fancybox__backdrop,
body .vp-fancybox .fancybox__carousel,
body .vp-fancybox .fancybox__toolbar {
  --vp-popup__z-index: 50000;
  z-index: var(--vp-popup__z-index) !important;
}

/* El fancybox ocupa toda la pantalla */

.fancybox-slide {
  padding: 0%;
}





/* PESTAÑAS BIO COR CORTE LATERAL */

/* Corte en esquina inferior derecha de las labels del Tabs nuevo */
:root{
  /* Profundidad HORIZONTAL del corte (ajústalo): 12px → 24px fluido */
  --tab-corte-x: clamp(20px, 2vw, 0px);
  /* Ángulo (~65°); cambia a la tangente del ángulo que quieras */
  --tab-corte-ratio: 2.145; /* tan(65°) */
  /* Profundidad VERTICAL derivada para mantener el ángulo */
  --tab-corte-y: calc(var(--tab-corte-x) * var(--tab-corte-ratio));
}

/* Labels (botones) dentro del heading */
.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title,
.elementor-widget-n-tabs .e-n-tabs-heading [role="tab"]{
  position: relative;
  -webkit-clip-path: polygon(0 0, 100% 0,
      100% calc(100% - var(--tab-corte-y)),
      calc(100% - var(--tab-corte-x)) 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0,
      100% calc(100% - var(--tab-corte-y)),
      calc(100% - var(--tab-corte-x)) 100%, 0 100%);
}

/* Hover/activo conservan el recorte (por si usan pseudo-elementos) */
.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title:before,
.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title:after,
.elementor-widget-n-tabs .e-n-tabs-heading [role="tab"]::before,
.elementor-widget-n-tabs .e-n-tabs-heading [role="tab"]::after{
  clip-path: inherit;
}

/* Accesibilidad: foco visible */
.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title:focus-visible,
.elementor-widget-n-tabs .e-n-tabs-heading [role="tab"]:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
}