<div id="tdi_1" class="tdc-zone"><div class="tdc_zone tdi_2 wpb_row td-pb-row" >
<style scoped>
/* custom css - generated by TagDiv Composer */

/* custom css - generated by TagDiv Composer */
.tdi_2{ 
 min-height: 0; 
 }
</style><div id="tdi_3" class="tdc-row stretch_row_1200 td-stretch-content"><div class="vc_row tdi_4 wpb_row td-pb-row tdc-element-style" >
<style scoped>
/* custom css - generated by TagDiv Composer */

/* custom css - generated by TagDiv Composer */
.tdi_4, 
 .tdi_4 .tdc-columns{ 
 min-height: 0; 
 }#tdi_3.tdc-row[class*='stretch_row'] > .td-pb-row > .td-element-style, 
 #tdi_3.tdc-row[class*='stretch_row'] > .td-pb-row > .tdc-video-outer-wrapper{ 
 width: 100% !important; 
 }.tdi_4, 
				.tdi_4 .tdc-columns{ 
				 display: flex; 
				 
				 flex-direction: row; 
				 
				 flex-wrap: nowrap; 
				 
				 justify-content: flex-start; 
				 
				 align-items: center; 
				}.tdi_4 .tdc-columns{ 
				 width: 100%; 
				}.tdi_4:before, 
				.tdi_4:after{ 
				 display: none; 
				}.td-main-content-wrap .tdc_zone{ 
				 display: flex; 
				 flex-direction: column; 
				}#tdi_3{ 
				 order: 2; 
				}.td-main-content-wrap .tdc_zone .td-stretch-content{ 
				 width: 100% !important; 
				}@media (min-width: 768px) { 
	 .tdi_4 { 
	 margin-left: -0px; 
	 margin-right: -0px; 
	 } 
	 .tdi_4 .tdc-row-video-background-error, 
	 .tdi_4 > .vc_column, 
	 .tdi_4 > .tdc-columns > .vc_column { 
	 padding-left: 0px; 
	 padding-right: 0px; 
	 } 
 }
/* inline tdc_css att - generated by TagDiv Composer */

.tdi_4{
margin-top:60px !important;
margin-bottom:60px !important;
padding-top:60px !important;
padding-bottom:60px !important;
position:relative;
}

.tdi_4 .td_block_wrap{ text-align:left }

/* portrait */
@media (min-width: 768px) and (max-width: 1018px)
{
.tdi_4{
margin-top:40px !important;
margin-right:20px !important;
margin-bottom:40px !important;
margin-left:20px !important;
padding-top:40px !important;
padding-bottom:40px !important;
}
}

/* phone */
@media (max-width: 767px)
{
.tdi_4{
margin-top:0px !important;
margin-right:-20px !important;
margin-bottom:0px !important;
margin-left:-20px !important;
padding-top:40px !important;
padding-right:25px !important;
padding-bottom:40px !important;
padding-left:25px !important;
width:auto !important;
position:relative;
}
}

/* landscape */
@media (min-width: 1019px) and (max-width: 1140px)
{
.tdi_4{
margin-top:50px !important;
margin-bottom:50px !important;
padding-top:50px !important;
padding-bottom:50px !important;
}
}

</style>
<div class="tdi_3_rand_style td-element-style" ><div class="td-element-style-before"><style>
/* custom css - generated by TagDiv Composer */

.tdi_3_rand_style > .td-element-style-before {
content:'' !important;
width:100% !important;
height:100% !important;
position:absolute !important;
top:0 !important;
left:0 !important;
display:block !important;
z-index:0 !important;
border-color:var(--base-color-1) !important;
background-position:center center !important;
opacity:.5 !important;
border-style:solid !important;
border-width: 1px 1px 1px 1px !important;
background-size:cover !important;
}

/* phone */
@media (max-width: 767px)
{
.tdi_3_rand_style > .td-element-style-before{
content:'' !important;
width:100% !important;
height:100% !important;
position:absolute !important;
top:0 !important;
left:0 !important;
display:block !important;
z-index:0 !important;
border-width: 0px 0px 0px 0px !important;
}
}
</style></div><style>
/* custom css - generated by TagDiv Composer */

.tdi_3_rand_style{
background-color:var(--light-color-1) !important;
}
 </style></div><div class="vc_column tdi_6 wpb_column vc_column_container tdc-column td-pb-span12">
<style scoped>
/* custom css - generated by TagDiv Composer */

/* custom css - generated by TagDiv Composer */
.tdi_6{ 
 vertical-align: baseline; 
 }.tdi_6 > .wpb_wrapper, 
				.tdi_6 > .wpb_wrapper > .tdc-elements{ 
				 display: flex; 
				 
				 flex-direction: row; 
				 
				 flex-wrap: nowrap; 
				 
				 justify-content: center; 
				 
				 align-items: flex-start; 
				}.tdi_6 > .wpb_wrapper > .tdc-elements{ 
				 width: 100%; 
				}.tdi_6 > .wpb_wrapper > .vc_row_inner{ 
				 width: auto; 
				}.tdi_6 > .wpb_wrapper{ 
				 width: 100%; 
				 height: 100%; 
				}
