.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;padding:15px 0 !important;position:relative !important}.ticss-79ec3758 h1,.ticss-79ec3758 h2,.ticss-79ec3758 h3,.ticss-79ec3758 span,.ticss-79ec3758 a{display:inline-block !important;white-space:nowrap !important;min-width:max-content !important;padding-left:100% !important;animation:marcha-lenta 20s linear infinite !important;color:#133460 !important;font-weight:900 !important;text-transform:uppercase !important;text-decoration:none !important;text-shadow:none !important}@keyframes marcha-lenta{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.ticss-79ec3758:hover h1,.ticss-79ec3758:hover h2,.ticss-79ec3758:hover h3,.ticss-79ec3758:hover span,.ticss-79ec3758:hover a{animation-play-state:paused !important}.ticss-e15eaa65{position:relative !important;overflow:hidden !important;cursor:pointer !important;z-index:1 !important}.ticss-e15eaa65 img{transition:transform .4s ease-in-out !important}.ticss-e15eaa65:hover img{transform:scale(1.05) !important}.ticss-e15eaa65 h2,.ticss-e15eaa65 .wp-block-button{opacity:0 !important;transform:translateY(20px) !important;transition:all .4s ease-in-out !important}.ticss-e15eaa65:hover h2,.ticss-e15eaa65:hover .wp-block-button{opacity:1 !important;transform:translateY(0) !important;z-index:2 !important}.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;
}#wp-block-themeisle-blocks-advanced-columns-dfd643f3 {margin-top: 0px;margin-bottom: 0px;justify-content: center;min-height: auto;}#wp-block-themeisle-blocks-advanced-columns-dfd643f3 > .wp-block-themeisle-blocks-advanced-columns-overlay {opacity: 0.5;mix-blend-mode: normal;}@media ( max-width: 960px ){}@media ( max-width: 600px ){}#wp-block-themeisle-blocks-advanced-column-127ec10e > .wp-block-themeisle-blocks-advanced-column-overlay {opacity: 0.5;mix-blend-mode: normal;}@media ( min-width: 960px ){#wp-block-themeisle-blocks-advanced-column-127ec10e {flex-basis: 33.33%;}}@media ( max-width: 960px ){}@media ( max-width: 600px ){#wp-block-themeisle-blocks-advanced-column-127ec10e {padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;}}/* CÓDIGO FINAL UNIFICADO: ZOOM + OSCURECIMIENTO + BOTÓN CRISTAL */

/* 1. CONTENEDOR CON ELEVACIÓN */
.mi-contenedor-hover {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    cursor: pointer !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
    background: #000000 !important; /* Fondo negro para ayudar al oscurecimiento */
}

.mi-contenedor-hover:hover {
    transform: translateY(-12px) !important;
    box-shadow: 0 20px 45px rgba(20, 213, 246, 0.3) !important;
}

/* AJUSTE DE OSCURECIMIENTO INICIAL (ESTADO BASE) */

.mi-contenedor-hover img {
    /* AJUSTE AQUÍ: Cambiamos brightness(1) por 0.85 para un oscurecimiento sutil inicial */
    filter: brightness(0.75) !important; 
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), filter 0.6s ease !important;
    display: block !important;
}

/* EFECTO AL PASAR EL MOUSE (SE OSCURECE MÁS) */
.mi-contenedor-hover:hover img {
    transform: scale(1.15) !important; 
    filter: brightness(0.4) !important; /* Se oscurece más para resaltar el botón cristal */
}

/* 3. CAPA EXTRA DE OSCURECIMIENTO (OPCIONAL PARA MÁS PROFUNDIDAD) */
.mi-contenedor-hover::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.6)) !important;
    opacity: 0 !important;
    transition: opacity 0.4s ease !important;
    z-index: 1 !important;
}

.mi-contenedor-hover:hover::before {
    opacity: 1 !important;
}

