.elementor-27702 .elementor-element.elementor-element-c17ebc8{--display:flex;}.elementor-27702 .elementor-element.elementor-element-46196ad{text-align:center;}.elementor-27702 .elementor-element.elementor-element-46196ad .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:normal;color:#019FBC;}.elementor-27702 .elementor-element.elementor-element-aece425{--display:flex;}.elementor-27702 .elementor-element.elementor-element-13005ec{--spacer-size:50px;}.elementor-27702 .elementor-element.elementor-element-2a495a2{--display:flex;}.elementor-27702 .elementor-element.elementor-element-771376d{--display:flex;}.elementor-27702 .elementor-element.elementor-element-30f3807{--spacer-size:50px;}/* Start custom CSS for shortcode, class: .elementor-element-078d6d5 *//* Importar la fuente Roboto de Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;800&display=swap');

/* Contenedor exterior y centrado estricto */
div.wpcf7 {
    background-color: transparent !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
}

/* Caja principal cian */
.pqr-form-container,
.wpcf7 > form {
    position: relative !important;
    background-color: #019FBC !important;
    border-radius: 24px !important;
    padding: 40px 35px !important;
    max-width: 580px !important;
    width: 100% !important;
    margin: 0 auto !important;
    box-shadow: -12px 10px 25px rgba(0, 0, 0, 0.18), 12px 10px 25px rgba(0, 0, 0, 0.18) !important;
    box-sizing: border-box !important;
    font-family: 'Roboto', sans-serif !important;
}

/* Tipografía y Encabezados */
.cf7-title {
    color: #ffffff !important;
    text-align: center !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    margin: 0 0 6px 0 !important;
}

.cf7-subtitle {
    color: #ffffff !important;
    text-align: center !important;
    font-size: 14px !important;
    margin: 0 0 25px 0 !important;
    opacity: 0.95 !important;
}

/* Etiquetas y separación de los campos basados en etiquetas nativas de CF7 */
.wpcf7 form label {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: block !important;
    margin-bottom: 22px !important;
    font-family: 'Roboto', sans-serif !important;
}

/* Espacio real empujando la pastilla hacia abajo respecto al texto de la etiqueta */
.wpcf7 form label .wpcf7-form-control-wrap,
.wpcf7-form-control-wrap {
    margin-top: 10px !important;
    display: block !important;
    width: 100% !important;
}

/* Campos de entrada (Inputs, Teléfono, Email, Select y Textarea) */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
    width: 100% !important;
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 12px 18px !important;
    font-size: 14px !important;
    color: #333333 !important;
    outline: none !important;
    box-sizing: border-box !important;
    font-family: 'Roboto', sans-serif !important;
}

/* Flecha personalizada del Select */
.wpcf7 select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 16px !important;
    cursor: pointer !important;
}

.wpcf7 textarea {
    border-radius: 16px !important;
    height: 110px !important;
    resize: vertical !important;
}

/* Botón Enviar */
.wpcf7 input[type="submit"] {
    background-color: #ffffff !important;
    color: #019FBC !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 12px 45px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    max-width: 320px !important;
    display: block !important;
    margin: 25px auto 0 auto !important;
    font-family: 'Roboto', sans-serif !important;
}

.wpcf7 input[type="submit"]:hover {
    background-color: #39393A !important;
    color: #ffffff !important;
}

/* Diseño Responsivo */
@media (max-width: 600px) {
    .pqr-form-container,
    .wpcf7 > form {
        padding: 30px 20px !important;
        border-radius: 18px !important;
    }
    .cf7-title {
        font-size: 22px !important;
    }
}/* End custom CSS */