</style><div class="wpb_wrapper" ><div class="tds-page-block td_block_wrap tds_create_account tdi_7 td_block_template_1" data-td-block-uid="tdi_7" >
<style>

/* inline tdc_css att - generated by TagDiv Composer */

.tdi_7{
margin-bottom:0px !important;
padding-top:30px !important;
padding-right:25px !important;
padding-bottom:35px !important;
padding-left:25px !important;
border-color:var(--base-color-1) !important;
width:40% !important;
border-style:solid !important;
border-width: 1px 1px 3px 1px !important;
position:relative;
}

/* phone */
@media (max-width: 767px)
{
.tdi_7{
width:100% !important;
}
}

/* portrait */
@media (min-width: 768px) and (max-width: 1018px)
{
.tdi_7{
width:60% !important;
}
}

/* landscape */
@media (min-width: 1019px) and (max-width: 1140px)
{
.tdi_7{
width:50% !important;
}
}

</style>
<style>
/* custom css - generated by TagDiv Composer */
.tds-page-block{ 
 transform: translateZ(0); 
 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; 
 font-size: 14px; 
 }.tds-page-block .td-element-style{ 
 z-index: -1; 
 }.tds-page-block a:not(.tds-s-btn){ 
 color: #0489FC; 
 }.tds-page-block a:not(.tds-s-btn):hover{ 
 color: #152BF7; 
 }.tds_create_account .tds-s-fb-open .tds-s-fc-inner, 
 .tds_create_account .tds-s-fb-open .tds-s-form-footer, 
 .tds_create_account .tds-s-fb-open .tds-s-cal-page-switch{ 
 opacity: .5; 
 pointer-events: none; 
 }.tds_create_account .tds-s-cal-page-switch{ 
 margin-top: 20px; 
 font-size: .929em; 
 line-height: 1.3; 
 text-align: center; 
 color: #666; 
 }.tds_create_account .tds-s-cal-page-switch a{ 
 font-weight: 600; 
 }body .tds_create_account .tds-s-form .tds-s-fc-inner{ 
 margin-bottom: 0; 
 }body .tds_create_account .tds-s-form .tds-s-fc-inner:after{ 
 display: none; 
 }.tds_create_account .tds-s-form-login .tds-s-notif, 
 .tds_create_account .tds-s-register-form .tds-s-notif, 
 .tds_create_account .tds-s-form-pass-recovery .tds-s-notif, 
 .tds_create_account .tds-s-form-login .tds-s-notif-descr, 
 .tds_create_account .tds-s-register-form .tds-s-notif-descr, 
 .tds_create_account .tds-s-form-pass-recovery .tds-s-notif-descr{ 
 text-align: center; 
 }.tds_create_account .tds-s-form-login .tds-s-notif-info:not(:last-child), 
 .tds_create_account .tds-s-register-form .tds-s-notif-info:not(:last-child), 
 .tds_create_account .tds-s-form-pass-recovery .tds-s-notif-info:not(:last-child){ 
 margin-bottom: 32px; 
 }.tds_create_account .tds-s-form-login .tds-s-notif-error:not(:first-child), 
 .tds_create_account .tds-s-register-form .tds-s-notif-error:not(:first-child), 
 .tds_create_account .tds-s-form-pass-recovery .tds-s-notif-error:not(:first-child), 
 .tds_create_account .tds-s-form-login .tds-s-notif-success:not(:first-child), 
 .tds_create_account .tds-s-register-form .tds-s-notif-success:not(:first-child), 
 .tds_create_account .tds-s-form-pass-recovery .tds-s-notif-success:not(:first-child){ 
 margin-top: 28px; 
 }.tds_create_account .tds-s-form-login .tds-s-btn, 
 .tds_create_account .tds-s-register-form .tds-s-btn, 
 .tds_create_account .tds-s-form-pass-recovery .tds-s-btn{ 
 width: 100%; 
 }.tds_create_account .tds-s-form-login{ 
 margin-bottom: 0; 
 padding-bottom: 0; 
 border: 0; 
 }.tds_create_account .tds-s-form-login .tds-s-form-group:nth-child(2) .tds-s-form-label{ 
 display: flex; 
 }.tds_create_account .tds-s-form-login .tds-s-form-group:nth-child(2) .tds-s-form-label a{ 
 margin-left: auto; 
 }.tds_create_account label[for='tds_register_pass'] .tds-s-form-tip-txt{ 
 text-align: left; 
 }.tds_create_account .tds-s-form-footer{ 
 flex-direction: column; 
 }.tds_create_account .tds-s-form .tds-s-form-footer .tds-s-btn{ 
 margin-right: 0; 
 }.tds_create_account .tds-s-form-footer .td-login-social{ 
 width: 100%; 
 margin-top: 14px; 
 }body .tdi_7 .tds-s-form .tds-s-form-input{ 
 border: 1px solid var(--base-color-1); 
 
 border-radius: 0px; 
 
 color: var(--base-color-1); 
 }body .tdi_7 .tds-s-btn{ 
 border-radius: 0px; 
 
 background-color: var(--accent-color-1); 
 }body .tdi_7 .tds-s-notif{ 
 border-radius: 0px; 
 }body .tdi_7.tds-page-block a:not(.tds-s-btn){ 
 color: var(--accent-color-1); 
 }body .tdi_7 .tds-s-form .tds-s-form-group:not(.tds-s-fg-error) .tds-s-form-input:focus:not([readonly]){ 
 border-color: var(--accent-color-1) !important; 
 }body .tdi_7.tds-page-block a:not(.tds-s-btn):hover{ 
 color: var(--accent-color-2); 
 }body .tdi_7 h2.tds-spsh-title{ 
 color: var(--base-color-1); 
 }body .tdi_7 .tds-s-form .tds-s-form-label{ 
 color: var(--base-color-1); 
 }body .tdi_7 .tds-s-form .tds-s-form-input:-webkit-autofill, 
 body .tdi_7 .tds-s-form .tds-s-form-input:-webkit-autofill:hover, 
 body .tdi_7 .tds-s-form .tds-s-form-input:-webkit-autofill:focus, 
 body .tdi_7 .tds-s-form .tds-s-form-input:-webkit-autofill:active{ 
 -webkit-text-fill-color: var(--base-color-1); 
 }body .tdi_7 .tds-s-btn:hover{ 
 background-color: var(--accent-color-2); 
 }body .tdi_7{ 
 font-family: var(--global-font-3) !important; 
 }