/* 4. TEXTOS QUE APARECEN */
.mi-contenedor-hover h2, 
.mi-contenedor-hover p {
    color: #ffffff !important;
    opacity: 0 !important;
    transform: translateY(30px) !important;
    transition: all 0.5s ease-out !important;
    position: relative !important;
    z-index: 2 !important;
}

.mi-contenedor-hover:hover h2, 
.mi-contenedor-hover:hover p {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* 5. AJUSTE DEL BOTÓN AL ESTILO EXACTO DE SOYOPEN.COM */
.mi-contenedor-hover .wp-block-button {
    opacity: 0 !important;
    transform: translateY(20px) !important;
    transition: all 0.5s ease-out 0.1s !important;
    position: relative !important;
    z-index: 2 !important;
}

.mi-contenedor-hover:hover .wp-block-button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.mi-contenedor-hover .wp-block-button__link {
    /* Color Aqua con Transparencia para el Efecto Cristal */
    background: rgba(71, 201, 219, 0.75) !important; 
    
    /* Desenfoque de fondo (Cristal) */
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    
    color: #ffffff !important;
    padding: 12px 25px !important;
    
    /* AJUSTE DE FORMA: Radio de 10px para coincidir con tu imagen */
    border-radius: 10px !important; 
    
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    
    /* Borde sutil para resaltar el cristal */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

/* Efecto al tocar el botón directamente */
.mi-contenedor-hover .wp-block-button__link:hover {
    background: rgba(20, 213, 246, 0.9) !important;
    transform: scale(1.05) !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;}}/* CÓDIGO FINAL UNIFICADO: ZOOM + OSCURECIMIENTO + BOTÓN CRISTAL */

/* 1. CONTENEDOR CON ELEVACIÓN */
.mi-contenedor-hover {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    cursor: pointer !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
    background: #000000 !important; /* Fondo negro para ayudar al oscurecimiento */
}

.mi-contenedor-hover:hover {
    transform: translateY(-12px) !important;
    box-shadow: 0 20px 45px rgba(20, 213, 246, 0.3) !important;
}

/* AJUSTE DE OSCURECIMIENTO INICIAL (ESTADO BASE) */

.mi-contenedor-hover img {
    /* AJUSTE AQUÍ: Cambiamos brightness(1) por 0.85 para un oscurecimiento sutil inicial */
    filter: brightness(0.75) !important; 
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), filter 0.6s ease !important;
    display: block !important;
}

/* EFECTO AL PASAR EL MOUSE (SE OSCURECE MÁS) */
.mi-contenedor-hover:hover img {
    transform: scale(1.15) !important; 
    filter: brightness(0.4) !important; /* Se oscurece más para resaltar el botón cristal */
}

/* 3. CAPA EXTRA DE OSCURECIMIENTO (OPCIONAL PARA MÁS PROFUNDIDAD) */
.mi-contenedor-hover::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.6)) !important;
    opacity: 0 !important;
    transition: opacity 0.4s ease !important;
    z-index: 1 !important;
}

.mi-contenedor-hover:hover::before {
    opacity: 1 !important;
}

/* 4. TEXTOS QUE APARECEN */
.mi-contenedor-hover h2, 
.mi-contenedor-hover p {
    color: #ffffff !important;
    opacity: 0 !important;
    transform: translateY(30px) !important;
    transition: all 0.5s ease-out !important;
    position: relative !important;
    z-index: 2 !important;
}

