.boton-premium-soyopen{display:inline-block !important;transition:transform .3s cubic-bezier(.25,1,.5,1) !important;cursor:pointer !important}.boton-premium-soyopen .ct-button,.boton-premium-soyopen a,.boton-premium-soyopen .wp-block-button__link{background:rgba(71,201,219,.75) !important;backdrop-filter:blur(15px) !important;-webkit-backdrop-filter:blur(15px) !important;border:2px solid rgba(71,201,219,.6) !important;border-radius:15px !important;box-shadow:0 8px 32px rgba(0,0,0,.15) !important;padding:16px 40px !important;color:#fff !important;font-weight:800 !important;text-transform:uppercase !important;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease !important;text-decoration:none !important}.boton-premium-soyopen:hover{transform:translateY(-8px) !important}.boton-premium-soyopen:hover .ct-button,.boton-premium-soyopen:hover a,.boton-premium-soyopen:hover .wp-block-button__link{background:rgba(71,201,219,1) !important;box-shadow:0 15px 45px rgba(71,201,219,.4) !important;border-color:rgba(71,201,219,1) !important}.boton-premium-soyopen:active{transform:translateY(-2px) !important;transition:all .1s !important}.efecto-cristal-open{background:rgba(255,255,255,.8) !important;backdrop-filter:blur(15px) !important;-webkit-backdrop-filter:blur(15px) !important;border-radius:20px !important;border:2px solid #fff !important;box-shadow:0 10px 30px rgba(0,0,0,.1) !important;transition:all .4s ease !important}.efecto-cristal-open:hover{transform:translateY(-8px) !important;background:rgba(255,255,255,.95) !important;box-shadow:0 15px 45px rgba(0,0,0,.2) !important}#cuadro-cristal-1,#cuadro-cristal-2,#cuadro-cristal-3{background:rgba(255,255,255,.85) !important;backdrop-filter:blur(15px) !important;-webkit-backdrop-filter:blur(15px) !important;border-radius:15px !important;border:2px solid #fff !important;box-shadow:0 10px 30px rgba(0,0,0,.15) !important;transition:all .3s ease-in-out !important;padding:25px !important;text-align:center !important}#cuadro-cristal-1:hover,#cuadro-cristal-2:hover,#cuadro-cristal-3:hover{background:#fff !important;transform:translateY(-8px) !important;box-shadow:0 15px 45px rgba(0,0,0,.2) !important}.wp-block-otter-icon{display:none !important}#cuadro-cristal-1,#cuadro-cristal-2,#cuadro-cristal-3{background:rgba(255,255,255,.85) !important;backdrop-filter:blur(15px) !important;-webkit-backdrop-filter:blur(15px) !important;border-radius:15px !important;border:2px solid #fff !important;box-shadow:0 10px 30px rgba(0,0,0,.15) !important;transition:all .3s ease-in-out !important;padding:25px !important;text-align:center !important}#cuadro-cristal-1:hover,#cuadro-cristal-2:hover,#cuadro-cristal-3:hover{background:#fff !important;transform:translateY(-8px) !important;box-shadow:0 15px 45px rgba(0,0,0,.2) !important}.wp-block-otter-icon{display:none !important}.ticss-79ec3758{display:block !important;width:100% !important;overflow:hidden !important;white-space:nowrap !important}.ticss-79ec3758 .adv-heading-edit,.ticss-79ec3758 h2,.ticss-79ec3758 span{display:inline-block !important;white-space:nowrap !important;width:auto !important;min-width:max-content !important;padding-left:100% !important;animation:marcha-lenta 30s linear infinite !important;text-transform:uppercase !important}@keyframes marcha-lenta{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.ticss-79ec3758:hover .adv-heading-edit,.ticss-79ec3758:hover h2,.ticss-79ec3758:hover span{animation-play-state:paused !important}#wp-block-themeisle-blocks-advanced-columns-dfd643f3{margin-top:0;margin-bottom:0;justify-content:center;min-height:auto}#wp-block-themeisle-blocks-advanced-columns-dfd643f3>.wp-block-themeisle-blocks-advanced-columns-overlay{opacity:.5;mix-blend-mode:normal}#wp-block-themeisle-blocks-advanced-column-127ec10e>.wp-block-themeisle-blocks-advanced-column-overlay{opacity:.5;mix-blend-mode:normal}@media (min-width:960px){#wp-block-themeisle-blocks-advanced-column-127ec10e{flex-basis:33.33%}}@media (max-width:600px){#wp-block-themeisle-blocks-advanced-column-127ec10e{padding-top:0;padding-bottom:0;padding-left:0;padding-right:0}}#hover-perfume{position:relative !important;overflow:hidden !important;cursor:pointer !important}#hover-perfume h2,#hover-perfume .wp-block-button{opacity:0 !important;transform:translateY(20px) !important;transition:all .4s ease-in-out !important}#hover-perfume:before{content:"" !important;
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: 1 !important;
}

