.elementor-3360 .elementor-element.elementor-element-a23e1a5{--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;--overlay-opacity:0.31;}.elementor-3360 .elementor-element.elementor-element-a23e1a5::before, .elementor-3360 .elementor-element.elementor-element-a23e1a5 > .elementor-background-video-container::before, .elementor-3360 .elementor-element.elementor-element-a23e1a5 > .e-con-inner > .elementor-background-video-container::before, .elementor-3360 .elementor-element.elementor-element-a23e1a5 > .elementor-background-slideshow::before, .elementor-3360 .elementor-element.elementor-element-a23e1a5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3360 .elementor-element.elementor-element-a23e1a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#C2A74E;background-image:url("https://clinicakoi.cl/wp-content/uploads/2026/03/ClinicaKOI-1.jpg");--background-overlay:'';}.elementor-3360 .elementor-element.elementor-element-ee86023{--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;}.elementor-3360 .elementor-element.elementor-element-ad9048b{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3360 .elementor-element.elementor-element-55d233c{margin:98px 34px calc(var(--kit-widget-spacing, 0px) + 34px) 34px;text-align:center;}.elementor-3360 .elementor-element.elementor-element-55d233c img{width:45%;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3360 .elementor-element.elementor-element-25c36e6c iframe{height:550px;}.elementor-3360 .elementor-element.elementor-element-5a75f4f8 > .elementor-background-overlay{background-image:url("https://clinicakoi.cl/wp-content/uploads/2023/09/footer-bg-1-1.png");background-position:center center;background-size:cover;opacity:0.03;mix-blend-mode:luminosity;}.elementor-3360 .elementor-element.elementor-element-5a75f4f8 > .elementor-container{max-width:1200px;}.elementor-3360 .elementor-element.elementor-element-e035642 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-3360 .elementor-element.elementor-element-627d17c5 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-3360 .elementor-element.elementor-element-45836f48 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-3360 .elementor-element.elementor-element-587807d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-3360 .elementor-element.elementor-element-4052747c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-3360 .elementor-element.elementor-element-5e49e74 .footer-widget__title{color:#FFFFFF;}.elementor-3360 .elementor-element.elementor-element-5e49e74 .footer-widget__text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#FFFFFF;}@media(max-width:1024px){.elementor-3360 .elementor-element.elementor-element-5a75f4f8 > .elementor-container{max-width:720px;}}@media(max-width:767px){.elementor-3360 .elementor-element.elementor-element-5a75f4f8{padding:0px 15px 0px 15px;}}@media(min-width:768px){.elementor-3360 .elementor-element.elementor-element-ee86023{--width:50%;}.elementor-3360 .elementor-element.elementor-element-ad9048b{--width:50%;}.elementor-3360 .elementor-element.elementor-element-627d17c5{width:33.33%;}.elementor-3360 .elementor-element.elementor-element-45836f48{width:16.67%;}.elementor-3360 .elementor-element.elementor-element-587807d{width:25%;}.elementor-3360 .elementor-element.elementor-element-4052747c{width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3360 .elementor-element.elementor-element-627d17c5{width:50%;}.elementor-3360 .elementor-element.elementor-element-587807d{width:50%;}.elementor-3360 .elementor-element.elementor-element-4052747c{width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-d42952d *//* =======================================================
   ESTILOS PARA FORMULARIO CONTACT FORM 7 (NEGRO Y DORADO)
   ======================================================= */

/* Contenedor principal del formulario */
.wpcf7 {
    background: rgba(15, 15, 15, 0.85); /* Fondo negro semitransparente */
    padding: 35px 30px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(212, 175, 55, 0.15); /* Borde con un sutil toque dorado */
    max-width: 600px;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif;
    color: #f8f9fa;
    backdrop-filter: blur(10px);
}

/* Estilo de las etiquetas (Textos como "Tu nombre") */
.wpcf7 label {
    display: block;
    margin-bottom: 22px;
    font-weight: 500;
    font-size: 0.95rem;
    color: #d4af37; /* Dorado clásico */
    margin-top: 15px;
}

/* Campos de entrada de texto y área de mensaje */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    width: 100%;
    padding: 14px 18px;
    margin-top: 8px;
    background-color: rgba(0, 0, 0, 0.7); /* Fondo de input negro profundo */
    border: 1px solid rgba(212, 175, 55, 0.3); /* Borde dorado apagado */
    border-radius: 8px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* Efecto al hacer clic en los campos (Focus) */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
    outline: none;
    border-color: #d4af37; /* Dorado brillante al seleccionar */
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.25);
    background-color: #000000;
}

/* Ajuste específico para el área de texto */
.wpcf7 textarea {
    resize: vertical;
    min-height: 70px;
    height: 80px;
}

/* Botón de Enviar */
.wpcf7 input[type="submit"] {
    background: linear-gradient(135deg, #b8860b, #d4af37); /* Degradado dorado elegante */
    color: #000000; /* Texto negro para máximo contraste con el oro */
    border: none;
    padding: 16px 24px;
    font-size: 1.1rem;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 15px;
}

/* Efecto Hover del botón de Enviar */
.wpcf7 input[type="submit"]:hover {
    background: linear-gradient(135deg, #d4af37, #ffd700); /* Dorado más iluminado al pasar el mouse */
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4);
    transform: translateY(-2px);
}

/* Mensajes de validación (Error en campos) */
.wpcf7-not-valid-tip {
    color: #ff4757;
    font-size: 0.85rem;
    margin-top: 6px;
    font-weight: 500;
    display: block;
}

/* Caja de respuesta final (Éxito o Error general) */
.wpcf7 form .wpcf7-response-output {
    border-radius: 8px;
    margin-top: 25px;
    padding: 15px;
    text-align: center;
    font-weight: 500;
    font-size: 0.95rem;
    border: none !important;
}

/* Mensaje de éxito al enviar */
.wpcf7 form.sent .wpcf7-response-output {
    background-color: rgba(212, 175, 55, 0.1);
    color: #d4af37;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

/* Mensaje de error al enviar */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    background-color: rgba(255, 71, 87, 0.1);
    color: #ff4757;
    border: 1px solid rgba(255, 71, 87, 0.3) !important;
}

/* Spinner de carga */
.wpcf7 .wpcf7-spinner {
    background-color: #d4af37;
}/* End custom CSS */