.elementor-12 .elementor-element.elementor-element-f129f65{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7557260{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-f129f65{--content-width:1000px;}}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-f129f65{--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-12 .elementor-element.elementor-element-f129f65.e-con{--align-self:center;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-f129f65{--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-7557260 */:root {
    --color-texto: #ffffff;
    --colot-title: #00bcd4;
    --color-fondo: #23324F;
    --color-fondo-campo: #181828;
    --color-fondo-campo-disabled: #435f96;
    --color-fondo-campo-disabled: var( --color-fondo-campo );
    --color-borde-campo: #394050;
    --color-error: #FF0000;
    --color-success: #01c401;
    --color-linea: #435f96;
}
.shortcodereg .panel {
    background-color: var( --color-fondo );
}
.shortcodereg .panel-title {
    color: var( --colot-title );
}
.shortcodereg .panel-info>.panel-heading {
    background-color: var( --color-fondo );
}
.shortcodereg {
    color: var( --color-texto );
}
.shortcodereg label {
    color: var( ---color-texto );
}
.shortcodereg .form-control {
    color: var( --color-texto );
    background-color: var( --color-fondo-campo );
    border-color: var( --color-borde-campo );
}
.shortcodereg .centered-divider:after, 
.shortcodereg .centered-divider:before {
    background-color: var( --color-linea );
}
.shortcodereg input[type=date],
.shortcodereg input[type=email],
.shortcodereg input[type=number],
.shortcodereg input[type=password],
.shortcodereg input[type=search],
.shortcodereg input[type=tel],
.shortcodereg input[type=text],
.shortcodereg input[type=url],
.shortcodereg select, 
.shortcodereg textarea {
    border: 1px solid #000;
    border-color: var( --color-borde-campo );
    background-color: var( --color-fondo-campo );
}

.shortcodereg .input-group-addon {
    color: var( --color-texto );
    text-align: center;
    background-color: var( --color-fondo-campo );
    border: 1px solid #FDC716;
    border-color: var( --color-borde-campo );
    border-radius: 4px;
}
.shortcodereg .has-error .input-group-addon {
    color: #ff0000;
    background-color: var( --color-fondo-campo );
    border-color: var( --color-error );
}
.shortcodereg .has-success .input-group-addon {
    color: var( --color-success );
    background-color: var( --color-fondo-campo );
    border-color: var( --color-success );
}

.shortcodereg .has-error .checkbox,
.shortcodereg .has-error .checkbox-inline,
.shortcodereg .has-error .control-label,
.shortcodereg .has-error .help-block,
.shortcodereg .has-error .radio,
.shortcodereg .has-error .radio-inline,
.shortcodereg .has-error.checkbox label,
.shortcodereg .has-error.checkbox-inline label,
.shortcodereg .has-error.radio label,
.shortcodereg .has-error.radio-inline label,
.shortcodereg .has-error .fv-control-feedback {
    color: var( --color-error );
}
.shortcodereg .has-error .form-control:focus {
    border-color: var( --color-error );
}

.shortcodereg .has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.shortcodereg .has-success .checkbox,
.shortcodereg .has-success .checkbox-inline,
.shortcodereg .has-success .control-label,
.shortcodereg .has-success .help-block,
.shortcodereg .has-success .radio,
.shortcodereg .has-success .radio-inline,
.shortcodereg .has-success.checkbox label,
.shortcodereg .has-success.checkbox-inline label,
.shortcodereg .has-success.radio label,
.shortcodereg .has-success.radio-inline label,
.shortcodereg .has-success .fv-control-feedback {
    color: var( --color-success );
}
.shortcodereg .has-success .form-control:focus {
    border-color: var( --color-success );
}

.shortcodereg .has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.shortcodereg .form-control[disabled],
.shortcodereg .form-control[readonly], 
.shortcodereg fieldset[disabled] .form-control {
    background-color: var( --color-fondo-campo-disabled );
    border-color: var( --color-borde-campo );
    color: #bbbbbb;
    opacity: 1;
}


.shortcodereg .icheckbox_square-blue,
.shortcodereg .iradio_square-blue,
.shortcodereg .icheckbox_square-aero,
.shortcodereg .iradio_square-aero {
    margin-right: 5px;
    margin-left: 20px;
}
.shortcodereg .icheckbox_square-blue:first-child,
.shortcodereg .iradio_square-blue:first-child,
.shortcodereg .icheckbox_square-aero:first-child,
.shortcodereg .iradio_square-aero:first-child
{
    margin-right: 5px;
    margin-left: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f129f65 */html {
    font-size: inherit;
}
.regback-x .e-con-inner {
    background-color: #F2F2F2;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}
#signupbox {
    padding-left: 20px;
    padding-right: 20px;
}
#signupbox p {
    color: var(--e-global-color-9955813);
    /*font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;*/
}
.panel-info>.panel-heading {
    border-color: #999999;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-align: center;
    color: #025f8a;
    background-color: #ffffff;
    border: 0;
    padding: 30px 15px 0;
}
.panel-title {
    font-size: 115%;
    font-weight: 700;
}
.panel {
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
    
}
.form-control {
    font-size: inherit;
}
.fv-control-feedback {
    width: auto;
    height: auto;
    line-height: normal;
    font-weight: normal !important;
    top: 7px;
    right: 8px;
    font-size: 16px;
}
form .fv-control-feedback.glyphicon-asterisk {
    color: #DD0000 !important;
}
.has-error .fv-control-feedback {
    color: #a94442;
}
fieldset {
    padding: 0;
}
.form-control {
        border: 1px solid #666;
    border-radius: 3px;
    padding: .5rem 1rem;
}
.row {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}
.form-horizontal-2rows .fv-control-feedback {
    position: relative;
    display: inline-block;
    top: 3px;
    right: 0;
    padding-left: 5px;
}
label {
    font-size: inherit;
    font-weight: 400 !important;
    line-height: inherit;
}
label a {
    font-weight: 600 !important;
}

.centered-divider {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
    align-items: center;
    color: var( --e-global-color-9955813 );
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 75%;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 20px 0;
}
.centered-divider:before {
    margin-right: 0.9375rem;
}
.centered-divider:after {
    margin-left: 0.9375rem;
}
.centered-divider:after, .centered-divider:before {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    background: #333;
    background: rgba(0,0,0,.2);
    content: "";
    -ms-flex: 1;
    flex: 1;
    height: 1px;
}
@media only screen and (min-width: 768px) {
	.centered-divider:before {
		margin-right: 2.1875rem;
	}
	.centered-divider:after {
		margin-left: 2.1875rem;
	}
}
.spacer_line_20 {
    border-top: 1px solid;
    border-top-color: var( --color-linea );
    margin-top: 20px;
    padding-top: 20px;
}
.spacer_no_line_20 {
    border: 0;
    margin-top: 20px;
    padding-top: 20px;
}

footer {
    padding: 0;
}



@media (max-width: 500px) {
    .shortcodereg .btn-responsive {
        display: block;
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }
}/* End custom CSS */
/* Start custom CSS */body {
    display: flex;
    flex-direction: column;  /* Apila los elementos verticalmente */
    min-height: 100vh;       /* El body ocupará como mínimo el 100% del alto de la pantalla */
    margin: 0;               /* Quita el margen por defecto del navegador */
}

#content {
flex-grow: 1;            /* Hace que este contenedor crezca y ocupe el espacio disponible (Tu código original) */
    display: flex;           /* Convierte a #content en un contenedor flex */
    flex-direction: column;  /* Mantiene el flujo vertical por si agregas más de un elemento después */
    justify-content: center; /* ¡Esta es la magia! Centra el contenido internamente de forma vertical */
}/* End custom CSS */