/* Sistema de marca — unifica colores, tipografía y ritmo de toda la página */

/* ---- Base ---- */
body.home-premium {
  font-family: var(--font-body);
  font-size: var(--fs-md);
  line-height: 1.65;
  color: var(--text);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  position: relative;
}

/* Sin logo de fondo (eliminado) */
.home-premium .logo-watermark,
.home-premium .logo-band {
  display: none !important;
}
body.home-premium::before,
body.home-premium::after,
.home-premium .sec-somos::before,
.home-premium .sec-que-hacemos::before,
.home-premium .sec-cream::before {
  content: none !important;
  display: none !important;
}
body.home-premium {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* ---- Tipografía global ---- */
.home-premium h1,
.home-premium h2,
.home-premium h3,
.home-premium h4,
.home-premium .mv-band-title,
.home-premium .section-head h2,
.home-premium .bridge-hero-body h2,
.home-premium .focus-card h4,
.home-premium .card-que h3,
.home-premium .prop-row h3 {
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--navy-deep);
  letter-spacing: -.02em;
  line-height: 1.15;
}
.home-premium .qs-hero h1,
.home-premium .qs-hero h2 {
  color: #fffaf3 !important;
}
.home-premium .page-hero h1,
.home-premium .cta-band h2 {
  color: inherit;
}

.home-premium .section-head h2 {
  font-size: var(--fs-h2);
  margin: 0 0 12px;
}

