.elementor-7947 .elementor-element.elementor-element-755b23dc{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:230px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7947 .elementor-element.elementor-element-755b23dc:not(.elementor-motion-effects-element-type-background), .elementor-7947 .elementor-element.elementor-element-755b23dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tarotbuhocosmico.com/wp-content/uploads/2025/10/cursoHero.png");background-position:bottom center;background-size:cover;}.elementor-7947 .elementor-element.elementor-element-785b1d5d{--display:flex;--padding-top:20px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-7947 .elementor-element.elementor-element-785b1d5d.e-con{--align-self:center;}.elementor-7947 .elementor-element.elementor-element-497d06f8 > .elementor-widget-container{margin:-25px 20px 0px 20px;}.elementor-7947 .elementor-element.elementor-element-497d06f8{text-align:center;}.elementor-7947 .elementor-element.elementor-element-497d06f8 .elementor-heading-title{font-family:"Spectral SC", Sans-serif;font-size:62px;font-weight:600;color:var( --e-global-color-accent );}.elementor-7947 .elementor-element.elementor-element-24072223 > .elementor-widget-container{margin:0px 20px 0px 20px;}.elementor-7947 .elementor-element.elementor-element-24072223{text-align:center;font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-text );}.elementor-7947 .elementor-element.elementor-element-22bb416d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:70px;--padding-left:100px;--padding-right:100px;}.elementor-7947 .elementor-element.elementor-element-22bb416d:not(.elementor-motion-effects-element-type-background), .elementor-7947 .elementor-element.elementor-element-22bb416d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tarotbuhocosmico.com/wp-content/uploads/2025/12/FDO_TBC-Geometria-Final.png");background-position:top center;background-size:contain;}.elementor-7947 .elementor-element.elementor-element-857ddeb{--display:flex;}.elementor-7947 .elementor-element.elementor-element-676b2ec{--display:flex;}.elementor-7947 .elementor-element.elementor-element-9c609e7{--display:flex;}.elementor-7947 .elementor-element.elementor-element-05b614a{--display:flex;}.elementor-7947 .elementor-element.elementor-element-ce7c08c{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:17px;--n-tabs-title-color:var( --e-global-color-secondary );--n-tabs-title-color-active:var( --e-global-color-accent );}.elementor-7947 .elementor-element.elementor-element-ce7c08c > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#646CC600;}.elementor-7947 .elementor-element.elementor-element-ce7c08c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#02010100;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-secondary );}.elementor-7947 .elementor-element.elementor-element-ce7c08c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-7947 .elementor-element.elementor-element-ce7c08c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#02010100;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-accent );}.elementor-7947 .elementor-element.elementor-element-ce7c08c.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:solid;border-width:0px 0px 0px 0px;}.elementor-7947 .elementor-element.elementor-element-ce7c08c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Inter", Sans-serif;font-weight:700;}.elementor-7947 .elementor-element.elementor-element-ce7c08c [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-secondary );}.elementor-7947 .elementor-element.elementor-element-852aab1{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:50px 50px 50px 50px;--n-tabs-title-font-size:20px;--n-tabs-title-color:var( --e-global-color-text );}.elementor-7947 .elementor-element.elementor-element-852aab1 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-secondary );}.elementor-7947 .elementor-element.elementor-element-852aab1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Inter", Sans-serif;font-weight:700;}.elementor-7947 .elementor-element.elementor-element-14d0ab1a{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.75;--padding-top:0px;--padding-bottom:600px;--padding-left:0px;--padding-right:0px;}.elementor-7947 .elementor-element.elementor-element-14d0ab1a::before, .elementor-7947 .elementor-element.elementor-element-14d0ab1a > .elementor-background-video-container::before, .elementor-7947 .elementor-element.elementor-element-14d0ab1a > .e-con-inner > .elementor-background-video-container::before, .elementor-7947 .elementor-element.elementor-element-14d0ab1a > .elementor-background-slideshow::before, .elementor-7947 .elementor-element.elementor-element-14d0ab1a > .e-con-inner > .elementor-background-slideshow::before, .elementor-7947 .elementor-element.elementor-element-14d0ab1a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://tarotbuhocosmico.com/wp-content/uploads/2025/10/BG-TBCFOOT-1.png");--background-overlay:'';background-position:top center;background-size:cover;}@media(max-width:1024px){.elementor-7947 .elementor-element.elementor-element-755b23dc{--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7947 .elementor-element.elementor-element-785b1d5d{--padding-top:20px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-7947 .elementor-element.elementor-element-22bb416d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-7947 .elementor-element.elementor-element-755b23dc{--width:100%;}.elementor-7947 .elementor-element.elementor-element-785b1d5d{--width:90%;}}@media(max-width:767px){.elementor-7947 .elementor-element.elementor-element-755b23dc{--width:100%;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7947 .elementor-element.elementor-element-785b1d5d.e-con{--e-con-transform-translateX:5%;}.elementor-7947 .elementor-element.elementor-element-785b1d5d{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:-30px;--margin-right:0px;}.elementor-7947 .elementor-element.elementor-element-497d06f8 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-7947 .elementor-element.elementor-element-497d06f8 .elementor-heading-title{font-size:40px;}.elementor-7947 .elementor-element.elementor-element-22bb416d{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-7947 .elementor-element.elementor-element-05b614a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7947 .elementor-element.elementor-element-14d0ab1a{--overlay-opacity:0.25;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:800px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-c6ca564 *//* =========================================
   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-c6ca564 *//* =========================================
   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-c6ca564 *//* =========================================
   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-c6ca564 *//* =========================================
   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-c6ca564 *//* =========================================
   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-c6ca564 *//* =========================================
   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-c6ca564 *//* =========================================
   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-c6ca564 *//* =========================================
   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-c6ca564 *//* =========================================
   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 */