/* Efecto Hover para Perfumes */
#hover-perfume:hover::before {
    opacity: 1 !important;
}

#hover-perfume:hover h2, 
#hover-perfume:hover .wp-block-button {
    opacity: 1 !important;
    transform: translateY(0) !important;
    z-index: 2 !important;
}#wp-block-themeisle-blocks-advanced-column-eefb8312 > .wp-block-themeisle-blocks-advanced-column-overlay {opacity: 0.5;mix-blend-mode: normal;}@media ( min-width: 960px ){#wp-block-themeisle-blocks-advanced-column-eefb8312 {flex-basis: 33.33%;}}@media ( max-width: 960px ){}@media ( max-width: 600px ){#wp-block-themeisle-blocks-advanced-column-eefb8312 {padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;}}/* 1. ASEGURAR QUE EL CONTENEDOR NO CORTE LA ANIMACIÓN */
.ticss-31b13d7c {
    overflow: visible !important;
    position: relative !important;
    z-index: 10 !important;
    cursor: pointer !important;
}

/* 2. ESTADO INICIAL (OCULTO) */
/* Apuntamos a todos los encabezados y botones dentro del bloque */
.ticss-31b13d7c h1, .ticss-31b13d7c h2, .ticss-31b13d7c h3, .ticss-31b13d7c p, .ticss-31b13d7c .wp-block-button {
    opacity: 0 !important;
    transform: translateY(20px) !important;
    transition: all 0.4s ease-in-out !important;
}

/* 3. CAPA OSCURA DE FONDO */
.ticss-31b13d7c::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.5) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: 1 !important;
}

/* 4. ACTIVACIÓN AL PASAR EL MOUSE (HOVER) */
.ticss-31b13d7c:hover::before {
    opacity: 1 !important;
}

.ticss-31b13d7c:hover h1, .ticss-31b13d7c:hover h2, .ticss-31b13d7c:hover h3, .ticss-31b13d7c:hover p, .ticss-31b13d7c:hover .wp-block-button {
    opacity: 1 !important;
    transform: translateY(0) !important;
    z-index: 2 !important;
    visibility: visible !important;
}#wp-block-themeisle-blocks-advanced-column-9136d16a > .wp-block-themeisle-blocks-advanced-column-overlay {opacity: 0.5;mix-blend-mode: normal;}@media ( min-width: 960px ){#wp-block-themeisle-blocks-advanced-column-9136d16a {flex-basis: 33.33%;}}@media ( max-width: 960px ){}@media ( max-width: 600px ){#wp-block-themeisle-blocks-advanced-column-9136d16a {padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;}}/* 1. CONFIGURACIÓN DEL CONTENEDOR */
.mi-contenedor-hover {
    position: relative !important;
    overflow: hidden !important; /* Mantenemos el contenido dentro del cuadro */
    cursor: pointer !important;
}

/* 2. ESTADO OCULTO (Títulos y Botones) */
.mi-contenedor-hover h2, 
.mi-contenedor-hover .wp-block-button {
    opacity: 0 !important;
    transform: translateY(20px) !important;
    transition: all 0.4s ease-in-out !important;
}

/* 3. LA SOMBRA OSCURA DE FONDO */
.mi-contenedor-hover::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: 1 !important;
}

/* 4. EFECTO AL PASAR EL MOUSE (HOVER) */
.mi-contenedor-hover:hover::before {
    opacity: 1 !important;
}

