/* ==========================================================================
   CORPORATE GOLD / DYNAMIC CORPORATE - THEME.CSS
   Tema corporativo financiero adaptable a colores del panel.
   ========================================================================== */


/* ==========================================================================
   01. Theme Tokens
   ========================================================================== */

:root {
  /*
    Este tema ya no fija colores de marca.
    Los colores reales vienen desde Ajustes mediante:
    --fc-primary
    --fc-secondary
    --fc-accent
    --fc-bg
    --fc-text
    --fc-primary-rgb
    --fc-secondary-rgb
    --fc-accent-rgb
  */

  --fc-soft-section-bg: var(--fc-bg);
  --fc-white-section-bg: #ffffff;
  --fc-dark-section-bg: var(--fc-secondary);

  --fc-hero-bg:
    radial-gradient(circle at top left, rgba(var(--fc-accent-rgb), 0.16), transparent 36%),
    radial-gradient(circle at bottom right, rgba(var(--fc-primary-rgb), 0.14), transparent 36%),
    linear-gradient(135deg, #ffffff, var(--fc-bg));

  --fc-page-hero-bg:
    radial-gradient(circle at top left, rgba(var(--fc-accent-rgb), 0.14), transparent 35%),
    linear-gradient(135deg, #ffffff, var(--fc-bg));

  --fc-dynamic-hero-bg:
    radial-gradient(circle at top left, rgba(var(--fc-accent-rgb), 0.12), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, var(--fc-bg) 100%);

  --fc-premium-gradient:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.16), transparent 36%),
    linear-gradient(135deg, var(--fc-secondary), var(--fc-primary));

  --fc-card-gradient:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.16), transparent 36%),
    linear-gradient(135deg, var(--fc-secondary), var(--fc-primary));

  --fc-theme-soft-border: rgba(var(--fc-primary-rgb), 0.14);
  --fc-theme-soft-border-hover: rgba(var(--fc-primary-rgb), 0.24);
  --fc-theme-soft-bg: rgba(var(--fc-primary-rgb), 0.10);
  --fc-theme-accent-bg: rgba(var(--fc-accent-rgb), 0.12);
}


/* ==========================================================================
   02. Global Theme Overrides
   ========================================================================== */

.fc-header,
.fc-header--glass,
.fc-header--corporate {
  background: rgba(255, 255, 255, 0.9);
}

.fc-hero {
  background: var(--fc-hero-bg);
}

.fc-brand__mark {
  background: linear-gradient(135deg, var(--fc-primary), var(--fc-accent));
}

.fc-btn--primary,
.fc-header-corporate__cta {
  background: var(--fc-accent-gradient);
  color: #ffffff;
}

.fc-btn--primary:hover,
.fc-header-corporate__cta:hover {
  background: linear-gradient(135deg, var(--fc-accent), var(--fc-primary));
}


/* ==========================================================================
   03. Premium Surfaces
   ========================================================================== */

.fc-finance-card,
.fc-cta__box,
.fc-cta-split__card,
.fc-content-card .fc-content-cta,
.fc-widget-whatsapp {
  background: var(--fc-premium-gradient);
}


/* ==========================================================================
   04. Borders / Cards
   ========================================================================== */

.fc-service-card,
.fc-service-clean-card,
.fc-corporate-panel,
.fc-hero-minimal__stats div,
.fc-widget-service-card,
.fc-widget-benefits__grid article,
.fc-widget-requirements__list li {
  border-color: var(--fc-theme-soft-border);
}

.fc-service-card:hover,
.fc-service-clean-card:hover {
  border-color: var(--fc-theme-soft-border-hover);
}


/* ==========================================================================
   05. Labels / Eyebrows
   ========================================================================== */

.fc-eyebrow {
  background: var(--fc-theme-accent-bg);
  color: var(--fc-accent);
  border-color: rgba(var(--fc-accent-rgb), 0.20);
}

.fc-section-heading span,
.fc-widget-heading span,
.fc-cta-simple__inner span,
.fc-cta-split__content span,
.fc-corporate-panel > span {
  color: var(--fc-accent);
}


/* ==========================================================================
   06. Icon Accents
   ========================================================================== */

.fc-service-card__icon,
.fc-service-clean-card__icon,
.fc-widget-benefits__grid span,
.fc-icon-box {
  background: var(--fc-theme-soft-bg);
  color: var(--fc-primary);
}

.fc-service-card:hover .fc-service-card__icon {
  background: linear-gradient(135deg, var(--fc-primary), var(--fc-accent));
  color: #ffffff;
}

.fc-requirement-icon,
.fc-widget-requirements__list li::before {
  background: linear-gradient(135deg, var(--fc-primary), var(--fc-accent));
  color: #ffffff;
}


/* ==========================================================================
   07. Variant Adjustments
   ========================================================================== */

.fc-hero--corporate {
  background:
    radial-gradient(circle at top left, rgba(var(--fc-accent-rgb), 0.14), transparent 35%),
    linear-gradient(135deg, #ffffff, var(--fc-bg));
}

.fc-hero-minimal {
  background:
    radial-gradient(circle at top center, rgba(var(--fc-accent-rgb), 0.14), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, var(--fc-bg) 100%);
}

.fc-services-dark {
  background:
    radial-gradient(circle at top left, rgba(var(--fc-accent-rgb), 0.15), transparent 32%),
    linear-gradient(135deg, var(--fc-secondary), var(--fc-primary));
}

.fc-cta-split {
  background:
    radial-gradient(circle at bottom right, rgba(var(--fc-accent-rgb), 0.12), transparent 34%),
    linear-gradient(135deg, #ffffff, var(--fc-bg));
}

.fc-cta-simple__inner {
  background: var(--fc-bg);
}


/* ==========================================================================
   08. Footer Variants
   ========================================================================== */

.fc-footer--columns {
  background: var(--fc-secondary);
}

.fc-footer-simple__cta {
  background: var(--fc-accent-gradient);
  color: #ffffff;
}


/* ==========================================================================
   09. Forms / Focus
   ========================================================================== */

.fc-form input:focus,
.fc-form select:focus,
.fc-form textarea:focus,
.fc-simulator-card input:focus,
.fc-simulator-card select:focus {
  border-color: var(--fc-primary);
  box-shadow: 0 0 0 4px rgba(var(--fc-primary-rgb), 0.12);
}

.fc-form__group:focus-within label,
.fc-simulator-card .fc-form__group:focus-within label {
  color: var(--fc-primary);
}


/* ==========================================================================
   10. Small Details
   ========================================================================== */

.fc-nav a:hover,
.fc-nav a.is-active {
  color: var(--fc-accent);
}

.fc-nav a::after {
  background: linear-gradient(135deg, var(--fc-primary), var(--fc-accent));
}

.fc-content-card a,
.fc-widget-service-card h3,
.fc-widget-faq summary {
  color: var(--fc-secondary);
}

.fc-content-card h2 .fc-icon,
.fc-content-card h3 .fc-icon,
.fc-widget-service-card .fc-icon,
.fc-widget-benefits__grid .fc-icon {
  color: var(--fc-primary);
}