.elementor-146 .elementor-element.elementor-element-a1611ee{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;--z-index:999;}/* Start custom CSS for shortcode, class: .elementor-element-79ee4ab *//* ------------------------------------------
   FORMULARIO CITA — Gravity Forms #1
------------------------------------------- */

/* Fuente Montserrat en todo el formulario */
#gform_wrapper_1,
#gform_wrapper_1 * {
    font-family: "Montserrat", sans-serif !important;
}

/* Título centrado, medium y color #2CA4A2 */
#gform_wrapper_1 .gform_title {
    font-weight: 500;
    color: #2CA4A2;
    text-align: center;
}

/* Descripción centrada */
#gform_wrapper_1 .gform_description {
    text-align: center;
}

/* --------------------------
   CENTRAR PASOS DEL FORM
--------------------------- */

#gform_wrapper_1 .gf_page_steps {
    display: flex;
    justify-content: center;
    gap: 20px;
}

#gform_wrapper_1 .gf_step {
    text-align: center;
}

#gform_wrapper_1 .gf_step_number,
#gform_wrapper_1 .gf_step_label {
    display: block;
    text-align: center;
}

/* --------------------------
   CENTRAR CAMPOS DEL FORM
--------------------------- */

#gform_wrapper_1 form,
#gform_wrapper_1 .gform_body,
#gform_wrapper_1 .gform_page,
#gform_wrapper_1 .gform_fields,
#gform_wrapper_1 .gform_page_footer {
    text-align: center;
}

/* Ancho máximo para inputs y selects */
#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="tel"],
#gform_wrapper_1 select {
    max-width: 350px !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Input de fecha más estrecho */
#gform_wrapper_1 .ginput_container_date input {
    max-width: 250px !important;
    margin-left: auto;
    margin-right: auto;
}

/* Centrar contenedor del campo de fecha */
#gform_wrapper_1 .ginput_container_date {
    text-align: center;
}

/* --------------------------
   BOTONES CENTRADOS
--------------------------- */

#gform_wrapper_1 .gform_page_footer {
    display: flex;
    justify-content: center;
    gap: 20px;
}

/* Botón "Siguiente" centrado */
#gform_next_button_1_13 {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Botón de envío amarillo */
#gform_submit_button_1 {
    background-color: #FFD600;
    border-color: #FFD600;
    color: #112337;
    font-weight: 600;
    padding: 0.8em 2.4em;
    border-radius: 999px;
    cursor: pointer;
}

/* Hover del botón */
#gform_submit_button_1:hover {
    background-color: #E5C200;
    border-color: #E5C200;
}

/* Centrar el label del campo Fecha de la cita */
#field_1_1 .gfield_label {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    justify-content: center !important;
}

/* Acercar el icono del datepicker al input */
#gform_wrapper_1 .ginput_container_date {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

#gform_wrapper_1 .ginput_container_date input {
    padding-right: 32px !important; /* espacio interior para el icono */
}

#gform_wrapper_1 .ginput_container_date img.ui-datepicker-trigger {
    position: absolute;
    right: 8px; /* AJUSTA ESTE VALOR para acercarlo o alejarlo */
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
    width: 20px;   /* tamaño icono */
    height: 20px;
    cursor: pointer;
}

/* ------------------------------------------
   ALINEAR A LA IZQUIERDA PÁGINA 2 DEL FORM
------------------------------------------- */

/* Contenido y campos alineados a la izquierda */
#gform_page_1_2,
#gform_page_1_2 .gform_page_fields,
#gform_page_1_2 .gform_fields,
#gform_page_1_2 .gfield_label,
#gform_page_1_2 .ginput_container {
    text-align: left !important;
}

/* Inputs alineados correctamente */
#gform_page_1_2 input[type="text"],
#gform_page_1_2 input[type="email"],
#gform_page_1_2 input[type="tel"],
#gform_page_1_2 select {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}

/* Campos complejos (Nombre – Apellidos) alineados */
#gform_page_1_2 .ginput_container_name {
    justify-content: flex-start !important;
}

/* Forzar el grid a alinearse a la izquierda */
#gform_page_1_2 .gform-grid-row {
    justify-content: flex-start !important;
}

/* Botones centrados siguen igual */
#gform_page_1_2 .gform_page_footer {
    display: flex;
    justify-content: center !important;
}

/* ---------------------------------
   BOTÓN ANTERIOR (gris)
---------------------------------- */
#gform_previous_button_1 {
    background-color: #E6E6E6;   /* gris claro */
    color: #112337;
    padding: 0.7em 2.5em;
    border-radius: 999px;
    font-weight: 600;
    border: none !important;
    cursor: pointer;
    transition: 0.25s ease;
}

/* Hover gris → negro con texto blanco */
#gform_previous_button_1:hover {
    background-color: #000 !important;
    color: #fff !important;
}

/* ---------------------------------
   BOTÓN SOLICITAR (amarillo)
---------------------------------- */
#gform_submit_button_1 {
    background-color: #F2C12E !important;   /* amarillo */
    border-color: #F2C12E !important;
    color: #112337 !important;
    padding: 0.7em 2.5em;
    border-radius: 999px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s ease;
}

/* Hover amarillo → negro con texto blanco */
#gform_submit_button_1:hover {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

/* ---------------------------------
   Centrado de botones
---------------------------------- */
#gform_wrapper_1 .gform_page_footer {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
}

/* ---------------------------------
   BOTÓN SIGUIENTE (amarillo)
---------------------------------- */
#gform_next_button_1_13 {
    background-color: #F2C12E !important;   /* amarillo igual */
    border-color: #F2C12E !important;
    color: #112337 !important;
    padding: 0.7em 2.5em;
    border-radius: 999px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s ease;
    margin: 0 auto;
    display: inline-block;
}

/* Hover → negro + texto blanco */
#gform_next_button_1_13:hover {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}/* End custom CSS */