/**
 * Estilos de Cuenta LG Materiales
 */
:root {
    --lg-red: #c50707;
    --lg-dark: #1a1a1a;
    --lg-gray: #6b7280;
    --lg-bg-light: #f9fafb;
}

/* Contenedor Maestro Centrado */
.woocommerce-account .u-columns.col2-set {
    display: flex !important; 
    flex-direction: column !important;
    align-items: center !important; 
    justify-content: center !important;
    max-width: 500px !important; 
    margin: 60px auto !important; 
    float: none !important;
}

.woocommerce-account .u-column1.col-1, 
.woocommerce-account .u-column2.col-2 {
    width: 100% !important; 
    float: none !important;
}

/* Tarjetas de Formularios */
.woocommerce-account form.login, 
.woocommerce-account form.register,
.woocommerce-account form.lost_reset_password {
    border: 1px solid #e5e7eb !important; 
    padding: 40px !important;
    border-radius: 12px !important; 
    background: #fff !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important; 
    margin: 0 auto !important;
}

/* Títulos */
.woocommerce-account h2 {
    text-align: center; 
    font-weight: 800;
    text-transform: uppercase; 
    font-size: 1.25rem; 
    color: var(--lg-dark); 
    margin-bottom: 30px;
}

/* Inputs y Etiquetas */
.woocommerce-account label {
    font-size: 0.75rem; 
    text-transform: uppercase; 
    letter-spacing: 0.05em; 
    margin-bottom: 8px; 
    color: var(--lg-dark); 
    font-weight: 700;
}

.woocommerce-account .form-row input.input-text {
    height: 48px !important; 
    border-radius: 6px !important; 
    border: 1px solid #d1d5db !important; 
    padding: 10px 15px !important;
}

.woocommerce-account .form-row input.input-text:focus {
    border-color: var(--lg-red) !important;
    box-shadow: 0 0 0 2px rgba(197, 7, 7, 0.1);
}

/* Botones */
.woocommerce-account .button {
    width: 100% !important; 
    height: 50px !important; 
    border-radius: 6px !important;
    background-color: var(--lg-dark) !important;
    font-weight: 700 !important; 
    text-transform: uppercase !important; 
    transition: 0.3s !important;
}

.woocommerce-account .button:hover {
    background-color: var(--lg-red) !important;
}

/* Toggle Link Container */
.lg-toggle-container {
    text-align: center; 
    margin-top: 25px; 
    padding: 15px; 
    background: var(--lg-bg-light); 
    border-radius: 8px; 
    border: 1px dashed #d1d5db; 
    font-size: 0.9rem;
}

.lg-toggle-container a { 
    color: var(--lg-red); 
    font-weight: 700; 
    text-decoration: none; 
}

/* Selector Persona/Empresa */
.lg-reg-intro { font-size: 0.85rem; color: var(--lg-gray); margin-bottom: 15px; text-align: center; }
.lg-type-selector { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 20px; }
.lg-type-option { 
    display: flex; align-items: center; justify-content: center; gap: 8px; 
    padding: 12px; cursor: pointer; border-radius: 6px; background: #f3f4f6;
    border: 2px solid transparent; transition: 0.3s; font-size: 0.8rem; font-weight: 700;
}
.lg-type-option.active { background: #fff; border-color: var(--lg-red); color: var(--lg-red); }
.lg-type-option input { margin: 0; }

/* Ocultar registro inicialmente */
.u-column2.col-2 { display: none; }

@media (max-width: 600px) {
    .woocommerce-account form.login, .woocommerce-account form.register { padding: 25px !important; }
}