/* =========================================================
   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('#');
	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;
}

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

.sus-success-box{
	background:#ecf9f0;
	color:#1d6b39;
	padding:14px 16px;
	border-radius:10px;
	font-size:13px;
	margin-bottom:20px;
	border:1px solid #cfe8d6;
}

.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;
	}
}