.elementor-20 .elementor-element.elementor-element-df9171c{--display:flex;--background-transition:0.3s;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-20 .elementor-element.elementor-element-471f5f7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-26d74fa > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-26d74fa{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-26d74fa.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-4d08235{--display:flex;--min-height:50px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}/* Start custom CSS for html, class: .elementor-element-471f5f7 *//* Paleta de colores basada en lo proporcionado */
:root {
    --gris-oscuro: #3A3A38;
    --gris-clarito: #D9D9D9;
    --verde: #D5DD00;
    --gris: #333333;
    --amarillo: #D4DC00;
    --fuente-principal: 'Roboto Black', sans-serif;
    --fuente-secundaria: 'Roboto Reg', sans-serif;
}

/* Contenedor principal */
.contact-container {
    width: 100%;
    padding: 30px;
    background-color: var(--gris-clarito); /* Fondo gris clarito */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Encabezado */
.contact-header {
    text-align: center;
    margin-bottom: 30px;
}

.contact-header h2 {
    font-size: 48px;
    color: var(--gris-oscuro); /* Título en gris oscuro */
    font-family: var(--fuente-principal);
}

/* Estilo de las columnas */
.contact-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Estilo de cada sección de información */
.contact-item {
    width: 30%; /* Cada columna ocupa un 30% del ancho en pantallas grandes */
    margin-bottom: 20px;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid var(--gris-clarito);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.contact-item h3 {
    font-size: 22px;
    color: var(--verde); /* Títulos en verde */
    font-family: var(--fuente-principal);
    margin-bottom: 10px;
    border-bottom: 2px solid var(--gris-clarito);
    padding-bottom: 5px;
}

.contact-item p, .contact-item ul {
    font-size: 16px;
    color: var(--gris); /* Texto en gris oscuro */
    line-height: 1.6;
    font-family: var(--fuente-secundaria);
}

/* Lista de detalles de contacto */
.contact-details ul {
    list-style: none;
    padding: 0;
}

.contact-details li {
    margin-bottom: 10px;
}

.contact-details a {
    color: var(--gris-oscuro);
    text-decoration: none;
    font-weight: bold;
}

.contact-details a:hover {
    text-decoration: underline;
    color: var(--amarillo); /* Efecto hover en amarillo */
}

/* Estilo para el contenedor del mapa */
.map-container {
    width: 100%;
    height: 200px;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Estilo de la columna de horarios */
.office-hours p {
    background: var(--verde); /* Fondo verde */
    color: var(--gris-oscuro); /* Texto en gris oscuro */
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    font-family: var(--fuente-secundaria);
}

/* Estilo de los encabezados para que tengan la misma fuente */
.contact-item h3, .contact-header h2 {
    font-family: var(--fuente-principal);
}

/* --- Media Queries para Responsividad --- */
@media screen and (max-width: 768px) {
    .contact-item {
        width: 100%; /* Apila las columnas una debajo de otra en pantallas pequeñas */
        margin-bottom: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for wpforms, class: .elementor-element-26d74fa */.wpforms-field-textarea{
    width: 100%;
}
#wpforms-43-field_1{
    width: 100% !important;
}
.wpforms-submit{
    width: 100% !important;
    font-size:18px !important;
}
.wpforms-container .wpforms-field-row.wpforms-field-medium,  .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium {
    max-width: 100% !important;
}
#wpforms-43-field_1{
    max-width: 100%;
}

/* Estilo de los inputs */
.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field input[type="number"],
.wpforms-field textarea {
    width: 100% !important; /* Asegura que ocupe el 100% del espacio disponible */
    padding: 15px;
    margin: 5px 0 15px 0;
    border: 1px solid #D9D9D9; /* Borde gris claro */
    border-radius: 5px;
    font-family: 'Roboto Reg', sans-serif;
    font-size: 16px;
    color: #333333; /* Texto gris */
    transition: border 0.3s ease-in-out, background 0.3s ease-in-out;
    box-sizing: border-box; /* Incluye el padding y el borde en el ancho */
}

/* Ajustes específicos para el textarea */
.wpforms-field textarea {
    height: 150px; /* Asegura una altura adecuada para el textarea */
}/* End custom CSS */