.mi-contenedor-hover:hover h2, 
.mi-contenedor-hover:hover p {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* 5. AJUSTE DEL BOTÓN AL ESTILO EXACTO DE SOYOPEN.COM */
.mi-contenedor-hover .wp-block-button {
    opacity: 0 !important;
    transform: translateY(20px) !important;
    transition: all 0.5s ease-out 0.1s !important;
    position: relative !important;
    z-index: 2 !important;
}

.mi-contenedor-hover:hover .wp-block-button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.mi-contenedor-hover .wp-block-button__link {
    /* Color Aqua con Transparencia para el Efecto Cristal */
    background: rgba(71, 201, 219, 0.75) !important; 
    
    /* Desenfoque de fondo (Cristal) */
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    
    color: #ffffff !important;
    padding: 12px 25px !important;
    
    /* AJUSTE DE FORMA: Radio de 10px para coincidir con tu imagen */
    border-radius: 10px !important; 
    
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    
    /* Borde sutil para resaltar el cristal */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

/* Efecto al tocar el botón directamente */
.mi-contenedor-hover .wp-block-button__link:hover {
    background: rgba(20, 213, 246, 0.9) !important;
    transform: scale(1.05) !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;}}/* CÓDIGO FINAL UNIFICADO: ZOOM + OSCURECIMIENTO + BOTÓN CRISTAL */

/* 1. CONTENEDOR CON ELEVACIÓN */
.mi-contenedor-hover {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    cursor: pointer !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
    background: #000000 !important; /* Fondo negro para ayudar al oscurecimiento */
}

.mi-contenedor-hover:hover {
    transform: translateY(-12px) !important;
    box-shadow: 0 20px 45px rgba(20, 213, 246, 0.3) !important;
}

/* AJUSTE DE OSCURECIMIENTO INICIAL (ESTADO BASE) */

.mi-contenedor-hover img {
    /* AJUSTE AQUÍ: Cambiamos brightness(1) por 0.85 para un oscurecimiento sutil inicial */
    filter: brightness(0.75) !important; 
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), filter 0.6s ease !important;
    display: block !important;
}

/* EFECTO AL PASAR EL MOUSE (SE OSCURECE MÁS) */
.mi-contenedor-hover:hover img {
    transform: scale(1.15) !important; 
    filter: brightness(0.4) !important; /* Se oscurece más para resaltar el botón cristal */
}

/* 3. CAPA EXTRA DE OSCURECIMIENTO (OPCIONAL PARA MÁS PROFUNDIDAD) */
.mi-contenedor-hover::before {
    content: "" !important;
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.6)) !important;
    opacity: 0 !important;
    transition: opacity 0.4s ease !important;
    z-index: 1 !important;
}

.mi-contenedor-hover:hover::before {
    opacity: 1 !important;
}

/* 4. TEXTOS QUE APARECEN */
.mi-contenedor-hover h2, 
.mi-contenedor-hover p {
    color: #ffffff !important;
    opacity: 0 !important;
    transform: translateY(30px) !important;
    transition: all 0.5s ease-out !important;
    position: relative !important;
    z-index: 2 !important;
}

.mi-contenedor-hover:hover h2, 
.mi-contenedor-hover:hover p {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* 5. AJUSTE DEL BOTÓN AL ESTILO EXACTO DE SOYOPEN.COM */
.mi-contenedor-hover .wp-block-button {
    opacity: 0 !important;
    transform: translateY(20px) !important;
    transition: all 0.5s ease-out 0.1s !important;
    position: relative !important;
    z-index: 2 !important;
}

.mi-contenedor-hover:hover .wp-block-button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.mi-contenedor-hover .wp-block-button__link {
    /* Color Aqua con Transparencia para el Efecto Cristal */
    background: rgba(71, 201, 219, 0.75) !important; 
    
    /* Desenfoque de fondo (Cristal) */
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    
    color: #ffffff !important;
    padding: 12px 25px !important;
    
    /* AJUSTE DE FORMA: Radio de 10px para coincidir con tu imagen */
    border-radius: 10px !important; 
    
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    
    /* Borde sutil para resaltar el cristal */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

/* Efecto al tocar el botón directamente */
.mi-contenedor-hover .wp-block-button__link:hover {
    background: rgba(20, 213, 246, 0.9) !important;
    transform: scale(1.05) !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;
}/* 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;

    /* ANIMACIÓN: Movimiento horizontal */
    animation: marcha-lenta 20s linear infinite !important;

    /* AJUSTE DE COLORES SOLICITADO */
    color: #133460 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

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

    100% {
        transform: translateX(-100%);
    }
}

/* Pausar al pasar el mouse */
.ticss-c17ef552:hover h1, 
.ticss-c17ef552:hover h2, 
.ticss-c17ef552:hover h3, 
.ticss-c17ef552:hover span,
.ticss-c17ef552:hover a {
    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;

    /* ANIMACIÓN: Movimiento horizontal */
    animation: marcha-lenta 20s linear infinite !important;

    /* AJUSTE DE COLORES SOLICITADO */
    color: #133460 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

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

    100% {
        transform: translateX(-100%);
    }
}

/* Pausar al pasar el mouse */
.ticss-ba270776:hover h1, 
.ticss-ba270776:hover h2, 
.ticss-ba270776:hover h3, 
.ticss-ba270776:hover span,
.ticss-ba270776:hover a {
    animation-play-state: paused !important;
} img {
    border-radius: 10px !important;
    transition: all 0.5s ease !important;
    z-index: 1 !important;
}.ticss-16433df1 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
}

