/* 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: 0 !important;
  padding: 12px 26px !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  color: #ffffff !important;
  text-shadow: none !important;
  background: #ff7700 !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: 0 8px 20px rgba(255, 119, 0, .32) !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: #ffffff !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .08) !important;
  backdrop-filter: none;
}
.home-premium .logo-text {
  display: none !important;
}
.home-premium .nav-main a {
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: .04em !important;
  color: #2a2a2a !important;
  background: transparent !important;
  border-radius: 0 !important;
  min-height: 0 !important;
}
.home-premium .nav-main a.active,
.home-premium .nav-main a[aria-current="page"] {
  color: #ff7700 !important;
  background: transparent !important;
  border-bottom: 2px solid #ff7700 !important;
  box-shadow: none !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: blanco sobre scrim oscuro (mismo lenguaje que Donar) */
.home-premium .hero-donate-lead,
.home-premium .hero-p-full .hero-donate-lead {
  font-family: "Poppins", sans-serif !important;
  font-size: 40px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -.03em !important;
  white-space: nowrap !important;
  max-width: none !important;
  color: #ffd140 !important;
  text-shadow:
    0 1px 0 rgba(0, 0, 0, .55),
    0 3px 8px rgba(0, 0, 0, .75),
    0 10px 28px rgba(0, 0, 0, .55) !important;
}
.home-premium .hero-donate-lead em,
.home-premium .hero-p-full .hero-donate-lead em {
  font-style: normal !important;
  color: #ffd140 !important;
}
.home-premium .hero-donate-lead strong,
.home-premium .hero-p-full .hero-donate-lead strong {
  font-style: normal !important;
  font-weight: 800 !important;
  color: #ffd140 !important;
}
.home-premium .hero-donate-lead span,
.home-premium .hero-p-full .hero-donate-lead span {
  color: #ffd140 !important;
}
.home-premium .hero-donate-left .hero-mail-key {
  color: #ffd140 !important;
}
.home-premium .hero-donate-left .hero-mail-key span {
  color: #ffd140 !important;
}
@media (max-width: 1024px) {
  .home-premium .hero-donate-lead,
  .home-premium .hero-p-full .hero-donate-lead {
    font-size: 34px !important;
  }
}
@media (max-width: 700px) {
  .home-premium .hero-donate-lead,
  .home-premium .hero-p-full .hero-donate-lead {
    font-size: 22px !important;
    letter-spacing: -.02em !important;
    color: #ffd140 !important;
    text-shadow:
      0 1px 0 rgba(0, 0, 0, .45),
      0 4px 10px rgba(0, 0, 0, .4) !important;
    white-space: nowrap !important;
  }
}
.home-premium .hero-donate-steps li {
  color: #fff !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .65);
}
.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: #121826 !important;
  color: #d5d8e0 !important;
  border-top: 0 !important;
  padding: 56px 0 28px !important;
  font-family: "Poppins", sans-serif !important;
}
.home-premium .site-footer p,
.home-premium .site-footer span,
.home-premium .ft-brand span {
  color: #c5c9d4 !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 15px !important;
}
.home-premium .site-footer a:not(.btn) {
  color: #eef0f5 !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !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;
  font-family: "Poppins", sans-serif !important;
  font-weight: 800 !important;
  font-size: 20px !important;
}
.home-premium .site-footer h4 {
  color: #ffd140 !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 800 !important;
  font-size: 13px !important;
}
.home-premium .site-footer .footer-domain-label {
  color: #ff7700 !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
}
.home-premium .fx-crisis {
  background: #fff8f1 !important;
}
.home-premium .fx-crisis-head h2,
.home-premium .fx-crisis-head h1 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(30px, 3.6vw, 40px) !important;
  color: #0a2a62 !important;
  letter-spacing: -.03em !important;
}
.home-premium .fx-kicker,
.home-premium .fx-cap em {
  font-family: "Poppins", sans-serif !important;
  font-weight: 800 !important;
  color: #ff7700 !important;
}
.home-premium .fx-sub,
.home-premium .fx-txt {
  font-family: "Poppins", sans-serif !important;
  color: #3d3d3d !important;
}
.home-premium .fx-cap strong {
  font-family: "Poppins", sans-serif !important;
  font-weight: 800 !important;
  color: #0a2a62 !important;
}
.home-premium .btn-donar-main:hover,
.home-premium .btn-header-cta:hover,
.home-premium .header-actions .btn-header-cta:hover {
  background: #e86a00 !important;
}

/* Páginas internas: misma familia que el inicio */
.home-premium .la-head h1,
.home-premium .la-body h2,
.home-premium .qs-look h1,
.home-premium .qs-look h2,
.home-premium .qs-look-vals h3,
.home-premium .dx-story-body h1,
.home-premium .dx-story-body h2,
.home-premium .qs-hero h1,
.home-premium .qs-card h3 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 800 !important;
  color: #0a2a62 !important;
}
.home-premium .qs-hero h1 {
  color: #fffaf3 !important;
}
.home-premium .la-lead,
.home-premium .la-body p,
.home-premium .qs-look-intro p,
.home-premium .qs-look-list,
.home-premium .qs-look-iconrow p,
.home-premium .qs-look-vals p,
.home-premium .dx-story-body > p,
.home-premium .qs-hero-lead,
.home-premium .qs-card p {
  font-family: "Poppins", sans-serif !important;
}
.home-premium .la-jump a {
  font-family: "Poppins", sans-serif !important;
}
.home-premium .page-donar .dona-hero-inner h1 {
  color: #ffd140 !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 800 !important;
}
.home-premium .page-donar .dona-hero-inner h1 em {
  color: #ffd140 !important;
}
.home-premium .page-donar .dona-hero-inner h1 strong {
  color: #7ec8ff !important;
}
.home-premium .page-donar .dona-hero-inner p {
  color: #7ec8ff !important;
}

/* Móvil = Solidaridad: logo · DONAR · menú · CTA 18px · QR acotado */
@media (max-width: 767px) {
  .home-premium .header-inner {
    min-height: 64px !important;
    padding: 6px 10px !important;
  }
  .home-premium .logo-mark {
    height: 48px !important;
    max-width: 140px !important;
  }
  .home-premium .btn-donar-main,
  .home-premium .btn-header-cta,
  .home-premium .header-actions .btn-header-cta {
    font-size: 14px !important;
    padding: 10px 20px !important;
    min-height: 0 !important;
  }
  .home-premium .hero-p-full .hero-qr-label {
    font-size: 18px !important;
    padding: 10px 30px !important;
    border-radius: 50px !important;
  }
  .home-premium .hero-qr-wrap {
    width: min(280px, 78vw) !important;
    max-width: min(280px, 78vw) !important;
  }
  .home-premium .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .home-premium .hero-donate-lead,
  .home-premium .hero-p-full .hero-donate-lead {
    font-size: 20px !important;
    white-space: normal !important;
    color: #ffd140 !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 Donar = salmón vivo del logo / referencia #ff7b00 */
.home-premium .btn-donar-main,
.home-premium .btn-header-cta,
.home-premium .header-actions .btn-header-cta {
  min-height: 0 !important;
  padding: 10px 20px !important;
  font-family: "Jost", var(--font-ui) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  background: #ff7700 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 8px 22px rgba(242, 91, 24, .38) !important;
}
.home-premium .btn-donar-main:hover,
.home-premium .btn-header-cta:hover,
.home-premium .header-actions .btn-header-cta:hover {
  background: #d94a10 !important;
  background-image: none !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: #f25b18 !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 {
  display: none !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;
}