/* === ESTILOS PARA LA PARRILLA DE PLANES ===
   Eliminados de aquí a propósito: .xp-plans-container, .xp-plan-card,
   .xp-plan-header, .xp-plan-title, .xp-plan-cta y .xp-plan-button (tema
   claro, #fff / #0073aa) pisaban en producción el tema oscuro que
   render_plans_shortcode() ya imprime inline en xolkerpark-memberships.php
   — con ambos bloques con la misma especificidad, el orden de cascada real
   en el sitio no era fiable. Se quita el conflicto de raíz en vez de pelear
   con !important: el marcado de [xp_plans_grid] se estiliza ÚNICAMENTE
   desde el <style> inline de esa función a partir de ahora.
   También se quitan .xp-plan-features/.xp-plan-pricing/.xp-price-option/
   .xp-plan-description: eran de una versión anterior del template y no los
   usa ningún marcado actual del plugin (verificado por grep antes de
   borrar). */


/* === ESTILOS PARA EL FORMULARIO DE REGISTRO/CAMBIO DE PLAN ===
   Paleta Xolker oscura, mismos tokens que #xp-plans-scope en
   xolkerpark-memberships.php (fondo #1a1a2e, superficie #252640, borde
   #3a3a55, acento #7c6ff7, texto #dcdcf0/#8888aa). Todo bajo
   #xp-registro-page (el <main> de wp-content/themes/lw-theme/
   page-registro.php) para no invadir el resto del sitio — mismo patrón
   que #xp-plans-scope en la grid de planes.
   Sin !important salvo que haga falta pisar algo del tema: aquí no ha
   hecho falta ninguno, todos los selectores de abajo son más
   específicos que los globales de lw-theme/style.css (body, label,
   input[type=...], etc. sin scope) porque van prefijados con el ID.
   .xp-billing-cycle-selector/.xp-payment-method-selector/
   .xp-payment-placeholder no aparecen en el HTML que genera hoy
   render_registration_form_shortcode() (verificado por grep en el
   PHP) — se dejan preparadas con la misma paleta por si se usan en el
   futuro (flujo de pago con Stripe todavía sin completar del todo, ver
   diagnóstico del plugin). */

#xp-registro-page .xp-form-container {
    background: #1a1a2e;
    border: 1px solid #3a3a55;
    border-radius: 14px;
    padding: 32px 28px;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

#xp-registro-page .xp-plan-summary {
    background-color: #252640;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
    text-align: center;
}
#xp-registro-page .xp-plan-summary h3 {
    font-size: 1.2em;
    margin: 0;
    color: #a78bfa;
}
#xp-registro-page .xp-plan-summary p {
    color: #dcdcf0;
    margin: 8px 0 0;
}

#xp-registro-page .xp-form-row { margin-bottom: 15px; }
#xp-registro-page .xp-form-row label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 14px;
    color: #dcdcf0;
}
#xp-registro-page .xp-form-row input[type="text"],
#xp-registro-page .xp-form-row input[type="email"],
#xp-registro-page .xp-form-row input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    background: #252640;
    border: 1px solid #3a3a55;
    border-radius: 8px;
    color: #dcdcf0;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}
#xp-registro-page .xp-form-row input[type="text"]::placeholder,
#xp-registro-page .xp-form-row input[type="email"]::placeholder,
#xp-registro-page .xp-form-row input[type="password"]::placeholder {
    color: #8888aa;
}
#xp-registro-page .xp-form-row input[type="text"]:focus,
#xp-registro-page .xp-form-row input[type="email"]:focus,
#xp-registro-page .xp-form-row input[type="password"]:focus {
    outline: none;
    border-color: #7c6ff7;
    box-shadow: 0 0 0 3px rgba(124,111,247,.15);
}

#xp-registro-page .xp-billing-cycle-selector {
    background-color: #252640;
    border: 1px solid #3a3a55;
    border-radius: 8px;
    padding: 15px;
}
#xp-registro-page .xp-billing-cycle-selector .xp-radio-group {
    display: flex;
    gap: 20px;
    margin-top: 8px;
}
#xp-registro-page .xp-billing-cycle-selector .xp-radio-group label {
    font-weight: normal;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #dcdcf0;
}
#xp-registro-page .xp-billing-cycle-selector .xp-radio-group label:has(input:checked) {
    color: #fff;
    font-weight: 600;
}

#xp-registro-page .xp-payment-method-selector {
    background-color: #252640;
    border-radius: 8px;
    margin-top: 25px;
    padding: 20px;
}
#xp-registro-page .xp-payment-method-selector h4 {
    margin-top: 0;
    margin-bottom: 15px;
    color: #dcdcf0;
}
#xp-registro-page .xp-payment-placeholder {
    background-color: #252640;
    border: 1px solid #3a3a55;
    border-radius: 8px;
    padding: 16px;
    color: #dcdcf0;
    text-align: center;
}

#xp-registro-page .xp-form-submit { margin-top: 20px; }
#xp-registro-page .xp-form-submit input[type="submit"] {
    display: block;
    width: auto;
    max-width: 280px;
    margin: 0 auto;
    padding: 12px 32px;
    background: #7c6ff7;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s;
}
#xp-registro-page .xp-form-submit input[type="submit"]:hover { opacity: .88; }

#xp-registro-page .xp-form-errors {
    background: rgba(255,101,132,.12);
    border: 1px solid #ff6584;
    color: #ff6584;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 1rem;
}
#xp-registro-page .xp-form-errors a { color: #a78bfa; font-weight: bold; text-decoration: underline; }