/* --- ESTILOS PARA EL LOGIN PERSONALIZADO DE LICITANDO JUNTOS (VERSIÓN 2) --- */

/* Colores base */
:root{
 --lj-azul: #0e1a2c;
 --lj-red: #b32025;
 --lj-fontcolor: #000;
 --lj-muted: #4b5563;
 --lj-radius: 16px;
 --lj-shadow: 0 14px 32px rgba(16,24,40,.10);
 --lj-font: 'Poppins';
}

.lj-wrap *{ box-sizing: border-box; }

body.woocommerce-account {
 margin:0;
 font-family: var(--lj-font);
 color: var(--lj-fontcolor);
 background: #dbe6f6;
}

/* Layout principal (2 columnas) */
.lj-wrap{
 max-width: 1120px;
 margin: 48px auto;
 padding: 0 16px;
 display:grid;
 grid-template-columns: 1fr;
}
@media (min-width: 1024px){
 .lj-wrap{ grid-template-columns: 1fr 1.5fr; }
}

/* Tarjetas */
.lj-card{
 background:#fff;
 box-shadow: var(--lj-shadow);
 padding: 100px 40px;
 position: relative;
 min-height: 520px;
}

/* Login oscuro */
.lj-card-login{
 background-color: var(--lj-azul);
  /* --- IMPORTANTE: PEGA AQUÍ LA URL DE TU IMAGEN --- */
 background-image: url("https://licitandojuntos.com/wp-content/uploads/2025/08/esquina.png");
 background-repeat: no-repeat;
 background-position: top left;
 background-size: 80px;
 color:#fff;
 border: none;
}
.lj-card-login .lj-review{ color:#c9d2df; }
.lj-card-login .lj-btn{ background: var(--lj-red); }
.lj-card-login a{ color:#fff;}

/* Registro blanco */
.lj-card-register .lj-btn{ background: var(--lj-red); }

/* Tipografía */
.lj-title{
 margin: 0 0 10px 0;
 font-size: 2.6rem;
 font-weight: 600;
 line-height: 1.15;
 color: #fff;
}
.lj-tab{
 margin: 0 0 4px 0;
 color: var(--lj-red);
 font-weight: 600;
 letter-spacing:.2px;
}
.lj-lead{
 margin: 0 0 18px 0;
 line-height: 1.6;
 color: var(--lj-muted);
}

/* Formulario */
.lj-form{ margin-top: 6px; }
.lj-field{
 position: relative;
 display:block;
 margin-bottom: 12px;
}
.lj-field input{
 width: 100%;
 border-radius: 12px;
 border: 1px solid #d8dee7;
 padding: 12px 44px 12px 44px;
 font-size: 16px;
 background:#fff;
 color:#111827;
 outline:none;
 transition: border-color .2s, box-shadow .2s;
}
.lj-card-login .lj-field input{
 background:#0c1a2e; border-color:#203047; color:#fff;
}
.lj-field input:focus{
 border-color: var(--lj-red);
 box-shadow: 0 0 0 3px rgba(179,32,37,.15);
}

/*Iconos*/
.lj-icon{
 position: absolute;
 left: 14px; top: 50%; transform: translateY(-50%);
 display:inline-flex;
 color:#6b7280;
}
.lj-card-login .lj-icon{ color:#a7b3c4; }
.lj-eye{ right: 14px; left: auto; }

.lj-check{
 display:flex; align-items:center; gap:8px;
 font-size: 14px; 
 margin: 6px 0 12px;
}
.lj-card-register .lj-check{ color:#111827; }

.lj-btn{
 appearance:none; border:none; color:#fff;
 border-radius:12px; padding: 12px 16px; font-weight:600;
 width:100%; cursor:pointer; transition:filter .2s;
 background: var(--lj-red);
}
.lj-btn:hover{ filter: brightness(.92); }

.lj-lost{ margin: 10px 0 0; font-size:14px; }
.lj-lost a{ text-decoration: underline; }

.lj-note{
 background: #dbe6f6;
 color: #000;
 font-size: 14px;
 padding: 10px 12px;
 margin: 6px 0 10px;
}

.lj-legal{
 font-size: 13px;
 color:#999999;
 line-height: 1.5;
}
.lj-legal a{ color:#999999; }

@media (max-width: 480px){
 .lj-card{ padding: 20px; }
 .lj-title{ font-size: 1.8rem; }
}

/* --- AJUSTES FINALES DE ESTILO PARA SOBRESCRIBIR ASTRA (VERSIÓN COMPLETA) --- */

/* --- TÍTULOS --- */

/* Título "Accede a tu cuenta" */
.lj-wrap .lj-card-login .lj-title {
    color: #ffffff !important;
    font-family: var(--lj-font) !important;
    font-size: 2.6rem !important;
    font-weight: 600 !important;
}

/* Título "¿Primera vez aquí?" */
.lj-wrap .lj-card-register .lj-tab {
    color: var(--lj-red) !important;
    font-family: var(--lj-font) !important;
    font-size: 1.5em !important;
    font-weight: 600 !important;
    letter-spacing: .2px !important;
}

/* Título "Crea una cuenta" */
.lj-wrap .lj-card-register .lj-title {
    color: var(--lj-fontcolor) !important;
    font-family: var(--lj-font) !important;
    font-size: 2.6rem !important;
    font-weight: 600 !important;
}

/* --- TEXTOS DE PÁRRAFO Y DESCRIPTIVOS --- */

/* Párrafos descriptivos debajo de los títulos */
.lj-wrap .lj-card .lj-review {
    font-family: var(--lj-font) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}
.lj-wrap .lj-card-login .lj-review {
    color: #c9d2df !important;
}
.lj-wrap .lj-card-register .lj-review {
    color: var(--lj-muted) !important;
}


/* --- ELEMENTOS DEL FORMULARIO --- */

/* Texto de los checkboxes ("Recuérdame", "Acepto términos...") */
.lj-wrap .lj-card .lj-check {
    font-family: var(--lj-font) !important;
    font-size: 14px !important;
}
.lj-wrap .lj-card-login .lj-check {
    color: #ffffff !important;
}
.lj-wrap .lj-card-register .lj-check {
    color: #111827 !important;
}

/* Enlace "¿Olvidaste tu contraseña?" */
.lj-wrap .lj-card-login .lj-lost a {
    color: #ffffff !important;
    font-family: var(--lj-font) !important;
    font-size: 14px !important;
}

/* Nota informativa azul en el registro */
.lj-wrap .lj-card-register .lj-note {
    color: #000000 !important;
    font-family: var(--lj-font) !important;
    font-size: 14px !important;
}

/* Texto legal de política de privacidad */
.lj-wrap .lj-card-register .lj-legal,
.lj-wrap .lj-card-register .lj-legal a {
    color: #999999 !important;
    font-family: var(--lj-font) !important;
    font-size: 13px !important;
}

/* Ocultar el texto duplicado de la política de privacidad de WooCommerce */
.woocommerce-form-register .woocommerce-privacy-policy-text {
    display: none !important;
}