/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/* OCULTAR USER FORM POPUP*/ 

#opalestate-user-form-popup {
    display: none !important;
}


/*----- ESTILOS DE CALCULADORA ----*/
 

/* Estilos base para el formulario de Gravity Forms con ID #gform_2 */
#gform_2 .gform_body {
    font-family: 'Montserrat';
}

/* Estilos para las etiquetas de los campos en Gravity Forms */
#gform_2 .gfield_label {
    font-weight: 500;
    color: #2a314f;
}

/* Estilos para los campos de entrada */
/* Estilos generales para campos de entrada grandes */
#gform_2 .gfield input.large {
    height: 45px; /* Altura actualizada para consistencia */
    border-radius: 5px;
}

/* Estilos generales para campos select */
#gform_2 .gfield select {
    height: 45px;
    padding-top: 2px;
    border-radius: 5px;
}

/* Estilos para botones */
/* Estilos para botones de siguiente y enviar */
#gform_2 input#gform_next_button_2_20,
#gform_2 input#gform_submit_button_2 {
    width: 100%;
    text-align: center;
    font-weight: 600;
    background: #ef2800;
    color: white;
    border: none;
    border-radius: 5px;
    height: 55px; /* Ajuste de la altura para ser consistente con los campos de entrada */
}

/* Ocultar botón anterior como se especificó */
#gform_2 input#gform_previous_button_2 {
    display: none;
}

/* Estilos específicos para campos de entrada */
/* Estilos especiales para campos de entrada de solo lectura */
#gform_2 input#input_2_5, 
#gform_2 input#input_2_21 {
    font-size: 24px;
    font-weight: 800;
    border: none;
    padding: 0 8px;
    pointer-events: none; /* Deshabilitar interacciones */
}

/* Estilos del pie de página para Gravity Form */
/* Eliminar relleno del pie de página */
#gform_2 .gform_page_footer {
    padding-bottom: 0;
}

/* Eliminar margen entre botones de entrada en el pie de página */
#gform_2 .gform_page_footer input + input {
    margin-left: 0 !important;
}

/* Ocultar la instrucción del campo */
#gform_2 div#gfield_instruction_2_4 {
    display: none;
}

/* Estilos adicionales específicos para input#input_2_21 */
#gform_2 input#input_2_21 {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    bottom: -28px;
    left: -95px;
}

div#gform_2_validation_container {
    display: none;
}