/* Ocultar completamente controles nativos */
.ticss-16433df1 video::-webkit-media-controls,
.ticss-16433df1 video::-webkit-media-controls-enclosure,
.ticss-16433df1 video::-webkit-media-controls-panel,
.ticss-16433df1 video::-webkit-media-controls-overlay-enclosure,
.ticss-16433df1 video::-webkit-media-controls-start-playback-button {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}/* EFECTO GLOBAL PARA PRODUCTOS SOY OPEN */
.tarjeta-soyopen {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 15px !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Elevación al pasar el mouse */
.tarjeta-soyopen:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 15px 40px rgba(20, 213, 246, 0.2) !important;
    z-index: 99 !important;
}

/* Oscurecer imagen y zoom */
.tarjeta-soyopen:hover img {
    filter: brightness(0.4) !important;
    transform: scale(1.1) !important;
    transition: all 0.5s ease !important;
}

/* Botón VER de Cristal */
.tarjeta-soyopen::after {
    content: "VER" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(0.8) !important;
    background: rgba(20, 213, 246, 0.6) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important; 
    padding: 10px 30px !important;
    border-radius: 50px !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: 9999 !important;
    transition: all 0.3s ease !important;
}

.tarjeta-soyopen:hover::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) scale(1) !important;
}.ticss-0090c3fa img {
  transition:
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.35s ease;

  transform: scale(1);

  /* Oscurecimiento mínimo permanente */
  filter: brightness(0.89);
}

/* Hover: más oscuro + zoom suave */
.ticss-0090c3fa img:hover {
  transform: scale(1.07);
  filter: brightness(0.70);
}

