.elementor-8 .elementor-element.elementor-element-1e6bb73{--display:flex;--min-height:0vh;--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.4;--padding-top:230px;--padding-bottom:230px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-1e6bb73:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-1e6bb73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vozdeavivamiento.online/wp-content/uploads/2026/04/Contacto-Voz-Celestial-scaled.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-1e6bb73::before, .elementor-8 .elementor-element.elementor-element-1e6bb73 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-1e6bb73 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-1e6bb73 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-1e6bb73 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-1e6bb73 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor7 );--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-e0b235d{--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:69px 69px;--row-gap:69px;--column-gap:69px;--padding-top:78px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-701130c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-5e86db5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-5e86db5{text-align:start;}.elementor-8 .elementor-element.elementor-element-5e86db5 .elementor-heading-title{font-size:32px;}.elementor-8 .elementor-element.elementor-element-b5e0773 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-b5e0773 .elementor-icon-box-wrapper{text-align:start;}.elementor-8 .elementor-element.elementor-element-b5e0773 .elementor-icon-box-title{margin-block-end:5px;}.elementor-8 .elementor-element.elementor-element-50637d7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-50637d7 .elementor-icon-box-wrapper{text-align:start;}.elementor-8 .elementor-element.elementor-element-50637d7 .elementor-icon-box-title{margin-block-end:5px;}.elementor-8 .elementor-element.elementor-element-6d531d1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-6d531d1 .elementor-icon-box-wrapper{text-align:start;}.elementor-8 .elementor-element.elementor-element-6d531d1 .elementor-icon-box-title{margin-block-end:5px;}.elementor-8 .elementor-element.elementor-element-8394657 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-8394657{text-align:start;}.elementor-8 .elementor-element.elementor-element-8394657 .elementor-heading-title{color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-d12cf67{--grid-template-columns:repeat(0, auto);--icon-size:16px;--grid-column-gap:11px;--grid-row-gap:0px;}.elementor-8 .elementor-element.elementor-element-d12cf67 .elementor-widget-container{text-align:left;}.elementor-8 .elementor-element.elementor-element-d12cf67 .elementor-social-icon{background-color:var( --e-global-color-astglobalcolor0 );--icon-padding:0.7em;}.elementor-8 .elementor-element.elementor-element-d12cf67 .elementor-social-icon i{color:var( --e-global-color-astglobalcolor5 );}.elementor-8 .elementor-element.elementor-element-d12cf67 .elementor-social-icon svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-8 .elementor-element.elementor-element-d12cf67 .elementor-social-icon:hover{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-8 .elementor-element.elementor-element-090ab39{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-8 .elementor-element.elementor-element-42b45cd iframe{height:402px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-1e6bb73{--padding-top:245px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-8 .elementor-element.elementor-element-e0b235d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;}.elementor-8 .elementor-element.elementor-element-b5e0773 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-b5e0773 .elementor-icon-box-title{margin-block-end:10px;}.elementor-8 .elementor-element.elementor-element-50637d7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-50637d7 .elementor-icon-box-title{margin-block-end:10px;}.elementor-8 .elementor-element.elementor-element-6d531d1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-6d531d1 .elementor-icon-box-title{margin-block-end:10px;}.elementor-8 .elementor-element.elementor-element-d12cf67{--icon-size:16px;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-1e6bb73:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-1e6bb73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vozdeavivamiento.online/wp-content/uploads/2026/04/Contacto-Voz-Celestial-scaled.jpg");background-position:bottom center;}.elementor-8 .elementor-element.elementor-element-1e6bb73{--width:500px;--min-height:33vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-e0b235d{--padding-top:0px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-701130c{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-5e86db5{text-align:start;}.elementor-8 .elementor-element.elementor-element-5e86db5 .elementor-heading-title{font-size:18px;}.elementor-8 .elementor-element.elementor-element-b5e0773 .elementor-icon-box-wrapper{text-align:start;}.elementor-8 .elementor-element.elementor-element-b5e0773 .elementor-icon-box-title{margin-block-end:8px;}.elementor-8 .elementor-element.elementor-element-50637d7 .elementor-icon-box-wrapper{text-align:start;}.elementor-8 .elementor-element.elementor-element-50637d7 .elementor-icon-box-title{margin-block-end:8px;}.elementor-8 .elementor-element.elementor-element-6d531d1 .elementor-icon-box-wrapper{text-align:start;}.elementor-8 .elementor-element.elementor-element-6d531d1 .elementor-icon-box-title{margin-block-end:8px;}.elementor-8 .elementor-element.elementor-element-8394657{text-align:start;}.elementor-8 .elementor-element.elementor-element-d12cf67{--grid-template-columns:repeat(3, auto);--icon-size:15px;--grid-column-gap:13px;}.elementor-8 .elementor-element.elementor-element-d12cf67 .elementor-widget-container{text-align:left;}.elementor-8 .elementor-element.elementor-element-090ab39{--margin-top:-33px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-1e6bb73{--width:100%;}.elementor-8 .elementor-element.elementor-element-e0b235d{--content-width:1140px;}.elementor-8 .elementor-element.elementor-element-701130c{--width:45%;}.elementor-8 .elementor-element.elementor-element-090ab39{--width:47%;}}/* Start custom CSS *//* ============================================================
   CONTACTO: DISEÑO GALÁCTICO AVANZADO CON NEÓN Y ANIMACIONES
   ============================================================ */

/* 1. CONTENEDOR PADRE: Fondo Estrellado de Colores */
.seccion-contacto-pro {
    /* Degradado base profundo */
    background: radial-gradient(circle at center, #0a1a38 0%, #050b18 100%) !important;
    padding: clamp(50px, 10vh, 100px) 5% !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 50px;
    position: relative;
    overflow: hidden;
}

/* Capa de Estrellas 1 (Pequeñas y Azules) */
.seccion-contacto-pro::before {
    content: '';
    position: absolute;
    top: -50%; left: -50%; width: 200%; height: 200%;
    background-image: 
        radial-gradient(1px 1px at 20px 30px, #00d4ff, rgba(0,0,0,0)),
        radial-gradient(1.5px 1.5px at 50px 160px, #0066ff, rgba(0,0,0,0)),
        radial-gradient(1px 1px at 80px 120px, #fff, rgba(0,0,0,0)),
        radial-gradient(2px 2px at 110px 210px, #00d4ff, rgba(0,0,0,0));
    background-size: 300px 300px;
    opacity: 0.4;
    animation: corrienteEstelar 120s linear infinite;
    pointer-events: none;
}

/* Capa de Estrellas 2 (Más brillantes y Coloridas) */
.seccion-contacto-pro::after {
    content: '';
    position: absolute;
    top: -50%; left: -50%; width: 200%; height: 200%;
    background-image: 
        radial-gradient(2px 2px at 100px 100px, #fff, rgba(0,0,0,0)),
        radial-gradient(1.5px 1.5px at 200px 300px, #00d4ff, rgba(0,0,0,0)),
        radial-gradient(2.5px 2.5px at 150px 400px, #ff00ff, rgba(0,0,0,0)), /* Toque Violeta */
        radial-gradient(1px 1px at 250px 200px, #fff, rgba(0,0,0,0));
    background-size: 500px 500px;
    opacity: 0.3;
    animation: corrienteEstelar 80s linear infinite reverse;
    pointer-events: none;
}

@keyframes corrienteEstelar {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, -50%, 0); }
}

/* 2. COLUMNA INFO: Cristal y Título con Resplandor */
.columna-info-contacto {
    flex: 1;
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(12px);
    border-radius: 25px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 40px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.5) !important;
    z-index: 2;
}

/* TÍTULO CON RESPLANDOR NEÓN */
.columna-info-contacto h2 {
    color: #ffffff !important;
    font-size: clamp(28px, 4vw, 40px) !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    margin-bottom: 30px !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(0, 212, 255, 0.4) !important;
}

/* Textos informativos */
.columna-info-contacto p, 
.columna-info-contacto span,
.columna-info-contacto i {
    color: #ffffff !important;
    text-shadow: 0 2px 5px rgba(0,0,0,0.5) !important;
}

.columna-info-contacto strong, 
.columna-info-contacto b {
    color: #00d4ff !important;
    display: block;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* ICONOS DE REDES SOCIALES (Flotación y Neón) */
.columna-info-contacto .elementor-icon {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease !important;
    animation: flotacionRedes 5s ease-in-out infinite;
    backface-visibility: hidden;
    transform: translateZ(0); /* Antivibración */
}

@keyframes flotacionRedes {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

/* Desfase de animación para cada icono */
.columna-info-contacto .elementor-icon-list-item:nth-child(even) .elementor-icon {
    animation-delay: 2s;
}

/* HOVER EN REDES SOCIALES (Efecto Neón Explosivo) */
.columna-info-contacto .elementor-icon:hover {
    background: #00d4ff !important;
    transform: translateY(-10px) scale(1.15) !important;
    box-shadow: 0 0 25px rgba(0, 212, 255, 0.8) !important;
    animation-play-state: paused; /* Detiene la flotación al hover */
}

/* 3. COLUMNA MAPA: Marco Neón y Ajuste Perfecto */
.columna-mapa-contacto {
    flex: 1;
    min-height: 450px !important;
    border-radius: 25px !important;
    position: relative;
    padding: 0 !important;
    border: 3px solid #00d4ff !important;
    box-shadow: 0 0 25px rgba(0, 212, 255, 0.5) !important;
    overflow: hidden !important;
    z-index: 2;
}

/* Forzar llenado del mapa */
.columna-mapa-contacto .elementor-widget-google_maps,
.columna-mapa-contacto .elementor-widget-container,
.columna-mapa-contacto .elementor-custom-embed,
.columna-mapa-contacto iframe {
    width: 100% !important;
    height: 100% !important; 
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 22px !important;
}

/* Filtro Dark para el Mapa */
.columna-mapa-contacto iframe {
    filter: grayscale(1) invert(0.9) contrast(1.2);
    transition: all 0.5s ease;
}

.columna-mapa-contacto:hover iframe {
    filter: grayscale(0) invert(0) contrast(1);
}

/* 4. ADAPTABILIDAD */
@media (max-width: 1024px) {
    .seccion-contacto-pro {
        flex-direction: column !important;
        padding: 40px 20px !important;
        gap: 30px;
    }
    .columna-info-contacto, .columna-mapa-contacto {
        width: 100% !important;
        min-height: 350px !important;
    }
}/* End custom CSS */