.elementor-124 .elementor-element.elementor-element-c0a568c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:9em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-124 .elementor-element.elementor-element-48e9969{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-124 .elementor-element.elementor-element-e5a6ee3{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-124 .elementor-element.elementor-element-e5a6ee3 img{border-radius:12px 12px 12px 12px;}.elementor-124 .elementor-element.elementor-element-8273455{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-124 .elementor-element.elementor-element-2756e59 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 15px 0px 15px;}.elementor-124 .elementor-element.elementor-element-2756e59.elementor-element{--align-self:center;}.elementor-124 .elementor-element.elementor-element-6e98e55{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-124 .elementor-element.elementor-element-8a50e02{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-124 .elementor-element.elementor-element-76de029 .available-list li{color:var( --e-global-color-cdefd13 );}.elementor-124 .elementor-element.elementor-element-76de029 .th-btn{background-color:var( --e-global-color-cdefd13 );}@media(min-width:768px){.elementor-124 .elementor-element.elementor-element-48e9969{--width:33.33%;}.elementor-124 .elementor-element.elementor-element-8273455{--width:66.66%;}.elementor-124 .elementor-element.elementor-element-8a50e02{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-124 .elementor-element.elementor-element-48e9969{--width:100%;}.elementor-124 .elementor-element.elementor-element-8273455{--width:100%;}.elementor-124 .elementor-element.elementor-element-8a50e02{--width:100%;}}@media(max-width:1024px){.elementor-124 .elementor-element.elementor-element-c0a568c{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-124 .elementor-element.elementor-element-48e9969{--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-124 .elementor-element.elementor-element-8273455{--padding-top:30px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-124 .elementor-element.elementor-element-2756e59 > .elementor-widget-container{padding:0px 32px 0px 32px;}.elementor-124 .elementor-element.elementor-element-6e98e55{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-124 .elementor-element.elementor-element-8a50e02{--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}}@media(max-width:767px){.elementor-124 .elementor-element.elementor-element-48e9969{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-124 .elementor-element.elementor-element-8273455{--padding-top:30px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-124 .elementor-element.elementor-element-2756e59 > .elementor-widget-container{padding:0px 12px 0px 12px;}.elementor-124 .elementor-element.elementor-element-8a50e02{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}}/* Start custom CSS for schoncontactform, class: .elementor-element-2756e59 *//* 1. "APAGAR" LA ANIMACIÓN NARANJA DEL TEMA */
.contact-form button.th-btn.fw-btn::before,
.contact-form button.th-btn.fw-btn:hover::before {
    display: none !important; /* Oculta el before que trae el tema */
}

/* 2. ESTADO NORMAL: Oro Metalizado Rico */
.contact-form button.th-btn.fw-btn {
    background-image: linear-gradient(135deg, #c39a3f 0%, #e9d18e 15%, #f9e8a8 40%, #ffffff 50%, #f9e8a8 60%, #e9d18e 85%, #c39a3f 100%) !important;
    background-color: transparent !important;
    border: 1px solid #c39a3f !important;
    color: #111111 !important;
    font-weight: 700 !important;
    position: relative !important;
    overflow: hidden !important; 
    transition: all 0.3s ease !important;
    z-index: 1 !important; /* Asegura que el botón esté por encima de fondos raros */
}

/* 3. EFECTO DE DESTELLO (Sobrescribiendo el ::after naranja del tema) */
.contact-form button.th-btn.fw-btn::after,
.contact-form button.th-btn.fw-btn:hover::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -150px !important; 
    width: 60px !important;
    height: 100% !important;
    
    /* Matamos el color naranja del tema y ponemos nuestro destello blanco */
    background-color: transparent !important; 
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%) !important;
    
    transform: skewX(-30deg) !important;
    transition: none !important; 
    z-index: 2 !important;
    display: block !important;
}

/* 4. ESTADO HOVER (Al pasar el ratón) */
.contact-form button.th-btn.fw-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(183, 138, 66, 0.4) !important; 
    color: #000000 !important;
}

/* 5. ANIMACIÓN DEL DESTELLO */
.contact-form button.th-btn.fw-btn:hover::after {
    left: 120% !important; /* Mueve el destello de izquierda a derecha */
    transition: left 0.6s ease-in-out !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e98e55 *//* 1. Contenedor principal: Convertir a Flexbox */
.contact-info-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; /* Espacio de separación entre las tarjetas */
}

/* 2. Forzar que el área del título ocupe toda la fila superior */
.contact-info-wrap .title-area {
    width: 100%;
    margin-bottom: 20px;
}

/* 3. Tarjetas en horizontal */
.contact-info-wrap .contact-info {
    flex: 1; /* Hace que las 3 cajas tengan el mismo ancho */
    min-width: 280px; /* IMPORTANTE: Asegura que en celulares se pongan una debajo de otra y no se aplasten */
}

/* 4. Cambiar el color de fondo de los íconos */
.contact-info-wrap .contact-info_icon {
    background-color: #000000 !important; /* Fondo negro (Cámbialo por tu color hexadecimal si prefieres otro) */
    color: #ffffff !important; /* Color del ícono (blanco) */
    border: none !important; /* Elimina cualquier borde no deseado */
}/* End custom CSS */