/* Mantiene el zoom dentro de cada tarjeta */
.ticss-0090c3fa figure,
.ticss-0090c3fa .wp-block-image,
.ticss-0090c3fa .swiper-slide,
.ticss-0090c3fa [class*="slide"] {
  overflow: hidden;
}/* Título principal de la sección */
.ticss-165b0b7d > h1,
.ticss-165b0b7d > h2 {
    font-family: "IBM Plex Mono", monospace !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Preguntas del acordeón */
.ticss-165b0b7d h3,
.ticss-165b0b7d .wp-block-details summary,
.ticss-165b0b7d .wp-block-accordion-header {
    font-family: "Poppins", monospace !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* Respuestas */
.ticss-165b0b7d p,
.ticss-165b0b7d .wp-block-details p,
.ticss-165b0b7d .wp-block-accordion-content {
    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* Ajuste para celular */
@media (max-width: 768px) {
    .ticss-165b0b7d > h1,
    .ticss-165b0b7d > h2 {
        font-size: 30px !important;
    }

    .ticss-165b0b7d h3,
    .ticss-165b0b7d .wp-block-details summary,
    .ticss-165b0b7d .wp-block-accordion-header {
        font-size: 21px !important;
    }

    .ticss-165b0b7d p,
    .ticss-165b0b7d .wp-block-details p,
    .ticss-165b0b7d .wp-block-accordion-content {
        font-size: 16px !important;
    }
}
.ticss-165b0b7d,
.ticss-165b0b7d p,
.ticss-165b0b7d span,
.ticss-165b0b7d div,
.ticss-165b0b7d summary,
.ticss-165b0b7d .wp-block-details,
.ticss-165b0b7d .wp-block-details p,
.ticss-165b0b7d .wp-block-accordion-content {
    font-family: "Poppins", Arial, sans-serif !important;
}.ticss-d5907047 {
  animation: reveal 1.5s ease-out;
}
@keyframes reveal {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}/* EFECTO SUAVE SOY OPEN */
.soyopen-efecto-suave img {
    transition:
        transform 0.55s ease,
        filter 0.45s ease !important;

    transform: scale(1) !important;
    filter: brightness(1) !important;
    transform-origin: center center !important;
}

/* AL PASAR EL MOUSE */
.soyopen-efecto-suave:hover img {
    transform: scale(1.00) !important;
    filter: brightness(0.60) !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: 11px 20px !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;
}/* EFECTO SUAVE SOY OPEN */
.soyopen-efecto-suave img {
    transition:
        transform 0.55s ease,
        filter 0.45s ease !important;

    transform: scale(1) !important;
    filter: brightness(1) !important;
    transform-origin: center center !important;
}

/* AL PASAR EL MOUSE */
.soyopen-efecto-suave:hover img {
    transform: scale(1.00) !important;
    filter: brightness(0.60) !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: 11px 20px !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;
}/* TARJETA SOY OPEN */
.tarjeta-soyopen {
    position: relative !important;
    border-radius: 15px !important;
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease !important;
}

/* CONTENEDOR CIRCULAR DE LA IMAGEN */
.tarjeta-soyopen > figure,
.tarjeta-soyopen > .wp-block-image {
    position: relative !important;

    width: 320px !important;
    height: 320px !important;
    max-width: 90% !important;

    margin: 0 auto 25px auto !important;
    padding: 0 !important;

    border-radius: 50% !important;
    overflow: hidden !important;

    aspect-ratio: 1 / 1 !important;
}

/* IMAGEN */
.tarjeta-soyopen > figure > img,
.tarjeta-soyopen > .wp-block-image > img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    border-radius: 50% !important;

    transform: scale(1) !important;
    transform-origin: center center !important;

    filter: brightness(1) !important;

    transition:
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.45s ease !important;

    will-change: transform, filter !important;
}

/* EFECTO AL PASAR EL MOUSE */
.tarjeta-soyopen:hover > figure > img,
.tarjeta-soyopen:hover > .wp-block-image > img {
    transform: scale(1.18) !important;

    filter:
        brightness(0.55)
        contrast(1.05) !important;
}

/* ELEVACIÓN MUY SUAVE DE LA TARJETA */
.tarjeta-soyopen:hover {
    transform: translateY(-5px) !important;
}

/* TABLET */
@media (max-width: 1024px) {

    .tarjeta-soyopen > figure,
    .tarjeta-soyopen > .wp-block-image {
        width: 280px !important;
        height: 280px !important;
    }
}

/* MÓVIL */
@media (max-width: 768px) {

    .tarjeta-soyopen > figure,
    .tarjeta-soyopen > .wp-block-image {
        width: 220px !important;
        height: 220px !important;
        max-width: 85% !important;
    }

    .tarjeta-soyopen:hover > figure > img,
    .tarjeta-soyopen:hover > .wp-block-image > img {
        transform: scale(1.12) !important;
        filter: brightness(0.62) !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: 11px 20px !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;
}.ticss-a04039ad > h1,
.ticss-a04039ad > h2 {
    font-family: "IBM Plex Mono", monospace !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Preguntas del acordeón */
.ticss-a04039ad h3,
.ticss-a04039ad .wp-block-details summary,
.ticss-a04039ad .wp-block-accordion-header {
    font-family: "Poppins", monospace !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* Respuestas */
.ticss-a04039ad p,
.ticss-a04039ad .wp-block-details p,
.ticss-a04039ad .wp-block-accordion-content {
    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* Ajuste para celular */
@media (max-width: 768px) {
    .ticss-a04039ad > h1,
    .ticss-a04039ad > h2 {
        font-size: 30px !important;
    }

    .ticss-a04039ad h3,
    .ticss-a04039ad .wp-block-details summary,
    .ticss-a04039ad .wp-block-accordion-header {
        font-size: 21px !important;
    }

    .ticss-a04039ad p,
    .ticss-a04039ad .wp-block-details p,
    .ticss-a04039ad .wp-block-accordion-content {
        font-size: 16px !important;
    }
}
.ticss-a04039ad,
.ticss-a04039ad p,
.ticss-a04039ad span,
.ticss-a04039ad div,
.ticss-a04039ad summary,
.ticss-a04039ad .wp-block-details,
.ticss-a04039ad .wp-block-details p,
.ticss-a04039ad .wp-block-accordion-content {
    font-family: "Poppins", Arial, sans-serif !important;
}.ticss-e00fa9ce > h1,
.ticss-e00fa9ce > h2 {
    font-family: "IBM Plex Mono", monospace !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Preguntas del acordeón */
.ticss-e00fa9ce h3,
.ticss-e00fa9ce .wp-block-details summary,
.ticss-e00fa9ce .wp-block-accordion-header {
    font-family: "Poppins", monospace !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* Respuestas */
.ticss-e00fa9ce p,
.ticss-e00fa9ce .wp-block-details p,
.ticss-e00fa9ce .wp-block-accordion-content {
    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* Ajuste para celular */
@media (max-width: 768px) {
    .ticss-e00fa9ce > h1,
    .ticss-e00fa9ce > h2 {
        font-size: 30px !important;
    }

    .ticss-e00fa9ce h3,
    .ticss-e00fa9ce .wp-block-details summary,
    .ticss-e00fa9ce .wp-block-accordion-header {
        font-size: 21px !important;
    }

    .ticss-e00fa9ce p,
    .ticss-e00fa9ce .wp-block-details p,
    .ticss-e00fa9ce .wp-block-accordion-content {
        font-size: 16px !important;
    }
}
.ticss-e00fa9ce,
.ticss-e00fa9ce p,
.ticss-e00fa9ce span,
.ticss-e00fa9ce div,
.ticss-e00fa9ce summary,
.ticss-e00fa9ce .wp-block-details,
.ticss-e00fa9ce .wp-block-details p,
.ticss-e00fa9ce .wp-block-accordion-content {
    font-family: "Poppins", Arial, sans-serif !important;
}.ticss-23b38c3d > h1,
.ticss-23b38c3d > h2 {
    font-family: "IBM Plex Mono", monospace !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Preguntas del acordeón */
.ticss-23b38c3d h3,
.ticss-23b38c3d .wp-block-details summary,
.ticss-23b38c3d .wp-block-accordion-header {
    font-family: "Poppins", monospace !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* Respuestas */
.ticss-23b38c3d p,
.ticss-23b38c3d .wp-block-details p,
.ticss-23b38c3d .wp-block-accordion-content {
    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* Ajuste para celular */
@media (max-width: 768px) {
    .ticss-23b38c3d > h1,
    .ticss-23b38c3d > h2 {
        font-size: 30px !important;
    }

    .ticss-23b38c3d h3,
    .ticss-23b38c3d .wp-block-details summary,
    .ticss-23b38c3d .wp-block-accordion-header {
        font-size: 21px !important;
    }

    .ticss-23b38c3d p,
    .ticss-23b38c3d .wp-block-details p,
    .ticss-23b38c3d .wp-block-accordion-content {
        font-size: 16px !important;
    }
}
.ticss-23b38c3d,
.ticss-23b38c3d p,
.ticss-23b38c3d span,
.ticss-23b38c3d div,
.ticss-23b38c3d summary,
.ticss-23b38c3d .wp-block-details,
.ticss-23b38c3d .wp-block-details p,
.ticss-23b38c3d .wp-block-accordion-content {
    font-family: "Poppins",Arial,sans-serif !important}