/* BLACKPHONE · Pagina Mi cuenta (acceso, alta y zona privada) */
.woocommerce-account .entry-header .entry-title,
.woocommerce-account .page-title{
	font-family:"Jost","Poppins",sans-serif;font-weight:500;letter-spacing:.06em;
}
.bp-cuenta-intro{max-width:1040px;margin:0 auto 34px;text-align:center}
.bp-cuenta-eyebrow{
	font-family:"Jost","Poppins",sans-serif;font-size:11px;font-weight:600;
	letter-spacing:.26em;text-transform:uppercase;color:var(--bp-oro,#D9A62E);margin:0 0 10px
}
.bp-cuenta-tit{
	font-family:"Jost","Poppins",sans-serif;font-weight:500;font-size:30px;line-height:1.15;
	margin:0 0 10px;color:var(--bp-negro,#0B0B0C)
}
.bp-cuenta-tit em{font-style:normal;color:var(--bp-oro,#D9A62E)}
.bp-cuenta-sub{margin:0 auto;max-width:560px;color:#5a5a5e;font-size:15px}

/* Dos columnas: acceso y alta */
/* Se apunta tambien al id #customer_login: el tema lo estiliza por id y eso
   gana en especificidad a cualquier selector de clase. De ahi el !important. */
.woocommerce-account #customer_login,
.woocommerce-account .u-columns.col2-set{
	display:grid!important;grid-template-columns:1fr 1fr!important;gap:26px!important;
	max-width:1040px!important;margin-left:auto!important;margin-right:auto!important;
	float:none!important;width:auto!important;align-items:start
}
.woocommerce-account #customer_login>.u-column1,
.woocommerce-account #customer_login>.u-column2,
.woocommerce-account .u-columns.col2-set .u-column1,
.woocommerce-account .u-columns.col2-set .u-column2{
	width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important
}
.woocommerce-account #customer_login h2,
.woocommerce-account .u-columns.col2-set h2{
	font-family:"Jost","Poppins",sans-serif;font-size:13px;font-weight:600;letter-spacing:.22em;
	text-transform:uppercase;color:#6E6E73;margin:0 0 12px;padding:0
}
.woocommerce-account #customer_login>.u-column2 h2,
.woocommerce-account .u-column2 h2{color:var(--bp-negro,#0B0B0C)}
.woocommerce-account form.login,
.woocommerce-account form.register{
	width:100%;box-sizing:border-box;
	background:var(--bp-hueso,#F6F5F2);border:0;border-top:2px solid var(--bp-linea,#E1DFD9);
	border-radius:0;padding:28px 26px;margin:0;height:100%
}
/* La columna de alta destaca: es la accion que queremos fomentar */
.woocommerce-account form.register{
	background:var(--bp-negro,#0B0B0C);border-top:2px solid var(--bp-oro,#D9A62E);color:#d8d7d4;position:relative
}
.woocommerce-account form.register label,
.woocommerce-account form.register .woocommerce-privacy-policy-text,
.woocommerce-account form.register p{color:#c9c8c5}
.woocommerce-account form.register input[type=text],
.woocommerce-account form.register input[type=email],
.woocommerce-account form.register input[type=password]{
	background:#1b1b1e;border:1px solid #33333a;color:#f6f5f2
}
.woocommerce-account form.register input:focus{border-color:var(--bp-oro,#D9A62E);outline:none}

.woocommerce-account form label{
	font-size:12px;letter-spacing:.04em;text-transform:none;font-weight:500;margin-bottom:6px;display:block
}
.woocommerce-account form input[type=text],
.woocommerce-account form input[type=email],
.woocommerce-account form input[type=password]{
	width:100%;padding:12px 14px;border:1px solid #d9d7d1;background:#fff;border-radius:0;font-size:15px;
	box-sizing:border-box;max-width:100%
}
/* Sin box-sizing los campos y el boton se salian del recuadro */
.woocommerce-account form.login *,
.woocommerce-account form.register *{box-sizing:border-box}
.woocommerce-account form p{margin:0 0 16px}
.woocommerce-account form p:last-child{margin-bottom:0}
.woocommerce-account form .button{
	background:var(--bp-oro,#D9A62E)!important;color:#0B0B0C!important;border:0;border-radius:0;
	font-family:"Jost","Poppins",sans-serif;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
	font-size:12px;padding:14px 26px;width:100%;max-width:100%;box-sizing:border-box;margin-top:6px;cursor:pointer
}
.woocommerce-account form .button:hover{background:#c2911f!important}
.woocommerce-account .woocommerce-LostPassword{margin:14px 0 0}
.woocommerce-account .woocommerce-LostPassword a{color:#6E6E73;font-size:13px;border-bottom:1px solid var(--bp-oro,#D9A62E);text-decoration:none}
.woocommerce-account .woocommerce-form-login__rememberme{font-size:13px;color:#5a5a5e}

.bp-cuenta-ventajas{list-style:none;margin:22px 0 0;padding:18px 0 0;border-top:1px solid rgba(217,166,46,.28)}
.bp-cuenta-ventajas li{font-size:13px;line-height:1.5;color:#b7b6b2;margin-bottom:10px}
.bp-cuenta-ventajas li:last-child{margin-bottom:0}
.bp-cuenta-ventajas span{
	display:block;font-family:"Jost","Poppins",sans-serif;font-size:10px;font-weight:600;
	letter-spacing:.2em;text-transform:uppercase;color:var(--bp-oro,#D9A62E);margin-bottom:2px
}

/* Zona privada (cliente ya identificado) */
.woocommerce-account .woocommerce-MyAccount-navigation{width:24%}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border-top:2px solid var(--bp-oro,#D9A62E)}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--bp-linea,#E1DFD9)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{
	display:block;padding:12px 4px;color:#3c3c40;text-decoration:none;font-size:14px
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{color:var(--bp-oro,#D9A62E)}
.woocommerce-account .woocommerce-MyAccount-content{width:72%}

@media(max-width:860px){
	.woocommerce-account #customer_login,
	.woocommerce-account .u-columns.col2-set{grid-template-columns:1fr!important;gap:18px!important}
	.bp-cuenta-tit{font-size:24px}
	.woocommerce-account .woocommerce-MyAccount-navigation,
	.woocommerce-account .woocommerce-MyAccount-content{width:100%;float:none}
}

/* --- Acceso con Google / Facebook (Nextend Social Login) ---
   Estilos preparados para que los botones encajen con la marca en cuanto
   se instale el plugin de acceso social. Si no esta instalado, no molestan. */
.bp-social-sep{
	display:flex;align-items:center;gap:12px;margin:20px 0 14px;
	font-family:"Jost","Poppins",sans-serif;font-size:10px;font-weight:600;
	letter-spacing:.2em;text-transform:uppercase;color:#8c8b88
}
.bp-social-sep:before,.bp-social-sep:after{content:"";flex:1;height:1px;background:rgba(217,166,46,.28)}
.woocommerce-account form.login .bp-social-sep{color:#6E6E73}
.woocommerce-account form.login .bp-social-sep:before,
.woocommerce-account form.login .bp-social-sep:after{background:var(--bp-linea,#E1DFD9)}

/* Contenedor de botones sociales */
.nsl-container,.nsl-container-buttons{margin:0!important;padding:0!important}
.nsl-container .nsl-container-buttons a,
.nsl-container-buttons a{
	border-radius:0!important;
	font-family:"Jost","Poppins",sans-serif!important;
	letter-spacing:.08em!important;
	text-transform:none!important;
	box-shadow:none!important;
	border:1px solid rgba(255,255,255,.18)!important;
	margin-bottom:8px!important
}
.woocommerce-account form.login .nsl-container .nsl-container-buttons a{
	border:1px solid #d9d7d1!important
}
.nsl-container .nsl-button-default span.nsl-button-label-container{
	font-weight:500!important;font-size:13px!important
}