.mi-contenedor-hover:hover h2, 
.mi-contenedor-hover:hover .wp-block-button {
    opacity: 1 !important;
    transform: translateY(0) !important;
    z-index: 2 !important;
}/* FORZAR DISEÑO HORIZONTAL EN SOY OPEN */
.ticss-1deadd47 {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.ticss-1deadd47 .adv-heading-edit, 
.ticss-1deadd47 h2,
.ticss-1deadd47 span {
    display: inline-block !important;
    white-space: nowrap !important;
    width: auto !important;
    min-width: max-content !important;
    padding-left: 100% !important;
    animation: marcha-lenta 30s linear infinite !important;
    text-transform: uppercase !important;
}

@keyframes marcha-lenta {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* Pausar al pasar el mouse */
.ticss-1deadd47:hover .adv-heading-edit,
.ticss-1deadd47:hover h2,
.ticss-1deadd47:hover span {
    animation-play-state: paused !important;
}

/* --- AJUSTE MAESTRO PARA BOTÓN AQUA SOY OPEN (BORDES AGUA) --- */

/* 1. Forzar que el bloque sea animable */
.boton-premium-soyopen {
    display: inline-block !important; /* Vital para que el salto funcione */
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    cursor: pointer !important;
}

/* 2. Estilo del botón interno (Efecto Cristal con Borde Aqua) */
.boton-premium-soyopen .ct-button,
.boton-premium-soyopen a,
.boton-premium-soyopen .wp-block-button__link {
    background: rgba(71, 201, 219, 0.75) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    
    /* AJUSTE REALIZADO: Borde color Aqua con transparencia */
    border: 2px solid rgba(71, 201, 219, 0.6) !important; 
    
    border-radius: 15px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
    padding: 16px 40px !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    transition: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
    text-decoration: none !important;
}

/* 3. El Movimiento Sutil (Hover) - Igual a los cuadros blancos */
.boton-premium-soyopen:hover {
    transform: translateY(-8px) !important; /* Aquí es donde ocurre el salto */
}

.boton-premium-soyopen:hover .ct-button,
.boton-premium-soyopen:hover a,
.boton-premium-soyopen:hover .wp-block-button__link {
    background: rgba(71, 201, 219, 1) !important;
    box-shadow: 0 15px 45px rgba(71, 201, 219, 0.4) !important;
    
    /* AJUSTE REALIZADO: Borde Aqua sólido al pasar el mouse */
    border-color: rgba(71, 201, 219, 1) !important; 
}

/* 4. El "Click" (Efecto físico al machucar) */
.boton-premium-soyopen:active {
    transform: translateY(-2px) !important;
    transition: all 0.1s !important;
}/* 1. CONFIGURACIÓN DEL CONTENEDOR (La Sección Completa) */
.ticss-e15eaa65 {
    position: relative !important;
    overflow: hidden !important; /* Mantenemos el zoom dentro de la caja */
    
    /* Activa la manita pointer para la sección */
    cursor: pointer !important; 
    
    z-index: 1 !important;
}

/* 2. CONFIGURACIÓN DE LA IMAGEN (Aplicamos la transición) */
.ticss-e15eaa65 img {
    /* Agrega el efecto de transición suave (0.4s) */
    transition: transform 0.4s ease-in-out !important;
}

/* 3. EL ZOOM SUTIL (Al pasar el mouse por la sección) */
.ticss-e15eaa65:hover img {
    /* Agrandamos la imagen un 5% (1.05) */
    transform: scale(1.05) !important;
}

/* 4. MANTENER EL CONTENIDO (Opcional, si quieres ocultarlo) */
/* Ocultar contenido (Títulos y Botones) */
.ticss-e15eaa65 h2, 
.ticss-e15eaa65 .wp-block-button {
    opacity: 0 !important;
    transform: translateY(20px) !important;
    transition: all 0.4s ease-in-out !important;
}

/* 5. ACTIVACIÓN HOVER PARA CONTENIDO */
.ticss-e15eaa65:hover h2, 
.ticss-e15eaa65:hover .wp-block-button {
    opacity: 1 !important;
    transform: translateY(0) !important;
    z-index: 2 !important;
}

/* 6. CAPA OSCURA (Opcional, para destacar el texto) */
.ticss-e15eaa65::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; 
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.4) !important; /* Oscuridad suave al 40% */
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: 1 !important;
}

/* ACTIVACIÓN HOVER PARA CAPA OSCURA */
.ticss-e15eaa65:hover::before {
    opacity: 1 !important;
}/* --- EFECTO COMPLETO: COLOR, ZOOM, SOMBRA E ICONO BLANCO --- */