/* landscape */
@media (min-width: 1019px) and (max-width: 1140px){
body .tdi_7 .tds-s-form .tds-s-form-input{ 
 border: 1px solid var(--base-color-1); 
 }
}

/* portrait */
@media (min-width: 768px) and (max-width: 1018px){
body .tdi_7 .tds-s-form .tds-s-form-input{ 
 border: 1px solid var(--base-color-1); 
 }
}

/* phone */
@media (max-width: 767px){
body .tdi_7 .tds-s-form .tds-s-form-input{ 
 border: 1px solid var(--base-color-1); 
 }
}
</style>
<div class="tdi_7_rand_style td-element-style"><style>
.tdi_7_rand_style{
background-color:var(--accent-color) !important;
}
 </style></div><div class="tds-block-inner td-fix-index"> <div class="tds-s-page-sec tds-s-page-login"> 
 <div class="tds-s-page-sec-header"> 
 <h2 class="tds-spsh-title">Iniciar sesión</h2> 
 </div> 
 
 <div class="tds-s-page-sec-content"> 
 <div id="tds-login-div" class="tds-s-form tds-s-form-login"> 
 <div class="tds-s-form-content"> 
 <div class="tds-s-fc-inner"> 
 <div class="tds-s-form-group"> 
 <label class="tds-s-form-label" for="tds_register_email">Nombre de usuario o dirección de correo electrónico</label> 
 <input class="tds-s-form-input" type="text" id="tds_login_email" value="" required> 
 </div> 
 
 <div class="tds-s-form-group"> 
 <label class="tds-s-form-label" for="tds_register_pass"> 
 Contraseña <a href="https://sucesosromana.com/login-register-urban_observer/?password_recovery" class="tds-ca-forgot-pass-link">¿Has olvidado tu contraseña?</a> 
 </label> 
 <input class="tds-s-form-input" type="password" id="tds_login_pass" value="" required> 
 </div> 
 </div> 
 
 <div class="tds-s-notif tds-s-notif-xsm td_display_err" style="display: none"></div> 
 </div> 
 
 <div class="tds-s-form-footer"> 
 <form id="loginForm" action="#" method="post"> 
 <input type="hidden" id="tds-my-account" name="redirect_to" value="https://sucesosromana.com/my-account-urban_observer/"> 
 <button id="tds_login_button" class="tds-s-btn tds-s-submit">Iniciar sesión</button> 
 
<!-- --> </form> 
 </div> 
 </div> 
 <div class="tds-s-cal-page-switch">No tienes una cuenta? <a class="tds-ca-register-link" href="https://sucesosromana.com/login-register-urban_observer/?signup">Regístrate</a></div> 
 </div> 
 </div> 
 </div></div></div></div></div></div></div></div>