.elementor-10615 .elementor-element.elementor-element-ad66a0c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-10615 .elementor-element.elementor-element-716d689{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-10615 .elementor-element.elementor-element-4327fba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-10615 .elementor-element.elementor-element-173ad58{--display:flex;}.elementor-10615 .elementor-element.elementor-element-6606e1c{--display:flex;}.elementor-10615 .elementor-element.elementor-element-8bf45d7{--display:flex;}.elementor-10615 .elementor-element.elementor-element-c6c0b2c{--display:flex;}.elementor-10615 .elementor-element.elementor-element-2de40d2{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-10615 .elementor-element.elementor-element-8f676f1{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-align-items:center;--n-tabs-title-text-align:center;}.elementor-10615 .elementor-element.elementor-element-8f676f1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}@media(min-width:768px){.elementor-10615 .elementor-element.elementor-element-ad66a0c{--width:100%;}.elementor-10615 .elementor-element.elementor-element-716d689{--width:100%;}.elementor-10615 .elementor-element.elementor-element-4327fba{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-96b1b1d */.tbc-herotitle {
  font-family: var(--font-display);
  font-size: clamp(52px, 11.3vw, 116px);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -19.56px;
  line-height: 1;
  color: var(--color-text-muted);
  text-align: center;
  white-space: nowrap;
  width: 100%;
  margin: 0;
}
.tbc-herotitle--muted {
  color: var(--color-bg-page);
}
.tbc-herosubtitle {
    font-family: var(--font-body);
    font-size: 1.4em;
    text-align: center;
    color: var(--color-white);
    margin-top: 24px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-248158a *//* =========================================
   GALERÍA BUNNY PRO - FINAL FIX (GRID CENTER)
   ========================================= */

/* 1. GRID PRINCIPAL (Intacto) */
.bunny-gallery-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 30px; 
    padding: 20px;
}

/* 2. TARJETA (CARD) */
.bunny-card {
    position: relative;
    overflow: hidden;
    border-radius: 0; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    border: 2px solid var(--e-global-color-secondary, #282E62);
    aspect-ratio: 9 / 16; 
    background: #000;
}

.bunny-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    border-color: var(--e-global-color-accent, #EE8933);
}

/* 3. MINIATURA E IMAGEN */
.bunny-thumb-wrapper, .bunny-trigger {
    width: 100%; height: 100%; display: block;
}

.bunny-thumb-wrapper img {
    width: 100%; height: 100%; object-fit: cover;
    display: block; transition: opacity 0.3s ease; opacity: 0.85;
}

.bunny-card:hover img { opacity: 0.6; transform: scale(1.05); }

/* 4. ICONO PLAY (EN MINIATURA) */
.bunny-play-icon {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    color: white;
    background: rgba(101,108,198,0.7);
    width: 60px; height: 60px;
    display: flex; align-items: center; justify-content: center;
    backdrop-filter: blur(4px);
    border: none !important;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 10;
    border-radius: 50% !important; 
}

.bunny-card:hover .bunny-play-icon {
    transform: translate(-50%, -50%) scale(1.2);
    background: rgba(238, 137, 51, 0.9);
    color: #fff;
}

/* =========================================
   5. FIX VISUAL: MODAL (VIDEO ABIERTO)
   ========================================= */

body .fancybox__backdrop {
    background: rgba(0, 0, 0, 0.85) !important;
}

body .fancybox__content {
    background: transparent !important;
    padding: 0 !important;
    height: 85vh !important;        
    aspect-ratio: 9 / 16 !important; 
    width: auto !important;
    max-width: 90vw;
    margin: auto;
    box-shadow: 0 0 30px rgba(0,0,0,0.6); 
    overflow: visible !important;
}

body .fancybox__iframe {
    width: 100%; height: 100%;
    background: #000;
    border-radius: 0 !important; 
}

body .fancybox__caption { display: none !important; }


/* =========================================
   6. BOTONES (CORRECCIÓN: GRID CENTER)
   ========================================= */

/* A) La bola naranja (Contenedor) */
body .fancybox__container .f-button {
    /* Forma y Color */
    background-color: rgba(238, 137, 51, 0.9) !important;
    color: white !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    
    /* TÉCNICA DE CENTRADO GRID (Más robusta que Flex) */
    display: grid !important;
    place-items: center !important; /* Centra horizontal y verticalmente a la fuerza */
    place-content: center !important;
    
    /* Resets para evitar conflictos */
    padding: 0 !important;
    border: none !important;
    margin: 0 !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
}

/* Espacio entre botones */
body .fancybox__toolbar .f-button {
    margin-left: 8px !important;
}

/* B) Ocultar icono SVG original */
body .fancybox__container .f-button svg {
    display: none !important;
}

/* C) Configuración común de los nuevos iconos (::before) */
body .fancybox__container .f-button::before {
    display: block !important;
    font-family: Arial, sans-serif !important; /* Fuente segura para evitar saltos */
    font-weight: bold !important;
    line-height: 1 !important; /* IMPORTANTE: Evita que el texto tenga altura extra */
    font-style: normal !important;
    text-align: center !important;
    margin: 0 !important; /* Reseteamos márgenes a cero */
    padding: 0 !important;
    transform: none !important; /* Quitamos transformaciones previas */
    position: static !important; /* Nos aseguramos de que obedezcan al Grid */
}

/* D) ÍCONO DE CERRAR (X) */
body .fancybox__container .f-button[title="Close"]::before,
body .fancybox__container .f-button[title="Cerrar"]::before,
body .fancybox__container .is-close::before {
    content: "\00D7" !important;
    font-size: 28px !important;
    /* La X suele centrarse bien sola */
}

/* E) ÍCONO SIGUIENTE (>) */
body .fancybox__container .f-button[title="Next"]::before,
body .fancybox__container .f-button[title="Siguiente"]::before,
body .fancybox__container .is-next::before {
    content: "\276F" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* F) ÍCONO ANTERIOR (<) */
body .fancybox__container .f-button[title="Previous"]::before,
body .fancybox__container .f-button[title="Anterior"]::before,
body .fancybox__container .is-prev::before {
    content: "\276E" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* Hover */
body .fancybox__container .f-button:hover {
    background-color: #EE8933 !important;
    transform: scale(1.1);
}

/* =========================================
   7. RESPONSIVO (MOVIL)
   ========================================= */

@media (max-width: 1024px) {
    .bunny-gallery-container { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .bunny-gallery-container { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px; 
    }
    
    .fancybox__footer { display: none !important; }
    body .fancybox__nav { display: flex !important; }

    /* Botones Móvil */
    body .fancybox__container .f-button {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }
    
    /* Ajuste tamaño iconos en móvil */
    body .fancybox__container .f-button::before {
        font-size: 18px !important; 
    }
    
    body .fancybox__container .f-button[title="Close"]::before,
    body .fancybox__container .f-button[title="Cerrar"]::before {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-248158a *//* =========================================
   GALERÍA BUNNY PRO - FINAL FIX (GRID CENTER)
   ========================================= */

/* 1. GRID PRINCIPAL (Intacto) */
.bunny-gallery-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 30px; 
    padding: 20px;
}

/* 2. TARJETA (CARD) */
.bunny-card {
    position: relative;
    overflow: hidden;
    border-radius: 0; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    border: 2px solid var(--e-global-color-secondary, #282E62);
    aspect-ratio: 9 / 16; 
    background: #000;
}

.bunny-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    border-color: var(--e-global-color-accent, #EE8933);
}

/* 3. MINIATURA E IMAGEN */
.bunny-thumb-wrapper, .bunny-trigger {
    width: 100%; height: 100%; display: block;
}

.bunny-thumb-wrapper img {
    width: 100%; height: 100%; object-fit: cover;
    display: block; transition: opacity 0.3s ease; opacity: 0.85;
}

.bunny-card:hover img { opacity: 0.6; transform: scale(1.05); }

/* 4. ICONO PLAY (EN MINIATURA) */
.bunny-play-icon {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    color: white;
    background: rgba(101,108,198,0.7);
    width: 60px; height: 60px;
    display: flex; align-items: center; justify-content: center;
    backdrop-filter: blur(4px);
    border: none !important;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 10;
    border-radius: 50% !important; 
}

.bunny-card:hover .bunny-play-icon {
    transform: translate(-50%, -50%) scale(1.2);
    background: rgba(238, 137, 51, 0.9);
    color: #fff;
}

/* =========================================
   5. FIX VISUAL: MODAL (VIDEO ABIERTO)
   ========================================= */

body .fancybox__backdrop {
    background: rgba(0, 0, 0, 0.85) !important;
}

body .fancybox__content {
    background: transparent !important;
    padding: 0 !important;
    height: 85vh !important;        
    aspect-ratio: 9 / 16 !important; 
    width: auto !important;
    max-width: 90vw;
    margin: auto;
    box-shadow: 0 0 30px rgba(0,0,0,0.6); 
    overflow: visible !important;
}

body .fancybox__iframe {
    width: 100%; height: 100%;
    background: #000;
    border-radius: 0 !important; 
}

body .fancybox__caption { display: none !important; }


/* =========================================
   6. BOTONES (CORRECCIÓN: GRID CENTER)
   ========================================= */

/* A) La bola naranja (Contenedor) */
body .fancybox__container .f-button {
    /* Forma y Color */
    background-color: rgba(238, 137, 51, 0.9) !important;
    color: white !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    
    /* TÉCNICA DE CENTRADO GRID (Más robusta que Flex) */
    display: grid !important;
    place-items: center !important; /* Centra horizontal y verticalmente a la fuerza */
    place-content: center !important;
    
    /* Resets para evitar conflictos */
    padding: 0 !important;
    border: none !important;
    margin: 0 !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
}

/* Espacio entre botones */
body .fancybox__toolbar .f-button {
    margin-left: 8px !important;
}

/* B) Ocultar icono SVG original */
body .fancybox__container .f-button svg {
    display: none !important;
}

/* C) Configuración común de los nuevos iconos (::before) */
body .fancybox__container .f-button::before {
    display: block !important;
    font-family: Arial, sans-serif !important; /* Fuente segura para evitar saltos */
    font-weight: bold !important;
    line-height: 1 !important; /* IMPORTANTE: Evita que el texto tenga altura extra */
    font-style: normal !important;
    text-align: center !important;
    margin: 0 !important; /* Reseteamos márgenes a cero */
    padding: 0 !important;
    transform: none !important; /* Quitamos transformaciones previas */
    position: static !important; /* Nos aseguramos de que obedezcan al Grid */
}

/* D) ÍCONO DE CERRAR (X) */
body .fancybox__container .f-button[title="Close"]::before,
body .fancybox__container .f-button[title="Cerrar"]::before,
body .fancybox__container .is-close::before {
    content: "\00D7" !important;
    font-size: 28px !important;
    /* La X suele centrarse bien sola */
}

/* E) ÍCONO SIGUIENTE (>) */
body .fancybox__container .f-button[title="Next"]::before,
body .fancybox__container .f-button[title="Siguiente"]::before,
body .fancybox__container .is-next::before {
    content: "\276F" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* F) ÍCONO ANTERIOR (<) */
body .fancybox__container .f-button[title="Previous"]::before,
body .fancybox__container .f-button[title="Anterior"]::before,
body .fancybox__container .is-prev::before {
    content: "\276E" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* Hover */
body .fancybox__container .f-button:hover {
    background-color: #EE8933 !important;
    transform: scale(1.1);
}

/* =========================================
   7. RESPONSIVO (MOVIL)
   ========================================= */

@media (max-width: 1024px) {
    .bunny-gallery-container { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .bunny-gallery-container { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px; 
    }
    
    .fancybox__footer { display: none !important; }
    body .fancybox__nav { display: flex !important; }

    /* Botones Móvil */
    body .fancybox__container .f-button {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }
    
    /* Ajuste tamaño iconos en móvil */
    body .fancybox__container .f-button::before {
        font-size: 18px !important; 
    }
    
    body .fancybox__container .f-button[title="Close"]::before,
    body .fancybox__container .f-button[title="Cerrar"]::before {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-248158a *//* =========================================
   GALERÍA BUNNY PRO - FINAL FIX (GRID CENTER)
   ========================================= */

/* 1. GRID PRINCIPAL (Intacto) */
.bunny-gallery-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 30px; 
    padding: 20px;
}

/* 2. TARJETA (CARD) */
.bunny-card {
    position: relative;
    overflow: hidden;
    border-radius: 0; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    border: 2px solid var(--e-global-color-secondary, #282E62);
    aspect-ratio: 9 / 16; 
    background: #000;
}

.bunny-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    border-color: var(--e-global-color-accent, #EE8933);
}

/* 3. MINIATURA E IMAGEN */
.bunny-thumb-wrapper, .bunny-trigger {
    width: 100%; height: 100%; display: block;
}

.bunny-thumb-wrapper img {
    width: 100%; height: 100%; object-fit: cover;
    display: block; transition: opacity 0.3s ease; opacity: 0.85;
}

.bunny-card:hover img { opacity: 0.6; transform: scale(1.05); }

/* 4. ICONO PLAY (EN MINIATURA) */
.bunny-play-icon {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    color: white;
    background: rgba(101,108,198,0.7);
    width: 60px; height: 60px;
    display: flex; align-items: center; justify-content: center;
    backdrop-filter: blur(4px);
    border: none !important;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 10;
    border-radius: 50% !important; 
}

.bunny-card:hover .bunny-play-icon {
    transform: translate(-50%, -50%) scale(1.2);
    background: rgba(238, 137, 51, 0.9);
    color: #fff;
}

/* =========================================
   5. FIX VISUAL: MODAL (VIDEO ABIERTO)
   ========================================= */

body .fancybox__backdrop {
    background: rgba(0, 0, 0, 0.85) !important;
}

body .fancybox__content {
    background: transparent !important;
    padding: 0 !important;
    height: 85vh !important;        
    aspect-ratio: 9 / 16 !important; 
    width: auto !important;
    max-width: 90vw;
    margin: auto;
    box-shadow: 0 0 30px rgba(0,0,0,0.6); 
    overflow: visible !important;
}

body .fancybox__iframe {
    width: 100%; height: 100%;
    background: #000;
    border-radius: 0 !important; 
}

body .fancybox__caption { display: none !important; }


/* =========================================
   6. BOTONES (CORRECCIÓN: GRID CENTER)
   ========================================= */

/* A) La bola naranja (Contenedor) */
body .fancybox__container .f-button {
    /* Forma y Color */
    background-color: rgba(238, 137, 51, 0.9) !important;
    color: white !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    
    /* TÉCNICA DE CENTRADO GRID (Más robusta que Flex) */
    display: grid !important;
    place-items: center !important; /* Centra horizontal y verticalmente a la fuerza */
    place-content: center !important;
    
    /* Resets para evitar conflictos */
    padding: 0 !important;
    border: none !important;
    margin: 0 !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
}

/* Espacio entre botones */
body .fancybox__toolbar .f-button {
    margin-left: 8px !important;
}

/* B) Ocultar icono SVG original */
body .fancybox__container .f-button svg {
    display: none !important;
}

/* C) Configuración común de los nuevos iconos (::before) */
body .fancybox__container .f-button::before {
    display: block !important;
    font-family: Arial, sans-serif !important; /* Fuente segura para evitar saltos */
    font-weight: bold !important;
    line-height: 1 !important; /* IMPORTANTE: Evita que el texto tenga altura extra */
    font-style: normal !important;
    text-align: center !important;
    margin: 0 !important; /* Reseteamos márgenes a cero */
    padding: 0 !important;
    transform: none !important; /* Quitamos transformaciones previas */
    position: static !important; /* Nos aseguramos de que obedezcan al Grid */
}

/* D) ÍCONO DE CERRAR (X) */
body .fancybox__container .f-button[title="Close"]::before,
body .fancybox__container .f-button[title="Cerrar"]::before,
body .fancybox__container .is-close::before {
    content: "\00D7" !important;
    font-size: 28px !important;
    /* La X suele centrarse bien sola */
}

/* E) ÍCONO SIGUIENTE (>) */
body .fancybox__container .f-button[title="Next"]::before,
body .fancybox__container .f-button[title="Siguiente"]::before,
body .fancybox__container .is-next::before {
    content: "\276F" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* F) ÍCONO ANTERIOR (<) */
body .fancybox__container .f-button[title="Previous"]::before,
body .fancybox__container .f-button[title="Anterior"]::before,
body .fancybox__container .is-prev::before {
    content: "\276E" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* Hover */
body .fancybox__container .f-button:hover {
    background-color: #EE8933 !important;
    transform: scale(1.1);
}

/* =========================================
   7. RESPONSIVO (MOVIL)
   ========================================= */

@media (max-width: 1024px) {
    .bunny-gallery-container { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .bunny-gallery-container { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px; 
    }
    
    .fancybox__footer { display: none !important; }
    body .fancybox__nav { display: flex !important; }

    /* Botones Móvil */
    body .fancybox__container .f-button {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }
    
    /* Ajuste tamaño iconos en móvil */
    body .fancybox__container .f-button::before {
        font-size: 18px !important; 
    }
    
    body .fancybox__container .f-button[title="Close"]::before,
    body .fancybox__container .f-button[title="Cerrar"]::before {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2de40d2 */.elementor-widget-tabs .elementor-tab-title {
  background: transparent !important;
  border: 2px solid #c9c1b1 !important;
  border-radius: 999px !important;
  padding: 8px 24px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #c9c1b1 !important;
}

.elementor-widget-tabs .elementor-tab-title.elementor-active {
  border-color: #646cc6 !important;
  color: #646cc6 !important;
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-248158a *//* =========================================
   GALERÍA BUNNY PRO - FINAL FIX (GRID CENTER)
   ========================================= */

/* 1. GRID PRINCIPAL (Intacto) */
.bunny-gallery-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 30px; 
    padding: 20px;
}

/* 2. TARJETA (CARD) */
.bunny-card {
    position: relative;
    overflow: hidden;
    border-radius: 0; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    border: 2px solid var(--e-global-color-secondary, #282E62);
    aspect-ratio: 9 / 16; 
    background: #000;
}

.bunny-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    border-color: var(--e-global-color-accent, #EE8933);
}

/* 3. MINIATURA E IMAGEN */
.bunny-thumb-wrapper, .bunny-trigger {
    width: 100%; height: 100%; display: block;
}

.bunny-thumb-wrapper img {
    width: 100%; height: 100%; object-fit: cover;
    display: block; transition: opacity 0.3s ease; opacity: 0.85;
}

.bunny-card:hover img { opacity: 0.6; transform: scale(1.05); }

/* 4. ICONO PLAY (EN MINIATURA) */
.bunny-play-icon {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    color: white;
    background: rgba(101,108,198,0.7);
    width: 60px; height: 60px;
    display: flex; align-items: center; justify-content: center;
    backdrop-filter: blur(4px);
    border: none !important;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 10;
    border-radius: 50% !important; 
}

.bunny-card:hover .bunny-play-icon {
    transform: translate(-50%, -50%) scale(1.2);
    background: rgba(238, 137, 51, 0.9);
    color: #fff;
}

/* =========================================
   5. FIX VISUAL: MODAL (VIDEO ABIERTO)
   ========================================= */

body .fancybox__backdrop {
    background: rgba(0, 0, 0, 0.85) !important;
}

body .fancybox__content {
    background: transparent !important;
    padding: 0 !important;
    height: 85vh !important;        
    aspect-ratio: 9 / 16 !important; 
    width: auto !important;
    max-width: 90vw;
    margin: auto;
    box-shadow: 0 0 30px rgba(0,0,0,0.6); 
    overflow: visible !important;
}

body .fancybox__iframe {
    width: 100%; height: 100%;
    background: #000;
    border-radius: 0 !important; 
}

body .fancybox__caption { display: none !important; }


/* =========================================
   6. BOTONES (CORRECCIÓN: GRID CENTER)
   ========================================= */

/* A) La bola naranja (Contenedor) */
body .fancybox__container .f-button {
    /* Forma y Color */
    background-color: rgba(238, 137, 51, 0.9) !important;
    color: white !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    
    /* TÉCNICA DE CENTRADO GRID (Más robusta que Flex) */
    display: grid !important;
    place-items: center !important; /* Centra horizontal y verticalmente a la fuerza */
    place-content: center !important;
    
    /* Resets para evitar conflictos */
    padding: 0 !important;
    border: none !important;
    margin: 0 !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
}

/* Espacio entre botones */
body .fancybox__toolbar .f-button {
    margin-left: 8px !important;
}

/* B) Ocultar icono SVG original */
body .fancybox__container .f-button svg {
    display: none !important;
}

/* C) Configuración común de los nuevos iconos (::before) */
body .fancybox__container .f-button::before {
    display: block !important;
    font-family: Arial, sans-serif !important; /* Fuente segura para evitar saltos */
    font-weight: bold !important;
    line-height: 1 !important; /* IMPORTANTE: Evita que el texto tenga altura extra */
    font-style: normal !important;
    text-align: center !important;
    margin: 0 !important; /* Reseteamos márgenes a cero */
    padding: 0 !important;
    transform: none !important; /* Quitamos transformaciones previas */
    position: static !important; /* Nos aseguramos de que obedezcan al Grid */
}

/* D) ÍCONO DE CERRAR (X) */
body .fancybox__container .f-button[title="Close"]::before,
body .fancybox__container .f-button[title="Cerrar"]::before,
body .fancybox__container .is-close::before {
    content: "\00D7" !important;
    font-size: 28px !important;
    /* La X suele centrarse bien sola */
}

/* E) ÍCONO SIGUIENTE (>) */
body .fancybox__container .f-button[title="Next"]::before,
body .fancybox__container .f-button[title="Siguiente"]::before,
body .fancybox__container .is-next::before {
    content: "\276F" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* F) ÍCONO ANTERIOR (<) */
body .fancybox__container .f-button[title="Previous"]::before,
body .fancybox__container .f-button[title="Anterior"]::before,
body .fancybox__container .is-prev::before {
    content: "\276E" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* Hover */
body .fancybox__container .f-button:hover {
    background-color: #EE8933 !important;
    transform: scale(1.1);
}

/* =========================================
   7. RESPONSIVO (MOVIL)
   ========================================= */

@media (max-width: 1024px) {
    .bunny-gallery-container { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .bunny-gallery-container { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px; 
    }
    
    .fancybox__footer { display: none !important; }
    body .fancybox__nav { display: flex !important; }

    /* Botones Móvil */
    body .fancybox__container .f-button {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }
    
    /* Ajuste tamaño iconos en móvil */
    body .fancybox__container .f-button::before {
        font-size: 18px !important; 
    }
    
    body .fancybox__container .f-button[title="Close"]::before,
    body .fancybox__container .f-button[title="Cerrar"]::before {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-248158a *//* =========================================
   GALERÍA BUNNY PRO - FINAL FIX (GRID CENTER)
   ========================================= */

/* 1. GRID PRINCIPAL (Intacto) */
.bunny-gallery-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 30px; 
    padding: 20px;
}

/* 2. TARJETA (CARD) */
.bunny-card {
    position: relative;
    overflow: hidden;
    border-radius: 0; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    border: 2px solid var(--e-global-color-secondary, #282E62);
    aspect-ratio: 9 / 16; 
    background: #000;
}

.bunny-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    border-color: var(--e-global-color-accent, #EE8933);
}

/* 3. MINIATURA E IMAGEN */
.bunny-thumb-wrapper, .bunny-trigger {
    width: 100%; height: 100%; display: block;
}

.bunny-thumb-wrapper img {
    width: 100%; height: 100%; object-fit: cover;
    display: block; transition: opacity 0.3s ease; opacity: 0.85;
}

.bunny-card:hover img { opacity: 0.6; transform: scale(1.05); }

/* 4. ICONO PLAY (EN MINIATURA) */
.bunny-play-icon {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    color: white;
    background: rgba(101,108,198,0.7);
    width: 60px; height: 60px;
    display: flex; align-items: center; justify-content: center;
    backdrop-filter: blur(4px);
    border: none !important;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 10;
    border-radius: 50% !important; 
}

.bunny-card:hover .bunny-play-icon {
    transform: translate(-50%, -50%) scale(1.2);
    background: rgba(238, 137, 51, 0.9);
    color: #fff;
}

/* =========================================
   5. FIX VISUAL: MODAL (VIDEO ABIERTO)
   ========================================= */

body .fancybox__backdrop {
    background: rgba(0, 0, 0, 0.85) !important;
}

body .fancybox__content {
    background: transparent !important;
    padding: 0 !important;
    height: 85vh !important;        
    aspect-ratio: 9 / 16 !important; 
    width: auto !important;
    max-width: 90vw;
    margin: auto;
    box-shadow: 0 0 30px rgba(0,0,0,0.6); 
    overflow: visible !important;
}

body .fancybox__iframe {
    width: 100%; height: 100%;
    background: #000;
    border-radius: 0 !important; 
}

body .fancybox__caption { display: none !important; }


/* =========================================
   6. BOTONES (CORRECCIÓN: GRID CENTER)
   ========================================= */

/* A) La bola naranja (Contenedor) */
body .fancybox__container .f-button {
    /* Forma y Color */
    background-color: rgba(238, 137, 51, 0.9) !important;
    color: white !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    
    /* TÉCNICA DE CENTRADO GRID (Más robusta que Flex) */
    display: grid !important;
    place-items: center !important; /* Centra horizontal y verticalmente a la fuerza */
    place-content: center !important;
    
    /* Resets para evitar conflictos */
    padding: 0 !important;
    border: none !important;
    margin: 0 !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
}

/* Espacio entre botones */
body .fancybox__toolbar .f-button {
    margin-left: 8px !important;
}

/* B) Ocultar icono SVG original */
body .fancybox__container .f-button svg {
    display: none !important;
}

/* C) Configuración común de los nuevos iconos (::before) */
body .fancybox__container .f-button::before {
    display: block !important;
    font-family: Arial, sans-serif !important; /* Fuente segura para evitar saltos */
    font-weight: bold !important;
    line-height: 1 !important; /* IMPORTANTE: Evita que el texto tenga altura extra */
    font-style: normal !important;
    text-align: center !important;
    margin: 0 !important; /* Reseteamos márgenes a cero */
    padding: 0 !important;
    transform: none !important; /* Quitamos transformaciones previas */
    position: static !important; /* Nos aseguramos de que obedezcan al Grid */
}

/* D) ÍCONO DE CERRAR (X) */
body .fancybox__container .f-button[title="Close"]::before,
body .fancybox__container .f-button[title="Cerrar"]::before,
body .fancybox__container .is-close::before {
    content: "\00D7" !important;
    font-size: 28px !important;
    /* La X suele centrarse bien sola */
}

/* E) ÍCONO SIGUIENTE (>) */
body .fancybox__container .f-button[title="Next"]::before,
body .fancybox__container .f-button[title="Siguiente"]::before,
body .fancybox__container .is-next::before {
    content: "\276F" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* F) ÍCONO ANTERIOR (<) */
body .fancybox__container .f-button[title="Previous"]::before,
body .fancybox__container .f-button[title="Anterior"]::before,
body .fancybox__container .is-prev::before {
    content: "\276E" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* Hover */
body .fancybox__container .f-button:hover {
    background-color: #EE8933 !important;
    transform: scale(1.1);
}

/* =========================================
   7. RESPONSIVO (MOVIL)
   ========================================= */

@media (max-width: 1024px) {
    .bunny-gallery-container { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .bunny-gallery-container { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px; 
    }
    
    .fancybox__footer { display: none !important; }
    body .fancybox__nav { display: flex !important; }

    /* Botones Móvil */
    body .fancybox__container .f-button {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }
    
    /* Ajuste tamaño iconos en móvil */
    body .fancybox__container .f-button::before {
        font-size: 18px !important; 
    }
    
    body .fancybox__container .f-button[title="Close"]::before,
    body .fancybox__container .f-button[title="Cerrar"]::before {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-248158a *//* =========================================
   GALERÍA BUNNY PRO - FINAL FIX (GRID CENTER)
   ========================================= */

/* 1. GRID PRINCIPAL (Intacto) */
.bunny-gallery-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 30px; 
    padding: 20px;
}

/* 2. TARJETA (CARD) */
.bunny-card {
    position: relative;
    overflow: hidden;
    border-radius: 0; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    border: 2px solid var(--e-global-color-secondary, #282E62);
    aspect-ratio: 9 / 16; 
    background: #000;
}

.bunny-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    border-color: var(--e-global-color-accent, #EE8933);
}

/* 3. MINIATURA E IMAGEN */
.bunny-thumb-wrapper, .bunny-trigger {
    width: 100%; height: 100%; display: block;
}

.bunny-thumb-wrapper img {
    width: 100%; height: 100%; object-fit: cover;
    display: block; transition: opacity 0.3s ease; opacity: 0.85;
}

.bunny-card:hover img { opacity: 0.6; transform: scale(1.05); }

/* 4. ICONO PLAY (EN MINIATURA) */
.bunny-play-icon {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    color: white;
    background: rgba(101,108,198,0.7);
    width: 60px; height: 60px;
    display: flex; align-items: center; justify-content: center;
    backdrop-filter: blur(4px);
    border: none !important;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 10;
    border-radius: 50% !important; 
}

.bunny-card:hover .bunny-play-icon {
    transform: translate(-50%, -50%) scale(1.2);
    background: rgba(238, 137, 51, 0.9);
    color: #fff;
}

/* =========================================
   5. FIX VISUAL: MODAL (VIDEO ABIERTO)
   ========================================= */

body .fancybox__backdrop {
    background: rgba(0, 0, 0, 0.85) !important;
}

body .fancybox__content {
    background: transparent !important;
    padding: 0 !important;
    height: 85vh !important;        
    aspect-ratio: 9 / 16 !important; 
    width: auto !important;
    max-width: 90vw;
    margin: auto;
    box-shadow: 0 0 30px rgba(0,0,0,0.6); 
    overflow: visible !important;
}

body .fancybox__iframe {
    width: 100%; height: 100%;
    background: #000;
    border-radius: 0 !important; 
}

body .fancybox__caption { display: none !important; }


/* =========================================
   6. BOTONES (CORRECCIÓN: GRID CENTER)
   ========================================= */

/* A) La bola naranja (Contenedor) */
body .fancybox__container .f-button {
    /* Forma y Color */
    background-color: rgba(238, 137, 51, 0.9) !important;
    color: white !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    
    /* TÉCNICA DE CENTRADO GRID (Más robusta que Flex) */
    display: grid !important;
    place-items: center !important; /* Centra horizontal y verticalmente a la fuerza */
    place-content: center !important;
    
    /* Resets para evitar conflictos */
    padding: 0 !important;
    border: none !important;
    margin: 0 !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
}

/* Espacio entre botones */
body .fancybox__toolbar .f-button {
    margin-left: 8px !important;
}

/* B) Ocultar icono SVG original */
body .fancybox__container .f-button svg {
    display: none !important;
}

/* C) Configuración común de los nuevos iconos (::before) */
body .fancybox__container .f-button::before {
    display: block !important;
    font-family: Arial, sans-serif !important; /* Fuente segura para evitar saltos */
    font-weight: bold !important;
    line-height: 1 !important; /* IMPORTANTE: Evita que el texto tenga altura extra */
    font-style: normal !important;
    text-align: center !important;
    margin: 0 !important; /* Reseteamos márgenes a cero */
    padding: 0 !important;
    transform: none !important; /* Quitamos transformaciones previas */
    position: static !important; /* Nos aseguramos de que obedezcan al Grid */
}

/* D) ÍCONO DE CERRAR (X) */
body .fancybox__container .f-button[title="Close"]::before,
body .fancybox__container .f-button[title="Cerrar"]::before,
body .fancybox__container .is-close::before {
    content: "\00D7" !important;
    font-size: 28px !important;
    /* La X suele centrarse bien sola */
}

/* E) ÍCONO SIGUIENTE (>) */
body .fancybox__container .f-button[title="Next"]::before,
body .fancybox__container .f-button[title="Siguiente"]::before,
body .fancybox__container .is-next::before {
    content: "\276F" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* F) ÍCONO ANTERIOR (<) */
body .fancybox__container .f-button[title="Previous"]::before,
body .fancybox__container .f-button[title="Anterior"]::before,
body .fancybox__container .is-prev::before {
    content: "\276E" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* Hover */
body .fancybox__container .f-button:hover {
    background-color: #EE8933 !important;
    transform: scale(1.1);
}

/* =========================================
   7. RESPONSIVO (MOVIL)
   ========================================= */

@media (max-width: 1024px) {
    .bunny-gallery-container { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .bunny-gallery-container { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px; 
    }
    
    .fancybox__footer { display: none !important; }
    body .fancybox__nav { display: flex !important; }

    /* Botones Móvil */
    body .fancybox__container .f-button {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }
    
    /* Ajuste tamaño iconos en móvil */
    body .fancybox__container .f-button::before {
        font-size: 18px !important; 
    }
    
    body .fancybox__container .f-button[title="Close"]::before,
    body .fancybox__container .f-button[title="Cerrar"]::before {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2de40d2 */.elementor-widget-tabs .elementor-tab-title {
  background: transparent !important;
  border: 2px solid #c9c1b1 !important;
  border-radius: 999px !important;
  padding: 8px 24px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #c9c1b1 !important;
}

.elementor-widget-tabs .elementor-tab-title.elementor-active {
  border-color: #646cc6 !important;
  color: #646cc6 !important;
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-248158a *//* =========================================
   GALERÍA BUNNY PRO - FINAL FIX (GRID CENTER)
   ========================================= */

/* 1. GRID PRINCIPAL (Intacto) */
.bunny-gallery-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 30px; 
    padding: 20px;
}

/* 2. TARJETA (CARD) */
.bunny-card {
    position: relative;
    overflow: hidden;
    border-radius: 0; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    border: 2px solid var(--e-global-color-secondary, #282E62);
    aspect-ratio: 9 / 16; 
    background: #000;
}

.bunny-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    border-color: var(--e-global-color-accent, #EE8933);
}

/* 3. MINIATURA E IMAGEN */
.bunny-thumb-wrapper, .bunny-trigger {
    width: 100%; height: 100%; display: block;
}

.bunny-thumb-wrapper img {
    width: 100%; height: 100%; object-fit: cover;
    display: block; transition: opacity 0.3s ease; opacity: 0.85;
}

.bunny-card:hover img { opacity: 0.6; transform: scale(1.05); }

/* 4. ICONO PLAY (EN MINIATURA) */
.bunny-play-icon {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    color: white;
    background: rgba(101,108,198,0.7);
    width: 60px; height: 60px;
    display: flex; align-items: center; justify-content: center;
    backdrop-filter: blur(4px);
    border: none !important;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 10;
    border-radius: 50% !important; 
}

.bunny-card:hover .bunny-play-icon {
    transform: translate(-50%, -50%) scale(1.2);
    background: rgba(238, 137, 51, 0.9);
    color: #fff;
}

/* =========================================
   5. FIX VISUAL: MODAL (VIDEO ABIERTO)
   ========================================= */

body .fancybox__backdrop {
    background: rgba(0, 0, 0, 0.85) !important;
}

body .fancybox__content {
    background: transparent !important;
    padding: 0 !important;
    height: 85vh !important;        
    aspect-ratio: 9 / 16 !important; 
    width: auto !important;
    max-width: 90vw;
    margin: auto;
    box-shadow: 0 0 30px rgba(0,0,0,0.6); 
    overflow: visible !important;
}

body .fancybox__iframe {
    width: 100%; height: 100%;
    background: #000;
    border-radius: 0 !important; 
}

body .fancybox__caption { display: none !important; }


/* =========================================
   6. BOTONES (CORRECCIÓN: GRID CENTER)
   ========================================= */

/* A) La bola naranja (Contenedor) */
body .fancybox__container .f-button {
    /* Forma y Color */
    background-color: rgba(238, 137, 51, 0.9) !important;
    color: white !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    
    /* TÉCNICA DE CENTRADO GRID (Más robusta que Flex) */
    display: grid !important;
    place-items: center !important; /* Centra horizontal y verticalmente a la fuerza */
    place-content: center !important;
    
    /* Resets para evitar conflictos */
    padding: 0 !important;
    border: none !important;
    margin: 0 !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
}

/* Espacio entre botones */
body .fancybox__toolbar .f-button {
    margin-left: 8px !important;
}

/* B) Ocultar icono SVG original */
body .fancybox__container .f-button svg {
    display: none !important;
}

/* C) Configuración común de los nuevos iconos (::before) */
body .fancybox__container .f-button::before {
    display: block !important;
    font-family: Arial, sans-serif !important; /* Fuente segura para evitar saltos */
    font-weight: bold !important;
    line-height: 1 !important; /* IMPORTANTE: Evita que el texto tenga altura extra */
    font-style: normal !important;
    text-align: center !important;
    margin: 0 !important; /* Reseteamos márgenes a cero */
    padding: 0 !important;
    transform: none !important; /* Quitamos transformaciones previas */
    position: static !important; /* Nos aseguramos de que obedezcan al Grid */
}

/* D) ÍCONO DE CERRAR (X) */
body .fancybox__container .f-button[title="Close"]::before,
body .fancybox__container .f-button[title="Cerrar"]::before,
body .fancybox__container .is-close::before {
    content: "\00D7" !important;
    font-size: 28px !important;
    /* La X suele centrarse bien sola */
}

/* E) ÍCONO SIGUIENTE (>) */
body .fancybox__container .f-button[title="Next"]::before,
body .fancybox__container .f-button[title="Siguiente"]::before,
body .fancybox__container .is-next::before {
    content: "\276F" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* F) ÍCONO ANTERIOR (<) */
body .fancybox__container .f-button[title="Previous"]::before,
body .fancybox__container .f-button[title="Anterior"]::before,
body .fancybox__container .is-prev::before {
    content: "\276E" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* Hover */
body .fancybox__container .f-button:hover {
    background-color: #EE8933 !important;
    transform: scale(1.1);
}

/* =========================================
   7. RESPONSIVO (MOVIL)
   ========================================= */

@media (max-width: 1024px) {
    .bunny-gallery-container { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .bunny-gallery-container { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px; 
    }
    
    .fancybox__footer { display: none !important; }
    body .fancybox__nav { display: flex !important; }

    /* Botones Móvil */
    body .fancybox__container .f-button {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }
    
    /* Ajuste tamaño iconos en móvil */
    body .fancybox__container .f-button::before {
        font-size: 18px !important; 
    }
    
    body .fancybox__container .f-button[title="Close"]::before,
    body .fancybox__container .f-button[title="Cerrar"]::before {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-248158a *//* =========================================
   GALERÍA BUNNY PRO - FINAL FIX (GRID CENTER)
   ========================================= */

/* 1. GRID PRINCIPAL (Intacto) */
.bunny-gallery-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 30px; 
    padding: 20px;
}

/* 2. TARJETA (CARD) */
.bunny-card {
    position: relative;
    overflow: hidden;
    border-radius: 0; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    border: 2px solid var(--e-global-color-secondary, #282E62);
    aspect-ratio: 9 / 16; 
    background: #000;
}

.bunny-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    border-color: var(--e-global-color-accent, #EE8933);
}

/* 3. MINIATURA E IMAGEN */
.bunny-thumb-wrapper, .bunny-trigger {
    width: 100%; height: 100%; display: block;
}

.bunny-thumb-wrapper img {
    width: 100%; height: 100%; object-fit: cover;
    display: block; transition: opacity 0.3s ease; opacity: 0.85;
}

.bunny-card:hover img { opacity: 0.6; transform: scale(1.05); }

/* 4. ICONO PLAY (EN MINIATURA) */
.bunny-play-icon {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    color: white;
    background: rgba(101,108,198,0.7);
    width: 60px; height: 60px;
    display: flex; align-items: center; justify-content: center;
    backdrop-filter: blur(4px);
    border: none !important;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 10;
    border-radius: 50% !important; 
}

.bunny-card:hover .bunny-play-icon {
    transform: translate(-50%, -50%) scale(1.2);
    background: rgba(238, 137, 51, 0.9);
    color: #fff;
}

/* =========================================
   5. FIX VISUAL: MODAL (VIDEO ABIERTO)
   ========================================= */

body .fancybox__backdrop {
    background: rgba(0, 0, 0, 0.85) !important;
}

body .fancybox__content {
    background: transparent !important;
    padding: 0 !important;
    height: 85vh !important;        
    aspect-ratio: 9 / 16 !important; 
    width: auto !important;
    max-width: 90vw;
    margin: auto;
    box-shadow: 0 0 30px rgba(0,0,0,0.6); 
    overflow: visible !important;
}

body .fancybox__iframe {
    width: 100%; height: 100%;
    background: #000;
    border-radius: 0 !important; 
}

body .fancybox__caption { display: none !important; }


/* =========================================
   6. BOTONES (CORRECCIÓN: GRID CENTER)
   ========================================= */

/* A) La bola naranja (Contenedor) */
body .fancybox__container .f-button {
    /* Forma y Color */
    background-color: rgba(238, 137, 51, 0.9) !important;
    color: white !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    
    /* TÉCNICA DE CENTRADO GRID (Más robusta que Flex) */
    display: grid !important;
    place-items: center !important; /* Centra horizontal y verticalmente a la fuerza */
    place-content: center !important;
    
    /* Resets para evitar conflictos */
    padding: 0 !important;
    border: none !important;
    margin: 0 !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
}

/* Espacio entre botones */
body .fancybox__toolbar .f-button {
    margin-left: 8px !important;
}

/* B) Ocultar icono SVG original */
body .fancybox__container .f-button svg {
    display: none !important;
}

/* C) Configuración común de los nuevos iconos (::before) */
body .fancybox__container .f-button::before {
    display: block !important;
    font-family: Arial, sans-serif !important; /* Fuente segura para evitar saltos */
    font-weight: bold !important;
    line-height: 1 !important; /* IMPORTANTE: Evita que el texto tenga altura extra */
    font-style: normal !important;
    text-align: center !important;
    margin: 0 !important; /* Reseteamos márgenes a cero */
    padding: 0 !important;
    transform: none !important; /* Quitamos transformaciones previas */
    position: static !important; /* Nos aseguramos de que obedezcan al Grid */
}

/* D) ÍCONO DE CERRAR (X) */
body .fancybox__container .f-button[title="Close"]::before,
body .fancybox__container .f-button[title="Cerrar"]::before,
body .fancybox__container .is-close::before {
    content: "\00D7" !important;
    font-size: 28px !important;
    /* La X suele centrarse bien sola */
}

/* E) ÍCONO SIGUIENTE (>) */
body .fancybox__container .f-button[title="Next"]::before,
body .fancybox__container .f-button[title="Siguiente"]::before,
body .fancybox__container .is-next::before {
    content: "\276F" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* F) ÍCONO ANTERIOR (<) */
body .fancybox__container .f-button[title="Previous"]::before,
body .fancybox__container .f-button[title="Anterior"]::before,
body .fancybox__container .is-prev::before {
    content: "\276E" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* Hover */
body .fancybox__container .f-button:hover {
    background-color: #EE8933 !important;
    transform: scale(1.1);
}

/* =========================================
   7. RESPONSIVO (MOVIL)
   ========================================= */

@media (max-width: 1024px) {
    .bunny-gallery-container { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .bunny-gallery-container { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px; 
    }
    
    .fancybox__footer { display: none !important; }
    body .fancybox__nav { display: flex !important; }

    /* Botones Móvil */
    body .fancybox__container .f-button {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }
    
    /* Ajuste tamaño iconos en móvil */
    body .fancybox__container .f-button::before {
        font-size: 18px !important; 
    }
    
    body .fancybox__container .f-button[title="Close"]::before,
    body .fancybox__container .f-button[title="Cerrar"]::before {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-248158a *//* =========================================
   GALERÍA BUNNY PRO - FINAL FIX (GRID CENTER)
   ========================================= */

/* 1. GRID PRINCIPAL (Intacto) */
.bunny-gallery-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 30px; 
    padding: 20px;
}

/* 2. TARJETA (CARD) */
.bunny-card {
    position: relative;
    overflow: hidden;
    border-radius: 0; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    border: 2px solid var(--e-global-color-secondary, #282E62);
    aspect-ratio: 9 / 16; 
    background: #000;
}

.bunny-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    border-color: var(--e-global-color-accent, #EE8933);
}

/* 3. MINIATURA E IMAGEN */
.bunny-thumb-wrapper, .bunny-trigger {
    width: 100%; height: 100%; display: block;
}

.bunny-thumb-wrapper img {
    width: 100%; height: 100%; object-fit: cover;
    display: block; transition: opacity 0.3s ease; opacity: 0.85;
}

.bunny-card:hover img { opacity: 0.6; transform: scale(1.05); }

/* 4. ICONO PLAY (EN MINIATURA) */
.bunny-play-icon {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    color: white;
    background: rgba(101,108,198,0.7);
    width: 60px; height: 60px;
    display: flex; align-items: center; justify-content: center;
    backdrop-filter: blur(4px);
    border: none !important;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 10;
    border-radius: 50% !important; 
}

.bunny-card:hover .bunny-play-icon {
    transform: translate(-50%, -50%) scale(1.2);
    background: rgba(238, 137, 51, 0.9);
    color: #fff;
}

/* =========================================
   5. FIX VISUAL: MODAL (VIDEO ABIERTO)
   ========================================= */

body .fancybox__backdrop {
    background: rgba(0, 0, 0, 0.85) !important;
}

body .fancybox__content {
    background: transparent !important;
    padding: 0 !important;
    height: 85vh !important;        
    aspect-ratio: 9 / 16 !important; 
    width: auto !important;
    max-width: 90vw;
    margin: auto;
    box-shadow: 0 0 30px rgba(0,0,0,0.6); 
    overflow: visible !important;
}

body .fancybox__iframe {
    width: 100%; height: 100%;
    background: #000;
    border-radius: 0 !important; 
}

body .fancybox__caption { display: none !important; }


/* =========================================
   6. BOTONES (CORRECCIÓN: GRID CENTER)
   ========================================= */

/* A) La bola naranja (Contenedor) */
body .fancybox__container .f-button {
    /* Forma y Color */
    background-color: rgba(238, 137, 51, 0.9) !important;
    color: white !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    
    /* TÉCNICA DE CENTRADO GRID (Más robusta que Flex) */
    display: grid !important;
    place-items: center !important; /* Centra horizontal y verticalmente a la fuerza */
    place-content: center !important;
    
    /* Resets para evitar conflictos */
    padding: 0 !important;
    border: none !important;
    margin: 0 !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
}

/* Espacio entre botones */
body .fancybox__toolbar .f-button {
    margin-left: 8px !important;
}

/* B) Ocultar icono SVG original */
body .fancybox__container .f-button svg {
    display: none !important;
}

/* C) Configuración común de los nuevos iconos (::before) */
body .fancybox__container .f-button::before {
    display: block !important;
    font-family: Arial, sans-serif !important; /* Fuente segura para evitar saltos */
    font-weight: bold !important;
    line-height: 1 !important; /* IMPORTANTE: Evita que el texto tenga altura extra */
    font-style: normal !important;
    text-align: center !important;
    margin: 0 !important; /* Reseteamos márgenes a cero */
    padding: 0 !important;
    transform: none !important; /* Quitamos transformaciones previas */
    position: static !important; /* Nos aseguramos de que obedezcan al Grid */
}

/* D) ÍCONO DE CERRAR (X) */
body .fancybox__container .f-button[title="Close"]::before,
body .fancybox__container .f-button[title="Cerrar"]::before,
body .fancybox__container .is-close::before {
    content: "\00D7" !important;
    font-size: 28px !important;
    /* La X suele centrarse bien sola */
}

/* E) ÍCONO SIGUIENTE (>) */
body .fancybox__container .f-button[title="Next"]::before,
body .fancybox__container .f-button[title="Siguiente"]::before,
body .fancybox__container .is-next::before {
    content: "\276F" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* F) ÍCONO ANTERIOR (<) */
body .fancybox__container .f-button[title="Previous"]::before,
body .fancybox__container .f-button[title="Anterior"]::before,
body .fancybox__container .is-prev::before {
    content: "\276E" !important;
    font-size: 20px !important;
    /* Eliminé el margin-left que teníamos antes */
}

/* Hover */
body .fancybox__container .f-button:hover {
    background-color: #EE8933 !important;
    transform: scale(1.1);
}

/* =========================================
   7. RESPONSIVO (MOVIL)
   ========================================= */

@media (max-width: 1024px) {
    .bunny-gallery-container { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .bunny-gallery-container { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px; 
    }
    
    .fancybox__footer { display: none !important; }
    body .fancybox__nav { display: flex !important; }

    /* Botones Móvil */
    body .fancybox__container .f-button {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }
    
    /* Ajuste tamaño iconos en móvil */
    body .fancybox__container .f-button::before {
        font-size: 18px !important; 
    }
    
    body .fancybox__container .f-button[title="Close"]::before,
    body .fancybox__container .f-button[title="Cerrar"]::before {
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-2de40d2 */.elementor-widget-tabs .elementor-tab-title {
  background: transparent !important;
  border: 2px solid #c9c1b1 !important;
  border-radius: 999px !important;
  padding: 8px 24px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #c9c1b1 !important;
}

.elementor-widget-tabs .elementor-tab-title.elementor-active {
  border-color: #646cc6 !important;
  color: #646cc6 !important;
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-8f676f1 */.e-n-tab-title {
  border-radius: 999px !important;
  background: #eee9df !important;
  padding: 12px 32px !important;
  color: var(--color-text-purple) !important;
  width: 200px !important;
}

.e-n-tab-title[aria-selected="true"] {
  background: var(--color-button-primary-bg) !important;
  color: var(--color-button-primary-text) !important;
  width: 200px !important;
}/* End custom CSS */