/* 1. CONFIGURACIÓN DEL CONTENEDOR */
.ticss-38701ed0 {
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    z-index: 1 !important;
}

/* 2. ZOOM AL PASAR EL MOUSE */
.ticss-38701ed0:hover {
    transform: scale(1.05) !important;
}

/* 3. CAPA OSCURA */
.ticss-38701ed0::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: 1 !important;
}

.ticss-38701ed0:hover::before {
    opacity: 1 !important;
}

/* 4. FORZAR TEXTO BLANCO */
.ticss-38701ed0:hover, 
.ticss-38701ed0:hover * {
    color: #ffffff !important;
}

/* 5. FORZAR ICONO (LOGUITO) A BLANCO */
.ticss-38701ed0 img, 
.ticss-38701ed0 i, 
.ticss-38701ed0 svg {
    position: relative !important;
    z-index: 2 !important;
    transition: all 0.4s ease !important;
}

.ticss-38701ed0:hover img, 
.ticss-38701ed0:hover i, 
.ticss-38701ed0:hover svg {
    /* Este filtro convierte cualquier color en blanco puro */
    filter: brightness(0) invert(1) !important;
}

/* 6. MANTENER TEXTO AL FRENTE */
.ticss-38701ed0 h4, 
.ticss-38701ed0 p, 
.ticss-38701ed0 strong {
    position: relative !important;
    z-index: 2 !important;
}/* --- EFECTO COMPLETO: COLOR, ZOOM, SOMBRA E ICONO BLANCO --- */

/* 1. CONFIGURACIÓN DEL CONTENEDOR */
.ticss-9d9d14a5 {
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    z-index: 1 !important;
}

/* 2. ZOOM AL PASAR EL MOUSE */
.ticss-9d9d14a5:hover {
    transform: scale(1.05) !important;
}

/* 3. CAPA OSCURA */
.ticss-9d9d14a5::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: 1 !important;
}

.ticss-9d9d14a5:hover::before {
    opacity: 1 !important;
}

/* 4. FORZAR TEXTO BLANCO */
.ticss-9d9d14a5:hover, 
.ticss-9d9d14a5:hover * {
    color: #ffffff !important;
}

/* 5. FORZAR ICONO (LOGUITO) A BLANCO */
.ticss-9d9d14a5 img, 
.ticss-9d9d14a5 i, 
.ticss-9d9d14a5 svg {
    position: relative !important;
    z-index: 2 !important;
    transition: all 0.4s ease !important;
}

.ticss-9d9d14a5:hover img, 
.ticss-9d9d14a5:hover i, 
.ticss-9d9d14a5:hover svg {
    /* Este filtro convierte cualquier color en blanco puro */
    filter: brightness(0) invert(1) !important;
}

/* 6. MANTENER TEXTO AL FRENTE */
.ticss-9d9d14a5 h4, 
.ticss-9d9d14a5 p, 
.ticss-9d9d14a5 strong {
    position: relative !important;
    z-index: 2 !important;
}/* --- EFECTO COMPLETO: COLOR, ZOOM, SOMBRA E ICONO BLANCO --- */

/* 1. CONFIGURACIÓN DEL CONTENEDOR */
.ticss-366cb0ee {
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    z-index: 1 !important;
}

/* 2. ZOOM AL PASAR EL MOUSE */
.ticss-366cb0ee:hover {
    transform: scale(1.05) !important;
}

/* 3. CAPA OSCURA */
.ticss-366cb0ee::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: 1 !important;
}

.ticss-366cb0ee:hover::before {
    opacity: 1 !important;
}

/* 4. FORZAR TEXTO BLANCO */
.ticss-366cb0ee:hover, 
.ticss-366cb0ee:hover * {
    color: #ffffff !important;
}

/* 5. FORZAR ICONO (LOGUITO) A BLANCO */
.ticss-366cb0ee img, 
.ticss-366cb0ee i, 
.ticss-366cb0ee svg {
    position: relative !important;
    z-index: 2 !important;
    transition: all 0.4s ease !important;
}

.ticss-366cb0ee:hover img, 
.ticss-366cb0ee:hover i, 
.ticss-366cb0ee:hover svg {
    /* Este filtro convierte cualquier color en blanco puro */
    filter: brightness(0) invert(1) !important;
}

