

/* Estilo para las etiquetas de los formularios */
.gform_wrapper .gform_body .gfield_label,
.hbspt-form .gfield_label {
    font-family: 'Poppins' !important;
    display: inline-block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    padding-top: 20px !important;
}

/* Estilo para los campos del formulario */
.gfield input.large, .gfield select.large, 
.hbspt-form input.large, .hbspt-form select.large {
    width: 100% !important;
    height: 50px !important;
    font-size: 16px !important;
    font-family: 'Poppins' !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 12px !important;
    gap: 4px !important;
    /* width: 530px !important; */
    height: 48px !important;
    background: #FFFFFF !important;
    border: 1px solid #C0C0C0 !important;
    border-radius: 8px !important;
}

/* Estilo para el botón de envío */
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit],
.hbspt-form input[type=submit] {
		font-weight: 500 !important;
    color: #ffffff !important;
    padding: 15px !important;
    border: 2px solid rgba(114, 114, 114, 0.4) !important;
    border-radius: 8px !important;
    background-color: #00736b !important;
}

body .gform_wrapper .gform_footer input[type=submit]:hover,
.hbspt-form input[type=submit]:hover {
    background-color: #00726C !important;
}




/* Ocultar la leyenda de requerido */
.gform_required_legend,
.hbspt-form .gform_required_legend {
    visibility: hidden !important;
}

/* Estilo para las descripciones */
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description,
.hbspt-form .gfield_description {
    font-size: 14px !important;
    font-family: 'Poppins' !important;
}

/* Estilo para los campos del formulario */
body .gform_wrapper .gform_body .gform_fields .gfield,
.hbspt-form .gfield {
    padding-bottom: 10px !important;
}

/* Estilo para el campo de fecha */
body .gform_wrapper .gform_body .gform_fields .gfield .datepicker,
.hbspt-form .datepicker {
    width: 420px !important;
    border-radius: 8px !important;
    height: 48px !important;
}

/* Estilo para los botones de la página del formulario */
body .gform_wrapper .gform_body .gform_page_footer .gform_next_button,
.hbspt-form .gform_page_footer .gform_next_button, .gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button  {
    /*border: 2px !important;*/
    border-radius: 8px !important;
    padding: 10px 30px !important;
}

/* Estilo para los números de paso */
.gform_wrapper.gravity-theme .gf_step_number,
.hbspt-form .gf_step_number {
    background: transparent !important;
    border: 2px solid #33716D !important;
    border-radius: 20px !important;
    color: #585e6a !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    height: 40px !important;
    text-align: center !important;
    width: 40px !important;
}

.gform_wrapper.gravity-theme .gf_step_active .gf_step_number,
.hbspt-form .gf_step_active .gf_step_number {
    background: #33716D !important;
    color: #fff !important;
    font-family: 'Poppins' !important;
}

/* Estilo para los campos de entrada */
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea,
.hbspt-form input[type=color], .hbspt-form input[type=date], .hbspt-form input[type=datetime-local], .hbspt-form input[type=datetime], .hbspt-form input[type=email], .hbspt-form input[type=month], .hbspt-form input[type=number], .hbspt-form input[type=password], .hbspt-form input[type=search], .hbspt-form input[type=tel], .hbspt-form input[type=text], .hbspt-form input[type=time], .hbspt-form input[type=url], .hbspt-form input[type=week], .hbspt-form select, .hbspt-form textarea {
    font-size: 15px !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 12px !important;
    border-radius: 10px !important;
    font-family: 'Poppins' !important;
}

/* Estilo para el selector encadenado */
.gform_wrapper.gravity-theme .gfield_chainedselect.horizontal select,
.hbspt-form .gfield_chainedselect.horizontal select {
    min-width: 100px !important;
    line-height: 2 !important;
    min-height: 32px !important;
    height: 48px !important;
}

/* Estilo para el título de la sección */
.gform_wrapper.gravity-theme .gsection_title,
.hbspt-form .gsection_title {
    font-family: 'Poppins' !important;
    font-weight: bold !important;
    color: #00726c !important;
}

/* Estilo para la sección */
.gform_wrapper.gravity-theme .gsection,
.hbspt-form .gsection {
    padding: 0 16px 8px 0 !important;
}

/* Estilo para el pie del formulario */
body .gform_wrapper .gform_body .gform_footer, body .gform_wrapper .gform_body .gform_page_footer,
.hbspt-form .gform_footer, .hbspt-form .gform_page_footer {
    margin: 0px !important;
    padding: 16px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

.gform_wrapper.gravity-theme .gform_footer button+input, .gform_wrapper.gravity-theme .gform_footer input+button, .gform_wrapper.gravity-theme .gform_footer input+input, .gform_wrapper.gravity-theme .gform_page_footer button+input, .gform_wrapper.gravity-theme .gform_page_footer input+button, .gform_wrapper.gravity-theme .gform_page_footer input+input,
.hbspt-form .gform_footer button+input, .hbspt-form .gform_footer input+button, .hbspt-form .gform_footer input+input, .hbspt-form .gform_page_footer button+input, .hbspt-form .gform_page_footer input+button, .hbspt-form .gform_page_footer input+input {
    margin-left: 0px !important;
    border-radius: 10px !important;
    padding: 10px 30px !important;
}



a[href^="x-apple-data-detectors:"] {
    color: inherit;
    text-decoration: inherit;
}

#gform_submit_button_12 {
	align-self: normal;
}


#content > header > h1 {
	font-family: 'Poppins';
}
#affwp-affiliate-dashboard {
	font-family: 'Poppins';
}


/* cambia Required por Requerido */
/* Selecciona solo el span que contiene "(required)" */
span.required::before {
    content: "(Requerido)";
    color: #656568; /* Cambia el color del texto */
}

span.required {
    visibility: hidden;
}

span.required::before {
    visibility: visible;
    display: inline;
}