.home-premium .eyebrow,
.home-premium .mv-band-eyebrow,
.home-premium .card-kicker,
.home-premium .somos-kicker,
.home-premium .bridge-badge,
.home-premium .top-bar-tag {
  font-family: var(--font-ui) !important;
  font-size: var(--fs-xs) !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.home-premium .eyebrow,
.home-premium .mv-band-eyebrow,
.home-premium .card-kicker,
.home-premium .somos-kicker {
  color: var(--granate-deep) !important;
}

.home-premium p,
.home-premium .section-head p,
.home-premium .mv-band-intro,
.home-premium .qh-intro p,
.home-premium .bridge-lead,
.home-premium .somos-lead,
.home-premium .somos-subtitle {
  font-family: var(--font-body);
  color: var(--text-muted);
  line-height: 1.65;
}
.home-premium .qs-hero p,
.home-premium .qs-hero-lead,
.home-premium .page-hero p,
.home-premium .cta-band p {
  color: inherit;
}

.home-premium .section-head p,
.home-premium .mv-band-intro,
.home-premium .qh-intro p {
  font-size: var(--fs-lg);
}

/* ---- Secciones: ritmo vertical ---- */
.home-premium .section,
.home-premium .sec-cream,
.home-premium .sec-somos,
.home-premium .sec-que-hacemos {
  padding-top: var(--section-y) !important;
  padding-bottom: var(--section-y) !important;
}

.home-premium .sec-bridge {
  background: #fff !important;
}

.home-premium .sec-somos {
  background: var(--white) !important;
}

.home-premium .sec-cream,
.home-premium .sec-que-hacemos {
  background: var(--crema) !important;
}

/* ---- Contenedor ---- */
.home-premium .container,
.home-premium .bridge-shell,
.home-premium .header-inner,
.home-premium .top-bar-inner,
.home-premium .site-footer .container {
  max-width: var(--container) !important;
}

/* ---- Botones unificados ---- */
.home-premium .btn-donar-main,
.home-premium .btn-header-cta,
.home-premium .focus-band-cta {
  font-family: var(--font-ui) !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  border-radius: 999px !important;
}

.home-premium .btn-donar-main,
.home-premium .btn-header-cta,
.home-premium .header-actions .btn-header-cta {
  min-height: 48px !important;
  padding: 0 26px !important;
  font-size: 13.5px !important;
  letter-spacing: .07em !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(120, 40, 20, .2) !important;
  background: linear-gradient(145deg, #ff9a3c 0%, #ff7700 55%, #e85d04 100%) !important;
  border: 0 !important;
  box-shadow: 0 8px 22px rgba(255, 119, 0, .4) !important;
}
.home-premium .btn-donar-main span,
.home-premium .btn-header-cta span {
  color: #ffffff !important;
  opacity: 1 !important;
}

.home-premium .btn-wa,
.home-premium .bridge-qr-wa {
  font-family: var(--font-ui) !important;
  font-weight: 700 !important;
  background: var(--wa) !important;
  color: #fff !important;
  border-radius: 999px !important;
}

.home-premium .btn-outline-warm {
  font-family: var(--font-ui) !important;
  border-color: rgba(92, 61, 46, .28) !important;
  color: var(--navy) !important;
}

/* ---- Header ---- */
.home-premium .site-header {
  background: rgba(255, 253, 249, .96) !important;
  backdrop-filter: blur(12px);
}
.home-premium .logo-text span,
.home-premium .logo-text {
  font-family: var(--font-display) !important;
  color: var(--navy-deep) !important;
}
.home-premium .logo-text small {
  font-family: var(--font-ui) !important;
  color: var(--text-muted) !important;
}
.home-premium .nav-main a {
  font-family: var(--font-ui) !important;
  font-weight: 600 !important;
  color: var(--navy) !important;
}
.home-premium .nav-main a.active,
.home-premium .nav-main a[aria-current="page"] {
  color: #ffffff !important;
  background: linear-gradient(135deg, #6a88b8 0%, #4a6fa8 100%) !important;
}

/* ---- Misión / visión rows: marca cálida (no azul frío) ---- */
.home-premium .mv-band {
  background:
    radial-gradient(ellipse 70% 80% at 0% 0%, rgba(224, 122, 95, .09), transparent 55%),
    linear-gradient(180deg, var(--surface) 0%, var(--crema) 100%) !important;
  border-color: var(--border) !important;
  border-radius: var(--radius-lg) !important;
}
.home-premium .mv-band-title {
  color: var(--navy-deep) !important;
  text-transform: none !important;
}
.home-premium .mv-row-body {
  /* already warm in home-premium; reinforce */
  font-family: var(--font-body) !important;
}
.home-premium .mv-row-name {
  font-family: var(--font-ui) !important;
}
.home-premium .mv-row-quote {
  font-family: var(--font-display) !important;
}

/* ---- Enfoque: bandera CO suave (no forzar coral/oro fuerte) ---- */
.home-premium .focus-band {
  border-radius: var(--radius-lg) !important;
  background:
    linear-gradient(
      180deg,
      rgba(245, 197, 24, .14) 0%,
      rgba(245, 197, 24, .08) 38%,
      rgba(30, 77, 156, .07) 55%,
      rgba(30, 77, 156, .05) 72%,
      rgba(201, 58, 74, .08) 100%
    ),
    radial-gradient(ellipse 70% 50% at 95% 8%, rgba(245, 197, 24, .18), transparent 55%),
    radial-gradient(ellipse 45% 40% at 8% 92%, rgba(201, 58, 74, .1), transparent 50%),
    linear-gradient(165deg, #fffaf3 0%, #f7f2ea 55%, #f5efe8 100%) !important;
  border: 1px solid rgba(92, 61, 46, .1) !important;
}
.home-premium .focus-card h4 {
  font-family: var(--font-display) !important;
  color: var(--navy-deep) !important;
}
.home-premium .focus-card > p {
  font-family: var(--font-body) !important;
  color: var(--text-muted) !important;
}
.home-premium .focus-points li {
  font-family: var(--font-ui) !important;
  color: var(--navy) !important;
}
.home-premium .focus-band-cta {
  font-size: 14.5px !important;
  padding: 15px 28px !important;
  min-height: 48px !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(30, 40, 70, .28) !important;
  background: linear-gradient(
    118deg,
    #e0b820 0%,
    #c9a018 18%,
    #3d6ab0 52%,
    #2f5a9e 68%,
    #c23a4a 100%
  ) !important;
  border: 2px solid rgba(255, 255, 255, .72) !important;
  box-shadow:
    0 4px 0 rgba(40, 55, 100, .12),
    0 12px 28px rgba(45, 80, 150, .28),
    0 0 0 4px rgba(61, 106, 176, .12) !important;
}
/* Iconos: tricolor suave + trazo blanco legible */
.home-premium .focus-circle {
  color: #ffffff !important;
  background: linear-gradient(145deg, #dcc44a 0%, #7a96c0 52%, #c46a72 100%) !important;
  border: 2px solid rgba(255, 255, 255, .55) !important;
  box-shadow: 0 6px 16px rgba(90, 110, 150, .16) !important;
}
.home-premium .focus-card:nth-child(1) .focus-circle {
  background: linear-gradient(150deg, #edd46a 0%, #d4b84a 42%, #9aafcc 100%) !important;
}
.home-premium .focus-card:nth-child(2) .focus-circle {
  background: linear-gradient(150deg, #b8c8e0 0%, #6a88b8 48%, #8a9ec4 100%) !important;
}
.home-premium .focus-card:nth-child(3) .focus-circle {
  background: linear-gradient(150deg, #d4a0a6 0%, #c45a64 48%, #a85058 100%) !important;
}
.home-premium .focus-card:nth-child(4) .focus-circle {
  background: linear-gradient(150deg, #e0c85a 0%, #7a96c0 50%, #c46a72 100%) !important;
}
.home-premium .focus-circle svg,
.home-premium .focus-circle svg * {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
}

/* ---- Cards qué hacemos ---- */
.home-premium .card-que,
.home-premium .card-photo {
  border-radius: var(--radius-lg) !important;
  border-color: var(--border) !important;
  background: var(--white) !important;
}
.home-premium .card-que h3,
.home-premium .card-photo-body h3 {
  font-family: var(--font-display) !important;
  color: var(--navy-deep) !important;
  font-size: var(--fs-h4) !important;
}
.home-premium .card-que p,
.home-premium .card-photo-body p {
  font-family: var(--font-body) !important;
  color: var(--text-muted) !important;
}
.home-premium .card-link {
  font-family: var(--font-ui) !important;
  font-weight: 700 !important;
  color: var(--granate-deep) !important;
}

/* ---- Propósito ---- */
.home-premium .prop-row {
  border-radius: var(--radius) !important;
}
.home-premium .prop-row h3 {
  font-family: var(--font-display) !important;
  color: var(--navy-deep) !important;
}
.home-premium .prop-row-text p {
  font-family: var(--font-body) !important;
  color: var(--text-muted) !important;
}

/* ---- Valores ---- */
.home-premium .mv-values {
  border-radius: var(--radius-lg) !important;
  background: var(--crema) !important;
  border-color: var(--border) !important;
}
.home-premium .mv-values-label {
  color: var(--granate-deep) !important;
  font-family: var(--font-ui) !important;
}
.home-premium .mv-values-grid strong {
  font-family: var(--font-ui) !important;
  color: var(--navy-deep) !important;
}
.home-premium .mv-values-grid span {
  font-family: var(--font-body) !important;
  color: var(--text-muted) !important;
}

/* ---- Donación: armonía cálida (flag solo en barrita) ---- */
.home-premium .bridge-hero-donar {
  border-radius: var(--radius-lg) !important;
  border-color: var(--border) !important;
  background: var(--surface) !important;
}
.home-premium .bridge-hero-body h2 {
  font-family: var(--font-display) !important;
  color: var(--navy-deep) !important;
}
.home-premium .bridge-lead {
  font-family: var(--font-body) !important;
  color: var(--text-muted) !important;
}
.home-premium .bridge-llave-num {
  font-family: var(--font-ui) !important;
  color: var(--navy-deep) !important;
}
.home-premium .bridge-step-txt em {
  color: var(--navy) !important;
  font-family: var(--font-ui) !important;
}

/* ---- Galería / CTA ---- */
.home-premium .gal-item {
  border-radius: var(--radius) !important;
}
.home-premium .cta-band {
  background:
    linear-gradient(135deg, #ffe8c8 0%, #ffd0a8 45%, #ffb888 100%) !important;
  border-top: 1px solid var(--border) !important;
  border-bottom: 1px solid var(--border) !important;
}
.home-premium .cta-band h2 {
  font-family: var(--font-display) !important;
  color: var(--ink) !important;
}
.home-premium .cta-band p {
  font-family: var(--font-body) !important;
  color: var(--text-muted) !important;
  opacity: 1 !important;
}

/* Hero donación: texto oscuro sobre el degradado claro */
.home-premium .hero-donate-lead,
.home-premium .hero-donate-steps li {
  color: #8a3014 !important;
}
.home-premium .hero-donate-steps strong {
  color: #8a3014 !important;
}
.home-premium .hero-donate-steps li::before {
  color: #ff7700 !important;
}
.home-premium .hero-qr-who {
  color: #1a1a1a !important;
}

/* Pie oscuro de columnas */
.home-premium .site-footer {
  background: #2a2a2a !important;
  color: #cfcfcf !important;
  border-top: 0 !important;
  padding: 56px 0 28px !important;
}
.home-premium .site-footer p,
.home-premium .site-footer span,
.home-premium .ft-brand span {
  color: #c4c4c4 !important;
}
.home-premium .site-footer a:not(.btn) {
  color: #e8e8e8 !important;
  font-family: var(--font-ui) !important;
}
.home-premium .site-footer a:not(.btn):hover {
  color: #ff7700 !important;
}
.home-premium .footer-bottom {
  border-top-color: #3d3d3d !important;
  color: #9a9a9a !important;
}
.home-premium .footer-bottom p {
  color: #9a9a9a !important;
}
.home-premium .ft-brand strong {
  color: #fff !important;
}
.home-premium .site-footer h4 {
  color: #fff !important;
}
.home-premium .site-footer .footer-domain-label {
  color: #ff7700 !important;
}

/* ---- Legibilidad forzada en bloques clave ---- */
.home-premium .mv-row-body p,
.home-premium .mv-row-quote,
.home-premium .focus-band .mv-band-title,
.home-premium .focus-band-lead,
.home-premium .focus-card h4,
.home-premium .focus-card > p,
.home-premium .somos-story h3,
.home-premium .somos-story p {
  color: var(--ink) !important;
}
.home-premium .focus-band-lead,
.home-premium .focus-card > p,
.home-premium .somos-story p,
.home-premium .mv-band-intro,
.home-premium .section-head p {
  color: var(--text-muted) !important;
}
.home-premium .mv-row-quote {
  color: var(--brand-deep) !important;
}
.home-premium .focus-band {
  /* bandera CO sutil — se define arriba en bloque Enfoque; no pisar con coral fuerte */
  box-shadow: var(--shadow) !important;
}
.home-premium .mv-band {
  background:
    radial-gradient(ellipse 70% 80% at 0% 0%, rgba(224, 106, 72, .18), transparent 55%),
    linear-gradient(180deg, #fff8f0 0%, #ffeeda 100%) !important;
}
.home-premium .sec-bridge {
  background: linear-gradient(180deg, #fff3e6 0%, #ffe8d4 100%) !important;
}
.home-premium .sec-cream,
.home-premium .sec-que-hacemos {
  background: var(--crema) !important;
}
/* CTA unificado: salmón / coral (como antes) */
.home-premium .btn-donar-main,
.home-premium .btn-header-cta,
.home-premium .header-actions .btn-header-cta {
  min-height: 48px !important;
  padding: 0 26px !important;
  font-size: 13.5px !important;
  background: linear-gradient(145deg, #f2a07a 0%, #e8885c 35%, #e06a48 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 8px 22px rgba(224, 106, 72, .32) !important;
}
.home-premium .mv-row-body {
  color: var(--ink) !important;
}
.home-premium .sec-prop {
  /* si el propósito es oscuro, aclararlo */
}
.home-premium .sec-prop .section-head.light h2 {
  color: var(--ink) !important;
}
.home-premium .sec-prop .section-head.light p {
  color: var(--text-muted) !important;
}

/* ---- FAB ---- */
.home-premium .fab-donar {
  background: linear-gradient(135deg, var(--gold), var(--coral)) !important;
  font-family: var(--font-ui) !important;
}
.home-premium .fab-wa {
  background: var(--wa) !important;
}

/* ---- Suavizar azules residuales de UI (no bandera) ---- */
.home-premium .bridge-qr-corners {
  opacity: .4;
}
.home-premium a.bridge-qr-frame {
  box-shadow:
    0 0 0 3px rgba(255,255,255,.98),
    0 0 0 6px rgba(224, 122, 95, .12),
    0 18px 40px rgba(61, 41, 20, .1) !important;
}

/* ---- Texto de selección ---- */
.home-premium ::selection {
  background: rgba(224, 122, 95, .22);
  color: var(--navy-deep);
}


/* Top bar y header claros */
.home-premium .top-bar {
  background: var(--crema) !important;
  color: var(--text-muted) !important;
  border-bottom: 1px solid var(--border) !important;
}
.home-premium .top-bar-link,
.home-premium .top-bar-tag {
  color: var(--text) !important;
}
.home-premium .top-bar-link:hover {
  color: var(--accent-deep) !important;
}
.home-premium .site-header {
  background: rgba(255, 253, 251, .97) !important;
}