/* 6. MANTENER TEXTO AL FRENTE */
.ticss-366cb0ee h4, 
.ticss-366cb0ee p, 
.ticss-366cb0ee strong {
    position: relative !important;
    z-index: 2 !important;
}/* --- EFECTO COMPLETO: COLOR, ZOOM, SOMBRA E ICONO BLANCO --- */

/* 1. CONFIGURACIÓN DEL CONTENEDOR */
.ticss-889de985 {
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    z-index: 1 !important;
}

/* 2. ZOOM AL PASAR EL MOUSE */
.ticss-889de985:hover {
    transform: scale(1.05) !important;
}

/* 3. CAPA OSCURA */
.ticss-889de985::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: 1 !important;
}

.ticss-889de985:hover::before {
    opacity: 1 !important;
}

/* 4. FORZAR TEXTO BLANCO */
.ticss-889de985:hover, 
.ticss-889de985:hover * {
    color: #ffffff !important;
}

/* 5. FORZAR ICONO (LOGUITO) A BLANCO */
.ticss-889de985 img, 
.ticss-889de985 i, 
.ticss-889de985 svg {
    position: relative !important;
    z-index: 2 !important;
    transition: all 0.4s ease !important;
}

.ticss-889de985:hover img, 
.ticss-889de985:hover i, 
.ticss-889de985:hover svg {
    /* Este filtro convierte cualquier color en blanco puro */
    filter: brightness(0) invert(1) !important;
}

/* 6. MANTENER TEXTO AL FRENTE */
.ticss-889de985 h4, 
.ticss-889de985 p, 
.ticss-889de985 strong {
    position: relative !important;
    z-index: 2 !important;
}/* DISEÑO OFERTAS DESTACADAS CON LETRA #133460 */
.ticss-31f949fe {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    padding: 15px 0 !important;
    position: relative !important;
}

/* Ajuste directo a los títulos y textos */
.ticss-31f949fe h1, 
.ticss-31f949fe h2, 
.ticss-31f949fe h3, 
.ticss-31f949fe span, 
.ticss-31f949fe a {
    display: inline-block !important;
    white-space: nowrap !important;
    min-width: max-content !important;
    padding-left: 100% !important;
    
    /* ANIMACIONES: Movimiento y Pulso de luz */
    animation: marcha-lenta 20s linear infinite, resplandor-vibrante 2s infinite alternate !important;
    
    /* AJUSTE DE COLORES SOLICITADO */
    color: #133460 !important; /* El azul profundo para la letra */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

/* KEYFRAMES DEL MOVIMIENTO HORIZONTAL */
@keyframes marcha-lenta {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* KEYFRAMES DEL BRILLO (Aura celeste alrededor de la letra azul) */
@keyframes resplandor-vibrante {
    from {
        text-shadow: 0 0 8px rgba(20, 213, 246, 0.6), 0 0 15px rgba(20, 213, 246, 0.4);
    }
    to {
        text-shadow: 0 0 12px rgba(20, 213, 246, 0.9), 0 0 25px rgba(20, 213, 246, 0.7);
    }
}

/* Pausar al pasar el mouse */
.ticss-31f949fe:hover h1, 
.ticss-31f949fe:hover h2, 
.ticss-31f949fe:hover h3, 
.ticss-31f949fe:hover span {
    animation-play-state: paused !important;
}/* 1. CONFIGURACIÓN DEL CONTENEDOR */
.ticss-f49dfc06 {
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
    /* Asegura que el contenido esté sobre la sombra */
    z-index: 1 !important; 
}

/* 2. CREACIÓN DE LA CAPA OSCURA (Inicialmente invisible) */
.ticss-f49dfc06::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.4) !important; /* Color negro al 40% */
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* 3. ZOOM SUTIL PARA TODO EL BLOQUE */
.ticss-f49dfc06:hover {
    transform: scale(1.03) !important;
}

/* 4. EFECTO HOVER: OSCURECER AL PASAR EL MOUSE */
.ticss-f49dfc06:hover::before {
    opacity: 1 !important;
}

/* 5. ZOOM ESPECÍFICO PARA EL ICONO/IMAGEN */
.ticss-f49dfc06 img, 
.ticss-f49dfc06 i, 
.ticss-f49dfc06 svg {
    transition: transform 0.4s ease-in-out !important;
    position: relative !important;
    z-index: 2 !important;
}

.ticss-f49dfc06:hover img, 
.ticss-f49dfc06:hover i, 
.ticss-f49dfc06:hover svg {
    transform: scale(1.1) !important;
}

/* 6. ASEGURAR QUE EL TEXTO SE VEA CLARO SOBRE LO OSCURO */
.ticss-f49dfc06 h4, 
.ticss-f49dfc06 p,
.ticss-f49dfc06 span {
    position: relative !important;
    z-index: 2 !important;
    transition: color 0.3s ease !important;
}

/* Opcional: Si quieres que el texto cambie a blanco al oscurecerse */
.ticss-f49dfc06:hover h4, 
.ticss-f49dfc06:hover p {
    color: #ffffff !important;
}/* 1. CONFIGURACIÓN DEL CONTENEDOR */
.ticss-a5f084e8 {
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
    /* Asegura que el contenido esté sobre la sombra */
    z-index: 1 !important; 
}

/* 2. CREACIÓN DE LA CAPA OSCURA (Inicialmente invisible) */
.ticss-a5f084e8::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.4) !important; /* Color negro al 40% */
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* 3. ZOOM SUTIL PARA TODO EL BLOQUE */
.ticss-a5f084e8:hover {
    transform: scale(1.03) !important;
}

