/* =========================================================
   RESET DE LA ZONA MY ACCOUNT PARA TOMAR CONTROL TOTAL
========================================================= */
body.woocommerce-account .entry-content,
body.woocommerce-account .site-main,
body.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce-MyAccount-content{
	margin:0 !important;
	padding:0 !important;
	width:100% !important;
	max-width:100% !important;
	background:transparent !important;
}

/* =========================================================
   FONDO GENERAL DE LA PÁGINA
========================================================= */
body.woocommerce-account{
	background:#f5f5f5;
}

/* =========================================================
   WRAPPER FULL BLEED ESCAPANDO DEL CONTENEDOR DEL THEME
========================================================= */
.sus-auth-page-bg{
	position:relative;
	width:100vw;
	min-height:calc(100vh - 120px);
	margin-left:calc(50% - 50vw);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:30px 20px;
	box-sizing:border-box;
	background-image:url('https://beta.latidosenprosa.com/wp-content/uploads/2026/06/hero-2-latidos-en-prosa.jpg');
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden;
}

/* =========================================================
   CAPA SUAVE BLANCA PARA LEGIBILIDAD
========================================================= */
.sus-auth-bg-overlay{
	position:absolute;
	inset:0;
	background:rgba(255,255,255,0.18);
	backdrop-filter:blur(1px);
}

/* =========================================================
   TARJETA CENTRAL AUTH
========================================================= */
.sus-auth-card{
	position:relative;
	z-index:5;
	width:100%;
	max-width:520px;
	background:rgba(255,255,255,0.97);
	border-radius:24px;
	box-shadow:0 25px 60px rgba(0,0,0,0.14);
	padding:42px;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.4);
}

/* =========================================================
   ENCABEZADO
========================================================= */
.sus-auth-branding{
	text-align:center;
	margin-bottom:24px;
}

.sus-auth-branding h2{
	font-size:34px;
	font-weight:700;
	margin:0 0 10px;
	color:#111;
}

.sus-auth-branding p{
	margin:0;
	font-size:14px;
	color:#555;
	line-height:1.5;
}

/* =========================================================
   TABS LOGIN / REGISTER
========================================================= */
.sus-auth-tabs{
	display:flex;
	background:#f3f3f3;
	border-radius:14px;
	padding:6px;
	margin-bottom:28px;
	gap:6px;
}

.sus-auth-tab{
	flex:1;
	border:none;
	background:transparent;
	padding:15px;
	font-size:14px;
	font-weight:700;
	cursor:pointer;
	border-radius:10px;
	transition:all .25s ease;
}

.sus-auth-tab.active{
	background:#111;
	color:#fff;
}

/* =========================================================
   PANELES DINÁMICOS
========================================================= */
.sus-auth-form-panel{
	display:none;
	animation:susFade .25s ease;
}

.sus-auth-form-panel.active{
	display:block;
}

@keyframes susFade{
	from{opacity:0;transform:translateY(8px);}
	to{opacity:1;transform:translateY(0);}
}

/* =========================================================
   CAMPOS DEL FORM
========================================================= */
.sus-field-group{
	margin-bottom:18px;
}

.sus-field-group label{
	display:block;
	font-size:13px;
	font-weight:600;
	margin-bottom:7px;
	color:#222;
}

.sus-field-group input{
	width:100%;
	height:50px;
	padding:0 15px;
	border:1px solid #dcdcdc;
	border-radius:10px;
	font-size:14px;
	box-sizing:border-box;
	outline:none;
	background:#fff;
}

.sus-field-group input:focus{
	border-color:#111;
	box-shadow:0 0 0 3px rgba(0,0,0,0.05);
}

.sus-password-wrap{
	position:relative;
}

.sus-password-wrap input{
	padding-right:45px;
}

.sus-toggle-password{
	position:absolute;
	right:14px;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;
	font-size:14px;
	opacity:.7;
}

.sus-auth-extra{
	margin-bottom:20px;
	font-size:13px;
	color:#555;
}

.sus-auth-submit{
	width:100%;
	height:52px;
	border:none;
	border-radius:12px;
	background:#111;
	color:#fff;
	font-size:15px;
	font-weight:700;
	cursor:pointer;
	transition:all .25s ease;
}

.sus-auth-submit:hover{
	opacity:.93;
}

.sus-auth-submit:hover

/* =========================================================
   MENSAJES
========================================================= */
#sus-auth-response{
	margin-top:20px;
}

/* =========================================================
   MENSAJE DE ÉXITO
========================================================= */

.sus-success-box{

    display:block;

    width:100%;

    box-sizing:border-box;

    margin-top:20px;
    padding:18px 20px;

    background:#eefaf2;

    border:1px solid #bfe7c8;

    border-radius:12px;

    color:#226b38;

    font-size:15px;

    font-weight:500;

    line-height:1.7;

    white-space:normal;

    word-break:break-word;

    overflow:visible;

    min-height:auto;

    height:auto;

    text-align:left;

}

.sus-error-box{
	background:#fff1f1;
	color:#b42318;
	padding:14px 16px;
	border-radius:10px;
	font-size:13px;
	margin-top:20px;
	border:1px solid #f1c7c7;
}

/* =========================================================
   OCULTAR BASURA NATIVA
========================================================= */
body.woocommerce-account h1.entry-title,
body.woocommerce-account .page-title,
body.woocommerce-account .woocommerce-breadcrumb{
	display:none !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media(max-width:768px){

	.sus-auth-page-bg{
		padding:20px 15px 50px;
		min-height:auto;
	}

	.sus-auth-card{
		padding:28px 20px;
	}
}




/* =========================================================
   ENLACES INFERIORES
========================================================= */

.sus-auth-rescue-links{

	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;

	gap:12px;

	margin-top:18px;
	margin-bottom:8px;

	font-size:14px;

}

.sus-auth-rescue-links a{

	color:#8b5a3c;
	text-decoration:none;
	font-weight:600;

}

.sus-auth-rescue-links a:hover{

	color:#000;

}

.sus-auth-rescue-links span{

	color:#bbb;

}