/* =============================================================================
   THEMES / form-skin-landing.css
   Apariencia de campaña: consume los tokens --landing-* inyectados por PHP.
   PHP emite inline <style>:root{--landing-primary:#840032}</style> antes de
   este archivo, permitiendo personalización por campaña sin tocar el CSS.

   SOLO tokens visuales, nunca layout ni estructura.
   La estructura la gestiona form-render-landing.css.

   CLASE GENERADA POR: FormPostHelper cuando $render='landing'
   DEPRECATED COMPAT:  form-theme-landing
   ============================================================================= */

.form-skin-landing {
  --form-bg-container:        rgba(153, 0, 51, 0.95);
  --form-bg-input:            #fff;
  --form-text-color:          #ffffff;
  --form-text-input:          #333333;
  --form-shadow:              0 4px 20px rgba(0, 0, 0, 0.3);
  --form-border-radius:       8px;
  --form-border-radius-small: 4px;
  --form-focus-color:         var(--landing-primary, #840032);
  --form-focus-shadow:        0 0 0 3px color-mix(in srgb, var(--landing-primary, #840032) 25%, transparent);
  --form-title-size:          2rem;
  --form-title-weight:        700;
  --form-padding-base:        2rem;
  --form-color-primary:       #DC1D13;
  --form-color-primary-hover: #1599BE;
  --form-color-success:       #1599BE;
  --form-color-success-dark:  #0d7a99;
  --form-color-gray:          rgba(255, 255, 255, 0.8);
  --form-color-gray-light:    rgba(255, 255, 255, 0.5);
  --form-progress-bg:         rgba(255, 255, 255, 0.3);
  --form-progress-fill:       #DC1D13;
  --form-letter-bg:           rgba(255, 255, 255, 0.15);
  --form-letter-accent:       rgba(255, 255, 255, 0.6);

}

.form-skin-landing div.form-control,
.form-skin-landing div.form-control small {
  color:  var(--form-text-input) !important;
}

/* Links en landing: texto claro */
.form-skin-landing a, .form-skin-landing .privacy-text { color: var(--form-text-color); }