/* 4. EFECTO HOVER: OSCURECER AL PASAR EL MOUSE */
.ticss-a5f084e8:hover::before {
    opacity: 1 !important;
}

/* 5. ZOOM ESPECÍFICO PARA EL ICONO/IMAGEN */
.ticss-a5f084e8 img, 
.ticss-a5f084e8 i, 
.ticss-a5f084e8 svg {
    transition: transform 0.4s ease-in-out !important;
    position: relative !important;
    z-index: 2 !important;
}

.ticss-a5f084e8:hover img, 
.ticss-a5f084e8:hover i, 
.ticss-a5f084e8:hover svg {
    transform: scale(1.1) !important;
}

/* 6. ASEGURAR QUE EL TEXTO SE VEA CLARO SOBRE LO OSCURO */
.ticss-a5f084e8 h4, 
.ticss-a5f084e8 p,
.ticss-a5f084e8 span {
    position: relative !important;
    z-index: 2 !important;
    transition: color 0.3s ease !important;
}

/* Opcional: Si quieres que el texto cambie a blanco al oscurecerse */
.ticss-a5f084e8:hover h4, 
.ticss-a5f084e8:hover p {
    color: #ffffff !important;
}/* --- AJUSTE MAESTRO PARA BOTÓN AQUA SOY OPEN (BORDES AGUA) --- */

/* 1. Forzar que el bloque sea animable */
.boton-premium-soyopen {
    display: inline-block !important; /* Vital para que el salto funcione */
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    cursor: pointer !important;
}

/* 2. Estilo del botón interno (Efecto Cristal con Borde Aqua) */
.boton-premium-soyopen .ct-button,
.boton-premium-soyopen a,
.boton-premium-soyopen .wp-block-button__link {
    background: rgba(71, 201, 219, 0.75) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    
    /* AJUSTE REALIZADO: Borde color Aqua con transparencia */
    border: 2px solid rgba(71, 201, 219, 0.6) !important; 
    
    border-radius: 15px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
    padding: 16px 40px !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    transition: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
    text-decoration: none !important;
}

/* 3. El Movimiento Sutil (Hover) - Igual a los cuadros blancos */
.boton-premium-soyopen:hover {
    transform: translateY(-8px) !important; /* Aquí es donde ocurre el salto */
}

.boton-premium-soyopen:hover .ct-button,
.boton-premium-soyopen:hover a,
.boton-premium-soyopen:hover .wp-block-button__link {
    background: rgba(71, 201, 219, 1) !important;
    box-shadow: 0 15px 45px rgba(71, 201, 219, 0.4) !important;
    
    /* AJUSTE REALIZADO: Borde Aqua sólido al pasar el mouse */
    border-color: rgba(71, 201, 219, 1) !important; 
}

/* 4. El "Click" (Efecto físico al machucar) */
.boton-premium-soyopen:active {
    transform: translateY(-2px) !important;
    transition: all 0.1s !important;
}/* DISEÑO OFERTAS DESTACADAS CON LETRA #133460 */
.ticss-c17ef552 {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    padding: 15px 0 !important;
    position: relative !important;
}

/* Ajuste directo a los títulos y textos */
.ticss-c17ef552 h1, 
.ticss-c17ef552 h2, 
.ticss-c17ef552 h3, 
.ticss-c17ef552 span, 
.ticss-c17ef552 a {
    display: inline-block !important;
    white-space: nowrap !important;
    min-width: max-content !important;
    padding-left: 100% !important;
    
    /* ANIMACIONES: Movimiento y Pulso de luz */
    animation: marcha-lenta 20s linear infinite, resplandor-vibrante 2s infinite alternate !important;
    
    /* AJUSTE DE COLORES SOLICITADO */
    color: #133460 !important; /* El azul profundo para la letra */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

/* KEYFRAMES DEL MOVIMIENTO HORIZONTAL */
@keyframes marcha-lenta {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* KEYFRAMES DEL BRILLO (Aura celeste alrededor de la letra azul) */
@keyframes resplandor-vibrante {
    from {
        text-shadow: 0 0 8px rgba(20, 213, 246, 0.6), 0 0 15px rgba(20, 213, 246, 0.4);
    }
    to {
        text-shadow: 0 0 12px rgba(20, 213, 246, 0.9), 0 0 25px rgba(20, 213, 246, 0.7);
    }
}

/* Pausar al pasar el mouse */
.ticss-c17ef552:hover h1, 
.ticss-c17ef552:hover h2, 
.ticss-c17ef552:hover h3, 
.ticss-c17ef552:hover span {
    animation-play-state: paused !important;
}/* DISEÑO OFERTAS DESTACADAS CON LETRA #133460 */
.ticss-ba270776 {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    padding: 15px 0 !important;
    position: relative !important;
}

/* Ajuste directo a los títulos y textos */
.ticss-ba270776 h1, 
.ticss-ba270776 h2, 
.ticss-ba270776 h3, 
.ticss-ba270776 span, 
.ticss-ba270776 a {
    display: inline-block !important;
    white-space: nowrap !important;
    min-width: max-content !important;
    padding-left: 100% !important;
    
    /* ANIMACIONES: Movimiento y Pulso de luz */
    animation: marcha-lenta 20s linear infinite, resplandor-vibrante 2s infinite alternate !important;
    
    /* AJUSTE DE COLORES SOLICITADO */
    color: #133460 !important; /* El azul profundo para la letra */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

/* KEYFRAMES DEL MOVIMIENTO HORIZONTAL */
@keyframes marcha-lenta {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* KEYFRAMES DEL BRILLO (Aura celeste alrededor de la letra azul) */
@keyframes resplandor-vibrante {
    from {
        text-shadow: 0 0 8px rgba(20, 213, 246, 0.6), 0 0 15px rgba(20, 213, 246, 0.4);
    }
    to {
        text-shadow: 0 0 12px rgba(20, 213, 246, 0.9), 0 0 25px rgba(20, 213, 246, 0.7);
    }
}

/* Pausar al pasar el mouse */
.ticss-ba270776:hover h1, 
.ticss-ba270776:hover h2, 
.ticss-ba270776:hover h3, 
.ticss-ba270776:hover span {
    animation-play-state: paused !important;
}/* 1. CONFIGURACIÓN DEL CONTENEDOR */
.ticss-e7dcf1b7 {
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
    /* Asegura que el contenido esté sobre la sombra */
    z-index: 1 !important; 
}

/* 2. CREACIÓN DE LA CAPA OSCURA (Inicialmente invisible) */
.ticss-e7dcf1b7::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.4) !important; /* Color negro al 40% */
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* 3. ZOOM SUTIL PARA TODO EL BLOQUE */
.ticss-e7dcf1b7:hover {
    transform: scale(1.03) !important;
}

/* 4. EFECTO HOVER: OSCURECER AL PASAR EL MOUSE */
.ticss-e7dcf1b7:hover::before {
    opacity: 1 !important;
}

/* 5. ZOOM ESPECÍFICO PARA EL ICONO/IMAGEN */
.ticss-e7dcf1b7 img, 
.ticss-e7dcf1b7 i, 
.ticss-e7dcf1b7 svg {
    transition: transform 0.4s ease-in-out !important;
    position: relative !important;
    z-index: 2 !important;
}

.ticss-e7dcf1b7:hover img, 
.ticss-e7dcf1b7:hover i, 
.ticss-e7dcf1b7:hover svg {
    transform: scale(1.1) !important;
}

/* 6. ASEGURAR QUE EL TEXTO SE VEA CLARO SOBRE LO OSCURO */
.ticss-e7dcf1b7 h4, 
.ticss-e7dcf1b7 p,
.ticss-e7dcf1b7 span {
    position: relative !important;
    z-index: 2 !important;
    transition: color 0.3s ease !important;
}

/* Opcional: Si quieres que el texto cambie a blanco al oscurecerse */
.ticss-e7dcf1b7:hover h4, 
.ticss-e7dcf1b7:hover p {
    color: #ffffff !important;
}/* 1. CONFIGURACIÓN DEL CONTENEDOR */
.ticss-d5f8b38c {
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
    /* Asegura que el contenido esté sobre la sombra */
    z-index: 1 !important; 
}

/* 2. CREACIÓN DE LA CAPA OSCURA (Inicialmente invisible) */
.ticss-d5f8b38c::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.4) !important; /* Color negro al 40% */
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* 3. ZOOM SUTIL PARA TODO EL BLOQUE */
.ticss-d5f8b38c:hover {
    transform: scale(1.03) !important;
}

/* 4. EFECTO HOVER: OSCURECER AL PASAR EL MOUSE */
.ticss-d5f8b38c:hover::before {
    opacity: 1 !important;
}

/* 5. ZOOM ESPECÍFICO PARA EL ICONO/IMAGEN */
.ticss-d5f8b38c img, 
.ticss-d5f8b38c i, 
.ticss-d5f8b38c svg {
    transition: transform 0.4s ease-in-out !important;
    position: relative !important;
    z-index: 2 !important;
}

.ticss-d5f8b38c:hover img, 
.ticss-d5f8b38c:hover i, 
.ticss-d5f8b38c:hover svg {
    transform: scale(1.1) !important;
}

/* 6. ASEGURAR QUE EL TEXTO SE VEA CLARO SOBRE LO OSCURO */
.ticss-d5f8b38c h4, 
.ticss-d5f8b38c p,
.ticss-d5f8b38c span {
    position: relative !important;
    z-index: 2 !important;
    transition: color 0.3s ease !important;
}

/* Opcional: Si quieres que el texto cambie a blanco al oscurecerse */
.ticss-d5f8b38c:hover h4, 
.ticss-d5f8b38c:hover p {
    color: #ffffff !important;
}/* 1. CONFIGURACIÓN DEL CONTENEDOR */
.ticss-f42b66b5 {
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
    /* Asegura que el contenido esté sobre la sombra */
    z-index: 1 !important; 
}

/* 2. CREACIÓN DE LA CAPA OSCURA (Inicialmente invisible) */
.ticss-f42b66b5::before {
    content: "" !important;position:absolute !important;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4) !important;opacity:0 !important;transition:opacity .3s ease !important;z-index:0 !important;pointer-events:none !important}.ticss-f42b66b5:hover{transform:scale(1.03) !important}.ticss-f42b66b5:hover:before{opacity:1 !important}.ticss-f42b66b5 img,.ticss-f42b66b5 i,.ticss-f42b66b5 svg{transition:transform .4s ease-in-out !important;position:relative !important;z-index:2 !important}.ticss-f42b66b5:hover img,.ticss-f42b66b5:hover i,.ticss-f42b66b5:hover svg{transform:scale(1.1) !important}.ticss-f42b66b5 h4,.ticss-f42b66b5 p,.ticss-f42b66b5 span{position:relative !important;z-index:2 !important;transition:color .3s ease !important}.ticss-f42b66b5:hover h4,.ticss-f42b66b5:hover p{color:#fff !important}.ticss-d5907047{animation:reveal 1.5s ease-out}@keyframes reveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}@media (prefers-reduced-motion:reduce),print{.animated{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important}.animated[class*=Out]{opacity:0}}@keyframes backInUp{0%{opacity:.7;transform:translateY(1200px) scale(.7)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:1;transform:scale(1)}}.backInUp{animation-name:backInUp}.animated.delay-200ms{animation-delay:.2s}@media screen{.hidden-animated{animation-play-state:paused;visibility:hidden}.animated .wp-block-navigation,.animated.wp-block-navigation{animation-fill-mode:none}}