/* =============================================================
   POLLITOS DETAILING — UNIFIED CYAN THEME v3 (bulletproof)

   Rule: Every card/section that has a DARK background gets EXPLICIT
   white text on every text element — NO inheritance dependencies,
   so Safari/iOS renders correctly.
   ============================================================= */

:root {
  --navy: #001270; --navy2: #001E99; --navy3: #0040FF; --card: #001270;
  --bg: #7DF9FF; --bg-soft: #B8FCFF;
  --yellow: #FFD60A; --yellow2: #FFEB4D; --y: #FFD60A;
  --sky: #7DF9FF; --cyan: #7DF9FF; --blue: #7DF9FF; --blue2: #B8FCFF;
  --white: #fff; --w: #fff; --w2: rgba(255,255,255,0.85); --w3: rgba(255,255,255,0.65);
  --muted: rgba(255,255,255,0.78);
  --border: rgba(125,249,255,0.32); --br-light: rgba(125,249,255,0.32);
  --br-dark: rgba(0,18,112,0.18);
  --green: #25D366;
  --tx: #001270; --tx2: #001E99; --d1: #001270; --d2: #001E99; --d3: #0040FF; --d4: #000A40;
  --deepest: #000A40;
}

/* === BASE: cyan canvas === */
html, body { background: #7DF9FF !important; }

/* === LIGHT (cyan/white) ZONES — dark text === */
.section, section.section,
.bg-cyan, .bg-white-panel,
.faq, .faq-section, .trust-bar,
.testimonial-card, .compare-card.bad,
.fitem, .cinfo-card,
main > section:not(.hero):not(.page-hero):not(.pkg-hero):not(.cta):not(.cta-section):not(.section-deep):not(.dark-section) {
  background-color: #7DF9FF !important;
}
main > section:not(.hero):not(.page-hero):not(.pkg-hero):not(.cta):not(.cta-section):not(.section-deep):not(.dark-section):nth-of-type(even) {
  background-color: #ffffff !important;
}

/* Light-zone headings */
.section > h1, .section > h2, .section > h3, .section > h4,
.section > div > h1, .section > div > h2, .section > div > h3, .section > div > h4,
.section .sh, .services-head h2, .services-head h3, .services-head .sh,
.faq-section h2, .faq-section h3, .faq-section .label, .faq .label,
.trust-text strong,
.compare-card.bad .compare-title,
.cinfo-val, .cinfo-val a,
.testimonial-card .testimonial-text,
.fitem .fq, .fitem .fa { color: #001270 !important; }

.section > p, .section > div > p, .section .sdesc, .sdesc,
.fa, .testimonial-card .testimonial-author,
.cinfo-label, .trust-text span { color: #001E99 !important; }

/* Yellow accents — always pop */
.yl, .yellow, span.yl, span.yellow,
.sh .yl, h2 .yl, h1 .yl,
.scard .yl, .acard .yl, .tier-name .yl, .ph-h1 .yl,
.pkg-h1 .yl, .pkg-h1 .yellow { color: #FFD60A !important; }

/* Cyan-on-light → bright electric blue */
.section > h1 span:not(.yl):not(.yellow),
.section > h2 span:not(.yl):not(.yellow),
.section > div > h1 span:not(.yl):not(.yellow),
.section > div > h2 span:not(.yl):not(.yellow),
.services-head h2 span:not(.yl):not(.yellow) { color: #0040FF !important; }
/* Cyan-on-dark → cyan */
.hero h1 span:not(.yl):not(.yellow),
.page-hero h1 span:not(.yl):not(.yellow),
.pkg-hero h1 span:not(.yl):not(.yellow),
.cta-title span:not(.yl):not(.yellow),
.cta h2 span:not(.yl):not(.yellow),
.section-deep h2 span:not(.yl):not(.yellow),
.footer-cta-band h3 span:not(.yl):not(.yellow) { color: #7DF9FF !important; }

/* Section labels */
.section .label, .section > .label { color: #001270 !important; }
.section .label::before, .section > .label::before { background: #0040FF !important; }
.section-deep .label, .hero .label, .page-hero .label, .pkg-hero .label,
.cta .label, .cta-section .label, footer .label { color: #FFD60A !important; }
.section-deep .label::before, .hero .label::before, .page-hero .label::before,
.pkg-hero .label::before, .cta-section .label::before { background: #FFD60A !important; }

/* === NAV === */
nav#nav, nav { background: rgba(0,18,112,0.96) !important; border-bottom: 2px solid #FFD60A !important; }
nav .nav-links a, nav .nav-links a:link, nav .nav-links a:visited { color: rgba(255,255,255,0.78) !important; }
nav .nav-links a:hover, nav .nav-links a.active { color: #fff !important; background: rgba(255,255,255,.06) !important; }
nav .nav-links a::after { background: #FFD60A !important; }
nav .nav-cta, nav .nav-cta:link, nav .nav-cta:visited { background: #FFD60A !important; color: #000A40 !important; border: 2px solid #FFD60A !important; box-shadow: 0 4px 14px rgba(255,214,10,.5) !important; }
nav .nav-cta:hover { background: transparent !important; color: #FFD60A !important; }
nav .nav-phone { color: #fff !important; border-color: rgba(255,255,255,.32) !important; }
nav .nav-phone:hover { color: #FFD60A !important; border-color: #FFD60A !important; }
nav .nav-logo .nav-logo-name, nav .nav-logo span:first-of-type { color: #fff !important; }
nav .nav-logo-tag { color: #FFD60A !important; }
nav .nav-divider { background: rgba(255,255,255,.18) !important; }

.mobile-nav { background: #001270 !important; border-bottom: 2px solid #FFD60A !important; }
.mobile-nav a, .mobile-nav .mob-link { color: rgba(255,255,255,0.85) !important; }
.mobile-nav a:hover, .mobile-nav .mob-link:hover { color: #FFD60A !important; }
.mobile-nav .mob-cta { background: #FFD60A !important; color: #000A40 !important; }

/* === TOP BAR === */
.topbar { background: #000A40 !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; }
.topbar-item, .topbar-item *, .topbar-item a { color: rgba(255,255,255,.7) !important; }
.topbar-item a:hover { color: #FFD60A !important; }
.topbar-rating, .topbar-rating * { color: #FFD60A !important; }

/* === HEROES === */
.hero, .page-hero, .pkg-hero, header.hero {
  background: linear-gradient(135deg, #000A40 0%, #001270 50%, #0040FF 100%) !important;
  border-bottom: 4px solid #FFD60A !important;
}
.hero, .hero h1, .hero h2, .hero h3, .hero p, .hero li, .hero div, .hero span,
.page-hero, .page-hero h1, .page-hero h2, .page-hero h3, .page-hero p, .page-hero li, .page-hero div,
.pkg-hero, .pkg-hero h1, .pkg-hero h2, .pkg-hero h3, .pkg-hero p, .pkg-hero li, .pkg-hero div { color: #fff; }
.hero h1, .page-hero h1, .pkg-hero h1, .pkg-hero .pkg-h1 { color: #fff !important; }
.hero p, .hero .hero-sub, .page-hero p, .page-hero .ph-sub, .pkg-hero p, .pkg-hero .pkg-tagline,
.pkg-hero .pkg-sub { color: rgba(255,255,255,0.92) !important; }

.hero-badge, .ph-badge, .pkg-hero .badge, .pkg-tag {
  background: rgba(255,214,10,0.16) !important;
  border: 1.5px solid rgba(255,214,10,0.55) !important;
  color: #FFD60A !important;
}
.hero-badge *, .ph-badge *, .pkg-tag * { color: #FFD60A !important; }

/* Hero stat pills */
.hero-stats > div, .hero-stat, .pkg-hero-stat, .stat-pill {
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(255,255,255,0.18) !important;
}
.hero-stats .num, .stat-pill .num, .hero-stat .stat-num, .hero-stats strong { color: #FFD60A !important; }
.hero-stats .lbl, .stat-pill .lbl, .hero-stat .stat-label, .hero-stats small { color: rgba(255,255,255,0.65) !important; }

/* Trust pills inside hero */
.ph-trust-row, .pkg-trust-row { color: #fff !important; }
.ph-trust-chip, .pkg-trust-pill {
  background: rgba(255,255,255,0.08) !important;
  border: 1.5px solid rgba(255,255,255,0.22) !important;
  color: #fff !important;
}
.ph-trust-chip *, .pkg-trust-pill * { color: #fff !important; }

/* Breadcrumbs */
.breadcrumb, .breadcrumbs, .pkg-breadcrumb { color: rgba(255,255,255,0.65) !important; }
.breadcrumb a, .breadcrumbs a, .pkg-breadcrumb a { color: rgba(255,255,255,0.78) !important; text-decoration: none; }
.breadcrumb a:hover, .breadcrumbs a:hover, .pkg-breadcrumb a:hover { color: #FFD60A !important; }
.pkg-breadcrumb span { color: #7DF9FF !important; }

/* Package hero specifics */
.pkg-hero h1 .yl, .pkg-hero h1 .yellow { color: #FFD60A !important; }
.pkg-hero .price, .pkg-hero .pkg-price, .pkg-hero h2.price,
.pkg-price-main, .pkg-price-row, .ph-price { color: #FFD60A !important; }
.pkg-hero .pkg-price-from, .pkg-hero small,
.pkg-price-from, .pkg-price-sub { color: rgba(255,255,255,0.7) !important; }
.pkg-hero ul li, .pkg-hero li { color: rgba(255,255,255,0.92) !important; }
.pkg-hero ul li::before, .pkg-hero li::before { color: #FFD60A !important; }

/* Hero buttons */
.hero a.btn-wa, .pkg-hero a.btn-wa, a.book-wa,
.hero a[href*="wa.me"], .pkg-hero a[href*="wa.me"] {
  background: #25D366 !important; color: #fff !important; border-color: #25D366 !important;
}
.hero a[href*="wa.me"] *, .pkg-hero a[href*="wa.me"] * { color: #fff !important; }
.hero a[href^="tel:"], .pkg-hero a[href^="tel:"], a.call-now {
  background: transparent !important; color: #fff !important;
  border: 2px solid rgba(255,255,255,.45) !important;
}
.hero a[href^="tel:"] *, .pkg-hero a[href^="tel:"] * { color: #fff !important; }
.hero a[href^="tel:"]:hover, .pkg-hero a[href^="tel:"]:hover {
  border-color: #FFD60A !important; color: #FFD60A !important;
}

/* === MARQUEE === */
.marquee-outer, .marquee, .ticker {
  background: #FFD60A !important;
  border-top: 3px solid rgba(0,0,0,.18) !important;
  border-bottom: 3px solid rgba(0,0,0,.18) !important;
}
.marquee-track span, .marquee span, .ticker span { color: #000A40 !important; }
.marquee-track .sep, .ticker .sep { color: #0040FF !important; }

/* === TRUST BAR === */
.trust-bar, .trust-strip {
  background: #fff !important;
  border-top: 1px solid rgba(0,18,112,0.18) !important;
  border-bottom: 1px solid rgba(0,18,112,0.18) !important;
}
.trust-bar .trust-text strong, .trust-strip .trust-text strong { color: #001270 !important; }
.trust-bar .trust-text span, .trust-strip .trust-text span { color: #001E99 !important; opacity: 0.78; }
.trust-bar .trust-icon, .trust-strip .trust-icon { color: #FFD60A !important; }
/* Trust items in the white .trust-bar (homepage) — dark text on white BG */
.trust-bar .trust-item { color: #001270 !important; }
.trust-bar .trust-item *:not(svg):not(path) { color: inherit !important; }
.trust-bar .trust-item svg { stroke: #FFD60A !important; color: #FFD60A !important; }

/* Trust chips in dark-themed .trust-strip (addon/package pages) — LIGHT text on DARK chip BG */
.trust-strip { background: transparent !important; border: none !important; }
.trust-strip .trust-chip {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,0.32) !important;
  color: #fff !important;
}
.trust-strip .trust-chip * { color: inherit !important; }
.trust-strip .trust-chip .tc-num { color: #FFD60A !important; }
.trust-strip .trust-chip .tc-lbl { color: rgba(255,255,255,0.78) !important; }

/* === SERVICE / ADDON / AREA / PACKAGE CARDS === */
.scard, .acard, .area-card, .package-card, .feature-card, .pcard {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,0.32) !important;
  box-shadow: 0 12px 30px rgba(0,18,112,0.18) !important;
  color: #fff !important;
}
.scard:hover, .acard:hover, .area-card:hover, .package-card:hover {
  border-color: #FFD60A !important;
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(0,18,112,0.32) !important;
}
.scard h1, .scard h2, .scard h3, .scard h4, .scard p, .scard li, .scard div, .scard span,
.scard-name, .scard-title, .scard-desc,
.acard h1, .acard h2, .acard h3, .acard h4, .acard p, .acard li, .acard div,
.area-card h1, .area-card h2, .area-card h3, .area-card h4, .area-card p, .area-card li, .area-card div,
.package-card h1, .package-card h2, .package-card h3, .package-card h4, .package-card p, .package-card li,
.feature-card h1, .feature-card h2, .feature-card h3, .feature-card h4, .feature-card p, .feature-card li {
  color: #fff !important;
}
.scard-desc, .scard p, .scard li, .scard-list li,
.acard p, .acard li, .area-card p, .area-card li,
.package-card p, .package-card li { color: rgba(255,255,255,0.92) !important; }
.scard-list li::before, .acard ul li::before, .scard-list li:before { color: #FFD60A !important; }
.scard-badge, .acard-badge, .package-badge, .badge-popular { background: #FFD60A !important; color: #000A40 !important; }
.scard-badge *, .acard-badge * { color: #000A40 !important; }
.scard-price, .scard .price, .acard .price, .scard-footer .scard-price,
.addon-price { color: #FFD60A !important; }
.scard-price *, .scard-price small, .price small { color: rgba(255,255,255,0.7) !important; }
.scard-price .yl, .scard-price strong { color: #FFD60A !important; }
.scard-link, .acard-link, .area-link, .package-link {
  color: #fff !important;
  border: 1.5px solid rgba(255,255,255,0.45) !important;
  background: transparent !important;
}
.scard-link *, .acard-link * { color: #fff !important; }
.scard-link:hover, .acard-link:hover, .area-link:hover {
  background: #FFD60A !important;
  color: #000A40 !important;
  border-color: #FFD60A !important;
}
.scard-link:hover *, .acard-link:hover * { color: #000A40 !important; }
.scard-duck, .scard-icon { background: rgba(255,214,10,0.16) !important; }

/* Addon cards (a.addon link variant on index) */
a.addon, .addon {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,0.32) !important;
  color: #fff !important;
}
a.addon *, .addon * { color: #fff !important; }
a.addon .addon-name, .addon .addon-name { color: #fff !important; font-weight: 700 !important; }
a.addon .addon-price, .addon .addon-price { color: #FFD60A !important; }
a.addon:hover, .addon:hover { border-color: #FFD60A !important; }

/* === MEMBERSHIP TIER CARDS === */
.tier-card {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,0.32) !important;
  color: #fff !important;
}
.tier-card.featured, .tier-card.popular {
  background: linear-gradient(165deg, #001E99, #0040FF) !important;
  border: 2px solid #FFD60A !important;
}
.tier-card *, .tier-card h1, .tier-card h2, .tier-card h3, .tier-card h4,
.tier-card p, .tier-card li, .tier-card div, .tier-card span { color: #fff !important; }
.tier-card .tier-name { color: #fff !important; font-weight: 800 !important; }
.tier-card .tier-tagline { color: #7DF9FF !important; font-weight: 800 !important; }
.tier-card.featured .tier-tagline, .tier-card.popular .tier-tagline { color: #FFD60A !important; }
.tier-card .tier-desc { color: rgba(255,255,255,0.85) !important; }
.tier-card .tier-list li { color: rgba(255,255,255,0.92) !important; }
.tier-card .tier-list li::before { color: #FFD60A !important; }
.tier-card .tier-list li.bonus { color: #fff !important; font-weight: 800 !important; }
.tier-card .tier-list li.bonus::before { color: #FFD60A !important; }
.tier-card .tier-price, .tier-card .tier-price-wrap { color: #FFD60A !important; }
.tier-card .tier-price small, .tier-card .tier-price-wrap small,
.tier-card .tier-price-wrap .small { color: rgba(255,255,255,0.7) !important; }
.tier-card .tier-vs { color: #fff !important; }
.tier-card .tier-vs s, .tier-card .tier-vs strike, .tier-card s { color: rgba(255,255,255,0.55) !important; }
.tier-card .tier-vs em, .tier-card .tier-vs b, .tier-card .tier-vs strong { color: #FFD60A !important; font-style: normal !important; }
.tier-card .tier-cta {
  color: #fff !important;
  background: transparent !important;
  border: 2px solid rgba(255,255,255,0.45) !important;
}
.tier-card.featured .tier-cta, .tier-card.popular .tier-cta {
  background: #FFD60A !important;
  color: #000A40 !important;
  border-color: #FFD60A !important;
}
.tier-card.featured .tier-cta * { color: #000A40 !important; }
.tier-card .tier-cta:hover { background: #FFD60A !important; color: #000A40 !important; border-color: #FFD60A !important; }
.tier-card .tier-cta:hover * { color: #000A40 !important; }
.tier-card .tier-emoji { background: rgba(255,214,10,0.16) !important; }

/* === COMMUNITIES PROG CARDS === */
.prog-card {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,0.32) !important;
  color: #fff !important;
}
.prog-card.featured, .prog-card.popular {
  background: linear-gradient(165deg, #001E99, #0040FF) !important;
  border: 2px solid #FFD60A !important;
}
.prog-card *, .prog-card h1, .prog-card h2, .prog-card h3, .prog-card h4,
.prog-card p, .prog-card li, .prog-card div, .prog-card span { color: #fff !important; }
.prog-card .prog-name { color: #fff !important; font-weight: 800 !important; }
.prog-card .prog-tagline { color: #7DF9FF !important; font-weight: 800 !important; }
.prog-card.featured .prog-tagline { color: #FFD60A !important; }
.prog-card .prog-desc { color: rgba(255,255,255,0.85) !important; }
.prog-card .prog-list li { color: rgba(255,255,255,0.92) !important; }
.prog-card .prog-list li::before { color: #FFD60A !important; }
.prog-card .prog-list li.bonus { color: #fff !important; font-weight: 800 !important; }
.prog-card .prog-price, .prog-card .prog-price-row { color: #FFD60A !important; }
.prog-card .prog-price-lbl { color: rgba(255,255,255,0.65) !important; }
.prog-card .prog-cta {
  color: #fff !important;
  background: transparent !important;
  border: 2px solid rgba(255,255,255,0.45) !important;
}
.prog-card.featured .prog-cta {
  background: #FFD60A !important;
  color: #000A40 !important;
  border-color: #FFD60A !important;
}
.prog-card.featured .prog-cta * { color: #000A40 !important; }
.prog-card .prog-icon { background: rgba(255,214,10,0.16) !important; }

/* === HOW IT WORKS — STEP CARDS === */
/* On membership/communities pages: white panels on cyan */
.how-step {
  background: #fff !important;
  border: 1.5px solid rgba(0,18,112,0.18) !important;
}
.how-step *, .how-step h1, .how-step h2, .how-step h3, .how-step h4,
.how-step p, .how-step span, .how-step div { color: #001270 !important; }
.how-step .how-num { background: linear-gradient(135deg, #001270, #0040FF) !important; color: #fff !important; }
.how-step .how-num * { color: #fff !important; }
.how-step .how-title { color: #001270 !important; font-weight: 800 !important; }
.how-step .how-desc { color: #001E99 !important; }

/* On index/package: dark electric blue cards */
.step, .step-card, .process-step, .proc-step {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,0.32) !important;
  color: #fff !important;
}
.step *, .step h1, .step h2, .step h3, .step h4, .step p, .step span, .step div,
.step-card *, .process-step *, .proc-step * { color: #fff !important; }
.step .step-title, .step-card .step-title, .process-step .step-title,
.step h3, .step h4, .gs-title, .ps-title, .proc-title { color: #fff !important; font-weight: 800 !important; }
.step .step-desc, .step p, .step-card p, .process-step p,
.gs-desc, .ps-desc, .proc-desc { color: rgba(255,255,255,0.85) !important; }
.step .step-num, .step-card .step-num, .process-step .step-num,
.proc-step .proc-num { color: #FFD60A !important; }
.step .step-ico, .step-card .step-ico { background: rgba(255,214,10,0.16) !important; }

/* === WHY CARDS / PERK CARDS / WHO CARDS / WFEAT === */
.why-card, .perk-card, .who-card, .wfeat {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,0.32) !important;
  color: #fff !important;
}
.why-card *, .perk-card *, .who-card *, .wfeat *,
.why-card h1, .why-card h2, .why-card h3, .why-card h4, .why-card p, .why-card span,
.perk-card h3, .perk-card h4, .perk-card p,
.who-card h3, .who-card h4, .who-card p,
.wfeat h3, .wfeat h4, .wfeat p { color: #fff !important; }
.why-title, .perk-title, .who-name, .wfeat-title {
  color: #fff !important; font-weight: 800 !important;
}
.why-desc, .perk-desc, .who-desc, .wfeat-desc { color: rgba(255,255,255,0.85) !important; }
.why-icon, .perk-icon, .who-icon, .wfeat-duck { background: rgba(255,214,10,0.16) !important; }

/* === PACKAGE PAGE SPECIFIC === */
/* Pricing card on package page */
.pricing-card {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 2px solid rgba(255,214,10,0.55) !important;
  color: #fff !important;
}
.pricing-card *, .pricing-card h1, .pricing-card h2, .pricing-card h3,
.pricing-card p, .pricing-card div, .pricing-card span { color: #fff !important; }
.pricing-card-title { color: #FFD60A !important; font-weight: 800 !important; }
.pricing-card-title * { color: #FFD60A !important; }
.pricing-card .price-row { border-bottom: 1px solid rgba(255,255,255,0.10); color: #fff !important; }
.pricing-card .price-vehicle { color: rgba(255,255,255,0.92) !important; font-weight: 600 !important; }
.pricing-card .price-amount { color: #FFD60A !important; font-weight: 800 !important; }
.pricing-card .price-note, .pricing-card small { color: rgba(255,255,255,0.65) !important; }

/* Includes section on package page */
.includes-grid { background: transparent !important; }
.include-item {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,0.18) !important;
  color: #fff !important;
}
.include-item *, .include-item div, .include-item span { color: #fff !important; }
.include-text { color: rgba(255,255,255,0.95) !important; font-weight: 700 !important; }
.include-subtext { color: rgba(255,255,255,0.65) !important; font-weight: 500 !important; }
.include-check { color: #FFD60A !important; background: rgba(255,214,10,0.18) !important; border: 1.5px solid rgba(255,214,10,0.45) !important; }

/* Other packages cards */
.other-pkg-card, .rel-card, .opc-name {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,0.32) !important;
  color: #fff !important;
}
.other-pkg-card *, .rel-card * { color: #fff !important; }
.opc-name, .rel-name { color: #fff !important; font-weight: 800 !important; }
.opc-desc, .rel-desc { color: rgba(255,255,255,0.85) !important; }
.opc-price, .rel-price { color: #FFD60A !important; }
.rel-cta { color: #fff !important; border-color: rgba(255,255,255,0.45) !important; }

/* Compare cards (side-by-side comparison on membership) */
.compare-card {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,0.32) !important;
  color: #fff !important;
}
.compare-card.bad {
  background: #fff !important;
  border-color: rgba(0,18,112,0.18) !important;
  color: #001270 !important;
}
.compare-card.good {
  background: linear-gradient(165deg, #001E99, #0040FF) !important;
  border: 2px solid #FFD60A !important;
}
.compare-card * { color: inherit; }
.compare-card.bad *, .compare-card.bad h3, .compare-card.bad p, .compare-card.bad li { color: #001270 !important; }
.compare-card.good *, .compare-card.good h3, .compare-card.good p, .compare-card.good li { color: #fff !important; }
.compare-card .compare-title { font-weight: 800 !important; }
.compare-card.good .compare-tag { background: #FFD60A !important; color: #000A40 !important; }
.compare-card.bad .compare-tag { background: rgba(0,18,112,0.10) !important; color: #001270 !important; }

/* === CTA SECTIONS === */
.cta, .cta-section, .final-cta, .pre-footer-cta {
  background: linear-gradient(135deg, #001270 0%, #0040FF 100%) !important;
  color: #fff !important;
}
.cta *, .cta-section *, .final-cta *, .pre-footer-cta *,
.cta h1, .cta h2, .cta h3, .cta p,
.cta-section h1, .cta-section h2, .cta-section h3, .cta-section p,
.final-cta h1, .final-cta h2, .final-cta h3 { color: #fff !important; }
.cta-title, .cta-section h2, .final-cta h2 { color: #fff !important; }
.cta p, .cta-sub, .cta-section p, .final-cta p { color: rgba(255,255,255,0.92) !important; }

.footer-cta-band {
  background: linear-gradient(135deg, #001E99, #001270) !important;
  border-top: 2px solid #FFD60A !important;
  color: #fff !important;
}
.footer-cta-band *, .footer-cta-band h3, .footer-cta-band p, .footer-cta-band div { color: #fff !important; }
.footer-cta-band h3 { color: #fff !important; font-family: 'Fredoka One', cursive !important; }
.footer-cta-band h3 span { color: #7DF9FF !important; }
.footer-cta-band p { color: rgba(255,255,255,0.85) !important; }

/* === FAQ === */
.faq, .faq-section { background: #fff !important; }
.faq-section .label, .faq .label,
.faq-section h2, .faq h2 { color: #001270 !important; }
.fitem, .faq-item, .faq details, .faq-item-pkg {
  background: #7DF9FF !important;
  border: 1.5px solid rgba(0,18,112,0.18) !important;
  color: #001270 !important;
}
.fitem *, .faq-item *, .faq-item-pkg * { color: inherit; }
.fq, .faq-q-text, .faq-q-pkg, summary { color: #0040FF !important; font-weight: 800 !important; }
.fq::before { color: #001270 !important; }
.fa, .faq-a, .faq-item p, .faq-a-pkg { color: #001270 !important; }

/* === FOOTER === */
footer { background: #000A40 !important; color: #fff !important; border-top: 1px solid rgba(255,255,255,.12) !important; }
footer *, footer h1, footer h2, footer h3, footer h4, footer p, footer li, footer div, footer span { color: inherit; }
.footer-brand-name, .footer-col h4 { color: #fff !important; font-weight: 800 !important; }
.footer-brand-tag { color: #FFD60A !important; }
.footer-brand-desc, .footer-col li a, .footer-contact-item span, .footer-contact-item a { color: rgba(255,255,255,.65) !important; }
.footer-col li a:hover, .footer-contact-item a:hover { color: #FFD60A !important; }
.footer-contact-item svg { color: #FFD60A !important; }
.footer-social a { border-color: rgba(255,255,255,.22) !important; color: rgba(255,255,255,.55) !important; }
.footer-social a:hover { border-color: #FFD60A !important; color: #FFD60A !important; }
.footer-bottom { border-top-color: rgba(255,255,255,.08) !important; }
.footer-copy, .footer-bottom-links a, .footer-links a { color: rgba(255,255,255,.45) !important; }
.footer-bottom-links a:hover, .footer-links a:hover { color: #FFD60A !important; }

/* === FORMS === */
.form-card {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 2px solid #FFD60A !important;
  color: #fff !important;
}
.form-card *, .form-card h1, .form-card h2, .form-card h3, .form-card p { color: #fff !important; }
.form-card .form-title { color: #FFD60A !important; }
.form-card .form-sub, .form-card p { color: rgba(255,255,255,0.85) !important; }
.form-card label, .form-group label { color: #FFD60A !important; }
.form-card input, .form-card textarea, .form-card select {
  background: rgba(255,255,255,0.10) !important;
  color: #fff !important;
  border: 1.5px solid rgba(255,255,255,0.22) !important;
}
.form-card input:focus, .form-card textarea:focus, .form-card select:focus { border-color: #FFD60A !important; }
.form-card input::placeholder, .form-card textarea::placeholder { color: rgba(255,255,255,0.42) !important; }
.form-submit, .form-card .form-submit { background: #FFD60A !important; color: #000A40 !important; }
.form-submit * { color: #000A40 !important; }

/* === BUTTONS === */
.btn-primary, .btn.btn-primary, button.btn-primary, a.btn-primary {
  background: #FFD60A !important;
  color: #000A40 !important;
  border: 2px solid #FFD60A !important;
  box-shadow: 0 6px 24px rgba(255,214,10,.45) !important;
}
.btn-primary *, .btn.btn-primary * { color: #000A40 !important; }
.btn-primary:hover { background: transparent !important; color: #FFD60A !important; }
.btn-ghost, .btn-outline {
  background: transparent !important;
  color: #fff !important;
  border: 2px solid rgba(255,255,255,.45) !important;
}
.btn-ghost *, .btn-outline * { color: #fff !important; }
.btn-ghost:hover, .btn-outline:hover {
  border-color: #FFD60A !important;
  color: #FFD60A !important;
}
.btn-ghost:hover *, .btn-outline:hover * { color: #FFD60A !important; }

/* === Pricing note (on services section) === */
.pricing-note {
  background: rgba(0,64,255,0.06) !important;
  border: 1.5px solid rgba(0,64,255,0.32) !important;
  color: #001270 !important;
}
.pricing-note *, .pricing-note strong, .pricing-note p { color: #001270 !important; }
.pricing-note a { color: #0040FF !important; }

/* ============================================================
   BEFORE/AFTER GALLERY — must stay dark (navy), not cyan
   ============================================================ */
section.ba-section, .ba-section {
  background: #001270 !important;
  border-top: 3px solid rgba(125,249,255,0.18) !important;
  border-bottom: 3px solid rgba(125,249,255,0.18) !important;
}
.ba-section .label { color: #FFD60A !important; }
.ba-section .label::before { background: #FFD60A !important; }
.ba-section h2.sh, .ba-section h2 { color: #fff !important; }
.ba-section h2.sh .yl, .ba-section h2 .yl { color: #FFD60A !important; }
.ba-section .sdesc, .ba-section p { color: rgba(255,255,255,0.78) !important; }
.ba-card {
  background: #001E99 !important;
  border-color: rgba(125,249,255,0.32) !important;
  box-shadow: 0 8px 32px rgba(0,10,64,0.45) !important;
}
.ba-container {
  background: #0a1628 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: inset 0 0 0 1.5px rgba(125,249,255,0.22) !important;
}
.ba-img { display: block !important; }
.ba-before-img { opacity: 1 !important; }
.ba-after-wrap img { display: block !important; }
.ba-caption { color: rgba(255,255,255,0.78) !important; font-weight: 600 !important; }
.ba-lbl-before { background: rgba(255,255,255,0.14) !important; color: rgba(255,255,255,0.75) !important; }
.ba-lbl-after { background: rgba(255,214,10,0.18) !important; color: #FFD60A !important; }
.ba-divider { background: rgba(255,255,255,0.9) !important; }
.ba-handle { background: #fff !important; color: #001270 !important; box-shadow: 0 2px 14px rgba(0,0,0,0.55) !important; }

/* Cross-platform range input fix (Safari + Chrome + Firefox) */
input[type="range"].ba-range {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  cursor: ew-resize !important;
  touch-action: none !important;
}
input[type="range"].ba-range::-webkit-slider-thumb { -webkit-appearance: none !important; width: 0 !important; height: 0 !important; }
input[type="range"].ba-range::-moz-range-thumb { width: 0 !important; height: 0 !important; border: none !important; background: transparent !important; }

/* ============================================================
   REVIEWS SECTION — keep dark
   ============================================================ */
section.reviews-section, .reviews-section {
  background: #001270 !important;
}
.reviews-section h2, .reviews-section h2.sh { color: #fff !important; }
.reviews-section .label { color: #FFD60A !important; }
.reviews-section .label::before { background: #FFD60A !important; }
.reviews-section p { color: rgba(255,255,255,0.78) !important; }
.reviews-section .rcard { background: #001E99 !important; border-color: rgba(125,249,255,0.28) !important; }
.reviews-section .rcard * { color: rgba(255,255,255,0.88) !important; }
.reviews-section [style*="color:#FFD60A"], .reviews-section [style*="color: #FFD60A"] { color: #FFD60A !important; }

/* ============================================================
   LIGHT-ZONE UNIVERSAL TEXT FIXES
   Catches any remaining var(--muted)/var(--sky) on light bg
   ============================================================ */

/* Services / Addons / How / Why / Areas / FAQ sections — light bg */
#services .sdesc, #addons .sdesc, #how .sdesc, #why .sdesc, #areas .sdesc, #faq .sdesc,
.section .sdesc, .section-alt .sdesc,
.section > p:not(.rcard p):not(.step p),
.section-alt > p:not(.rcard p):not(.step p) { color: #001E99 !important; }

/* Step cards (dark cards inside cyan section — keep white text) */
.step { color: #fff !important; }
.step .step-title { color: #fff !important; }
.step .step-desc, .step p { color: rgba(255,255,255,0.88) !important; }
.step .step-num { color: #FFD60A !important; }

/* Why features (dark cards inside white section — keep white) */
.wfeat, .wfeat * { color: #fff !important; }
.wfeat-title { color: #fff !important; }
.wfeat-desc { color: rgba(255,255,255,0.88) !important; }

/* Review cards inside why section (dark cards on white bg) */
.reviews-col .rcard { background: linear-gradient(165deg,#001270,#001E99) !important; border-color: rgba(125,249,255,0.28) !important; }
.reviews-col .rcard *, .reviews-col .rcard p { color: rgba(255,255,255,0.88) !important; }
.reviews-col .rcard [style*="font-family:'Fredoka"], .reviews-col .rcard [style*='font-family:"Fredoka'] { color: #fff !important; }

/* Label in why section (on white bg) */
#why .label, .section-alt .label { color: #001270 !important; }
#why .label::before, .section-alt .label::before { background: #0040FF !important; }

/* Addons grid cards (dark cards on white bg) */
a.addon, .addon { background: linear-gradient(165deg,#001270,#001E99) !important; border-color: rgba(125,249,255,0.28) !important; }
.addon-name { color: #fff !important; }
.addon-price { color: #FFD60A !important; }

/* Pricing note — dark text on light bg */
.pricing-note { background: rgba(0,64,255,0.06) !important; border: 1.5px solid rgba(0,64,255,0.28) !important; color: #001270 !important; }
.pricing-note *, .pricing-note strong { color: #001270 !important; }
.pricing-note a { color: #0040FF !important; font-weight: 800 !important; }

/* Areas chips on cyan bg */
.area-chip { background: #001270 !important; border-color: rgba(125,249,255,0.32) !important; }
.ac-name { color: #fff !important; }
.ac-tag { color: #7DF9FF !important; }
#areas > p, .areas-section > p { color: #001270 !important; }
#areas .label { color: #001270 !important; }
#areas .label::before { background: #0040FF !important; }
#areas h2, #areas h2.sh { color: #001270 !important; }
#areas h2 .yl, #areas h2 span.yl { color: #FFD60A !important; }
#areas h2 span:not(.yl) { color: #0040FF !important; }

/* Contact section on cyan bg */
.contact-section .label { color: #001270 !important; }
.contact-section .label::before { background: #0040FF !important; }
.contact-section h2, .contact-section h2.sh { color: #001270 !important; }
.contact-section h2 .yl { color: #FFD60A !important; }
.contact-section h2 span:not(.yl) { color: #0040FF !important; }
.contact-section > p, .contact-section .ccontact-sub { color: #001E99 !important; }

/* Contact info cards — dark on cyan */
.cinfo-card { background: #001270 !important; border-color: rgba(125,249,255,0.28) !important; }
.cinfo-label, .cinfo-card .cinfo-label { color: rgba(255,255,255,0.65) !important; }
.cinfo-val, .cinfo-card .cinfo-val, .cinfo-card .cinfo-val a { color: #fff !important; }
.cinfo-icon { color: #7DF9FF !important; }

/* Form in contact */
.form-card { background: linear-gradient(165deg,#001270,#001E99) !important; border: 2px solid #FFD60A !important; }
.form-card *, .form-card h2, .form-card p { color: #fff !important; }
.form-card label { color: #FFD60A !important; }
.form-card input, .form-card select, .form-card textarea { background: rgba(255,255,255,0.10) !important; color: #fff !important; border-color: rgba(255,255,255,0.22) !important; }
.form-card input::placeholder, .form-card textarea::placeholder { color: rgba(255,255,255,0.45) !important; }
.form-submit { background: #FFD60A !important; color: #000A40 !important; }

/* How section label (cyan bg — use yellow) */
#how .label { color: #001270 !important; }
#how .label::before { background: #0040FF !important; }
#how h2.sh, #how h2 { color: #001270 !important; }
#how h2 .yl { color: #FFD60A !important; }
#how h2 span:not(.yl) { color: #0040FF !important; }
#how .sdesc, #how > p { color: #001E99 !important; }

/* FAQ section */
.fitem .fq { color: #001270 !important; font-weight: 800 !important; }
.fitem .fq::before { color: #0040FF !important; }
.fitem .fa { color: #001E99 !important; }
.fitem { background: #fff !important; border-color: rgba(0,64,255,0.18) !important; }

/* CTA / Final CTA band */
.cta-section, .footer-cta-band, .cta-band, section.cta { background: linear-gradient(135deg,#000A40,#001270,#0040FF) !important; }
.cta-section *, .footer-cta-band *, .cta-band * { color: #fff; }
.cta-title, .cta-section h2, .footer-cta-band h2, .footer-cta-band h3 { color: #fff !important; }
.cta-sub, .cta-section p, .footer-cta-band p { color: rgba(255,255,255,0.88) !important; }
.cta-title .yl, .footer-cta-band .yl { color: #FFD60A !important; }

/* Final CTA section (dark section) */
section.cta, section.cta-section {
  background: linear-gradient(135deg,#000A40 0%,#001270 50%,#0040FF 100%) !important;
  border-top: 3px solid #FFD60A !important;
}

/* =============================================================
   v5 PATCH — Visibility safety net + dark-zone text rules
   Prevents invisible text in cards, info-boxes, includes lists, etc.
   ============================================================= */

/* Two-column info boxes on addon pages have dark BG → force light text */
.info-box, .why-box, .pkg-info-box {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,0.32) !important;
  color: #fff !important;
}
.info-box *, .why-box *, .pkg-info-box * { color: inherit !important; }
.info-box h2, .info-box h3, .info-box h4,
.why-box h2, .why-box h3, .why-box h4 { color: #fff !important; }
.info-box .include-list li,
.why-box .include-list li,
.pkg-info-box .include-list li { color: rgba(255,255,255,0.92) !important; }
.info-box .include-list li::before,
.why-box .include-list li::before,
.pkg-info-box .include-list li::before { color: #FFD60A !important; }

/* Process steps cards (addon pages) — dark bg, light text */
.process-step, .pstep, .process-card {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,0.32) !important;
  color: #fff !important;
}
.process-step *, .pstep *, .process-card * { color: inherit !important; }
.process-step .ps-title, .pstep h3, .process-card h3 { color: #fff !important; }
.process-step .ps-desc, .pstep p, .process-card p { color: rgba(255,255,255,0.78) !important; }
.process-step .ps-num, .pstep .step-num { background: linear-gradient(135deg,#FFD60A,#FFEB4D) !important; color: #001270 !important; }

/* Related-services cards (addon pages) — dark bg */
.related-card, .rcard {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  color: #fff !important;
}
.related-card *, .rcard * { color: inherit !important; }
.related-card h3, .rcard h3 { color: #fff !important; }
.related-card p, .rcard p { color: rgba(255,255,255,0.78) !important; }

/* Lang toggle visibility — make sure it shows on EVERY page including new ones */
.lang-toggle { display: inline-flex !important; visibility: visible !important; }

/* Final safety net: any element where color equals its background should never happen.
   We force inherited colors in dark cards to be white, in light cards to be navy. */
.dark-card, .scard, .acard, .package-card, .feature-card, .pcard,
.price-card, .for-card, .step, .step-card, .sci-card, .icon-card,
.bundle-card { color: #fff !important; }
.dark-card *:not(svg):not(path):not(.yl):not(.yellow),
.scard *:not(svg):not(path):not(.yl):not(.yellow),
.price-card *:not(svg):not(path):not(.yl):not(.yellow),
.for-card *:not(svg):not(path):not(.yl):not(.yellow),
.step *:not(svg):not(path):not(.yl):not(.yellow),
.sci-card *:not(svg):not(path):not(.yl):not(.yellow),
.icon-card *:not(svg):not(path):not(.yl):not(.yellow) { color: inherit !important; }
.scard .scard-name, .price-card .price-name, .for-card .for-title,
.step .step-title, .sci-card .sci-label, .icon-card .ic-label { color: #fff !important; }

/* =============================================================
   v6 PATCH — Fix step-ico dark background bar + icon visibility
   ============================================================= */

/* Make step icon containers transparent so the SVG floats cleanly */
.step-ico {
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.step-ico svg { display: block; }

/* Fix SVG icon stroke on dark step cards — force yellow stroke */
.step .step-ico svg {
  stroke: #FFD60A !important;
  filter: drop-shadow(0 0 6px rgba(255,214,10,.35));
}

/* Fix membership how-step cards — keep light theme clean */
.how-step {
  background: rgba(0,18,112,.06) !important;
  border: 1.5px solid rgba(0,64,255,.15) !important;
  color: #001270 !important;
}
.how-step * { color: inherit !important; }
.how-num {
  background: linear-gradient(135deg, #FFD60A, #FFEB4D) !important;
  color: #001270 !important;
  box-shadow: 0 4px 14px rgba(255,214,10,.45) !important;
}
.how-title { color: #001270 !important; font-weight: 800 !important; }
.how-desc { color: #001E99 !important; }

/* Fix perk-icon containers */
.perk-icon {
  background: transparent !important;
  font-size: 2rem !important;
}

/* Fix compare-card.good (Pollito way) text visibility */
.compare-card.good {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 2px solid #FFD60A !important;
  color: #fff !important;
}
.compare-card.good * { color: inherit !important; }
.compare-card.good .compare-title { color: #FFD60A !important; }
.compare-card.good .compare-tag { color: #FFD60A !important; }
.compare-card.good li { color: rgba(255,255,255,.92) !important; }
.compare-card.good li::before { color: #FFD60A !important; }

/* Fix compare-card.bad (old way) — light card */
.compare-card.bad {
  background: #fff !important;
  border: 1.5px solid rgba(0,18,112,.18) !important;
  color: #001270 !important;
}
.compare-card.bad * { color: inherit !important; }
.compare-card.bad .compare-title { color: #001270 !important; }
.compare-card.bad li { color: #001E99 !important; }
.compare-card.bad li::before { color: #0040FF !important; }

/* Tier cards (membership plans) — dark theme */
.tier-card {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,.32) !important;
  color: #fff !important;
}
.tier-card * { color: inherit !important; }
.tier-card .tier-name { color: #fff !important; }
.tier-card .tier-tagline { color: rgba(255,255,255,.78) !important; font-size: .72rem !important; }
.tier-card .tier-desc { color: rgba(255,255,255,.85) !important; }
.tier-card .tier-price { color: #FFD60A !important; }
.tier-card .tier-price small { color: rgba(255,255,255,.65) !important; }
.tier-card .tier-vs { color: rgba(255,255,255,.65) !important; font-size: .8rem !important; }
.tier-card .tier-vs em { color: #FFD60A !important; }
.tier-card .tier-vs s { opacity: .6; }
.tier-card li { color: rgba(255,255,255,.9) !important; }
.tier-card li::before, .tier-card li .tick { color: #FFD60A !important; }
.tier-card li.bonus { color: #FFD60A !important; }
.tier-card .tier-cta {
  background: transparent !important;
  border: 1.5px solid rgba(255,255,255,.35) !important;
  color: #fff !important;
}
.tier-card.featured { border-color: #FFD60A !important; }
.tier-card.featured .tier-cta {
  background: #FFD60A !important;
  color: #001270 !important;
  border-color: #FFD60A !important;
}

/* Perk cards — light background for readability */
.perk-card {
  background: #fff !important;
  border: 1.5px solid rgba(0,18,112,.12) !important;
  color: #001270 !important;
}
.perk-card * { color: inherit !important; }
.perk-card .perk-title { color: #001270 !important; }
.perk-card .perk-desc { color: #001E99 !important; }

/* Testimonial card */
.testimonial-card {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 2px solid #FFD60A !important;
  color: #fff !important;
}
.testimonial-card * { color: inherit !important; }
.testimonial-card .testimonial-text { color: rgba(255,255,255,.92) !important; }
.testimonial-card .testimonial-stars { color: #FFD60A !important; }
.testimonial-card .testimonial-author { color: rgba(255,255,255,.65) !important; }

/* =============================================================
   v7 PATCH — Fix all white-on-cyan invisible text + rounded UI
   ============================================================= */

/* ── Package pages: sections with white text need dark text on cyan ── */
.pkg-section-label {
  color: #001270 !important;
  font-weight: 900 !important;
}
.pkg-section-label::before { background: #0040FF !important; }
.pkg-section-title { color: #001270 !important; }
.pkg-section-sub { color: #001E99 !important; }

/* Guarantee strip — give it a dark card background so white text is visible */
.guarantee-strip {
  background: linear-gradient(135deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(255,214,10,.35) !important;
  border-radius: 20px !important;
}
.guarantee-strip * { color: #fff !important; }
.guarantee-strip .gs-title { color: #fff !important; font-family: 'Fredoka One', cursive; }
.guarantee-strip .gs-desc { color: rgba(255,255,255,.88) !important; }
.guarantee-strip .gs-icon { font-size: 2.4rem; }

/* Process steps inside package pages — dark cards */
.process-step {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,.28) !important;
  border-radius: 16px !important;
  padding: 28px 20px !important;
  color: #fff !important;
}
.process-step * { color: inherit !important; }
.process-step .ps-num {
  background: linear-gradient(135deg, #FFD60A, #FFEB4D) !important;
  border-color: transparent !important;
  color: #001270 !important;
  font-size: 1.4rem !important;
}
.process-step .ps-title { color: #fff !important; font-weight: 800 !important; margin-bottom: 8px; }
.process-step .ps-desc { color: rgba(255,255,255,.82) !important; font-size: .83rem !important; }

/* ── Addon pages: section headings invisible on cyan ── */
.page-main .proc-title, .page-main h2, .page-main h3,
.addon-h2, .proc-h2, .why-h2, .related-h2 {
  color: #001270 !important;
}
/* Any heading inside light sections — force dark */
main > div > h2, main > section > h2, .two-col h2, .info-box h2 {
  color: #001270 !important;
}
/* Addon page section labels */
.section-label, .proc-label, .addon-label {
  color: #001270 !important;
}

/* ── Fix heading that showed "Cómo Hacemos Champú de Alfombras" barely visible ── */
/* Any h2 not inside a hero or dark card → dark text */
body > div > h2:not(.sh),
.page-main > div > h2,
.page-main .proc-heading,
[class*="proc-"] h2,
[class*="how-"] h2 { color: #001270 !important; }

/* ── Bundle card text visibility (mattress page) ── */
.bundle-card {
  background: linear-gradient(135deg, #001270 0%, #001E99 100%) !important;
  border: 2px solid rgba(255,214,10,.45) !important;
  border-radius: 20px !important;
}
.bundle-card * { color: #fff !important; }
.bundle-card .bundle-tag { color: #FFD60A !important; font-weight: 900 !important; }
.bundle-card .bundle-name { color: #fff !important; }
.bundle-card .bundle-desc { color: rgba(255,255,255,.88) !important; }
.bundle-card .bundle-price { color: #FFD60A !important; }
.bundle-card .bundle-was { color: rgba(255,255,255,.5) !important; text-decoration: line-through; }
.bundle-card .bundle-save { color: #4ade80 !important; font-weight: 800 !important; }

/* ── Membership tier-emoji dark box fix ── */
.tier-emoji {
  background: transparent !important;
  font-size: 2.6rem !important;
  margin-bottom: 12px !important;
  display: block !important;
  line-height: 1 !important;
}

/* ── Rounded sections — give sections breathing room + rounded look ── */
/* Light/cyan sections between hero areas get card-like rounding */
.section-alt, section.section-alt {
  border-radius: 24px !important;
  margin: 12px auto !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Rounded cards on mobile with visible corners */
@media (max-width: 960px) {
  .step, .how-step, .fitem, .sci-card, .icon-card,
  .for-card, .price-card, .scard, .acard {
    border-radius: 16px !important;
    margin: 0 2px 4px !important;
  }

  /* Give process steps some breathing room so corners show */
  .steps, .process-steps, .how-grid {
    padding: 0 6px !important;
  }

  /* Section alt padding — avoid wall-to-wall */
  .section, .section-alt {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Bundle card mobile */
  .bundle-card {
    border-radius: 16px !important;
    margin: 12px 0 !important;
  }

  /* Guarantee strip */
  .guarantee-strip {
    margin: 0 0 24px !important;
    border-radius: 16px !important;
  }
}

/* ── Fix index.html pricing note text (svc_pricing_note) ── */
.pricing-note {
  background: #fff !important;
  border: 1.5px solid rgba(0,18,112,.15) !important;
  border-radius: 10px !important;
  color: #001270 !important;
}
.pricing-note strong { color: #001270 !important; }
.pricing-note span { color: #001E99 !important; }
.pricing-note a { color: #0040FF !important; font-weight: 900 !important; }

/* ── Fix index.html step-ico (main page how-it-works) ── */
/* Already set transparent in v6, make sure circles render correctly */
.step .step-num {
  background: linear-gradient(135deg, #FFD60A, #FFEB4D) !important;
  color: #001270 !important;
  font-weight: 900 !important;
  box-shadow: 0 4px 14px rgba(255,214,10,.45) !important;
}

/* ── Fix any remaining white-on-light headings site-wide ── */
/* Catch any h1/h2/h3 in a light (cyan/white) zone that still has white color */
.section > h2:not(.sh), .section > h3,
.section > div > h2:not(.sh), .section > div > h3 {
  color: #001270 !important;
}

/* ── scard-list items (service card features) — force dark on cyan background ── */
.scard {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,.28) !important;
}
.scard * { color: inherit !important; }
.scard-list li { color: #7DF9FF !important; }
.scard-list li::before { color: #FFD60A !important; }
.scard-name { color: #fff !important; }
.scard-desc { color: rgba(255,255,255,.82) !important; }
.scard-badge { background: #FFD60A !important; color: #001270 !important; }
.scard-price { color: #FFD60A !important; }
.scard-price small { color: rgba(255,255,255,.6) !important; }
.scard-link { color: #fff !important; border-color: rgba(255,255,255,.25) !important; }
.scard-link:hover { background: #7DF9FF !important; color: #001270 !important; }
.scard::after { background: linear-gradient(90deg, #7DF9FF, #FFD60A) !important; }

/* ── addon grid cards on index.html ── */
a.addon {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,.28) !important;
  border-radius: 12px !important;
}
a.addon:hover { border-color: #7DF9FF !important; }
.addon-name { color: #fff !important; }
.addon-price { color: #FFD60A !important; }

/* =================================================================
   v7 PATCH — Comprehensive: Visibility · Icon Backgrounds · Rounded
   ================================================================= */

/* ── 1. GUARANTEE STRIP: dark bg so white text is visible ───────── */
.guarantee-strip {
  background: linear-gradient(135deg, #001270 0%, #001E99 100%) !important;
  border: 1.5px solid rgba(125,249,255,0.3) !important;
  border-radius: 24px !important;
}
.guarantee-strip *, .gs-title, .gs-title * { color: #fff !important; }
.gs-desc { color: rgba(255,255,255,0.85) !important; }

/* ── 2. PKG SECTION HEADINGS: dark text on light cyan bg ─────────── */
.pkg-section-label { color: #001270 !important; }
.pkg-section-label::before { background: #0040FF !important; }
.pkg-section-title { color: #001270 !important; }
.pkg-section-sub { color: #001E99 !important; }
/* Section label & title on dark section stays white */
.hero .pkg-section-label,
.pkg-hero .pkg-section-label,
.dark-section .pkg-section-label { color: #7DF9FF !important; }
.hero .pkg-section-title,
.pkg-hero .pkg-section-title,
.dark-section .pkg-section-title { color: #fff !important; }

/* ── 3. ADDON PAGE section headings (section-label / s-title) ────── */
.section-label { color: #001270 !important; }
.section-label::before { background: #0040FF !important; }
h2.s-title { color: #001270 !important; }
h2.s-title span { color: #0040FF !important; }

/* ── 4. PROCESS STEP NUMBERS: yellow circles everywhere ─────────── */
/* Package pages: .ps-num */
.ps-num {
  background: linear-gradient(135deg, #FFD60A, #FFEB4D) !important;
  border: none !important;
  color: #001270 !important;
  font-size: 1.5rem !important;
  box-shadow: 0 4px 14px rgba(255,214,10,0.5) !important;
}
/* Addon pages: .proc-num */
.proc-num {
  background: linear-gradient(135deg, #FFD60A, #FFEB4D) !important;
  border: none !important;
  color: #001270 !important;
  box-shadow: 0 4px 14px rgba(255,214,10,0.5) !important;
}
/* Index page: .step-num */
.step-num {
  background: linear-gradient(135deg, #FFD60A, #FFEB4D) !important;
  color: #001270 !important;
  box-shadow: 0 4px 14px rgba(255,214,10,0.5) !important;
}

/* ── 5. PROCESS STEP CARDS: rounded + individual dark cards ──────── */
/* Addon pages: .proc-step */
.proc-step {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,0.22) !important;
  border-radius: 20px !important;
}
.proc-title { color: #fff !important; font-weight: 800 !important; }
.proc-desc { color: rgba(255,255,255,0.78) !important; }

/* Package pages: .process-step */
.process-step {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,0.22) !important;
  border-radius: 20px !important;
  padding: 24px 16px !important;
}
.ps-title { color: #fff !important; }
.ps-desc { color: rgba(255,255,255,0.78) !important; }

/* ── 6. TIER EMOJI — no dark rectangle ──────────────────────────── */
.tier-emoji, .prog-icon {
  background: transparent !important;
  display: block !important;
  line-height: 1.2 !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
}
/* Fix any parent that creates the dark strip */
.tier-card > .tier-emoji:first-child {
  background: transparent !important;
  border: none !important;
}

/* ── 7. BUNDLE CARD: readable text on light background ───────────── */
.bundle-card {
  background: linear-gradient(135deg, #fff8e6, #fffbf0) !important;
  border: 2px solid rgba(255,214,10,0.5) !important;
  border-radius: 24px !important;
}
.bundle-card .bundle-tag { color: #0040FF !important; font-weight: 900 !important; }
.bundle-card .bundle-name { color: #001270 !important; }
.bundle-card .bundle-desc { color: #001E99 !important; }
.bundle-card .bundle-price { color: #FF8C00 !important; }
.bundle-card .bundle-was { color: rgba(0,18,112,0.5) !important; }
.bundle-card .bundle-save { color: #1a7a3c !important; font-weight: 800 !important; }

/* ── 8. GLOBAL ROUNDED SECTIONS ────────────────────────────────── */
/* Cards get rounder corners */
.step, .scard, .fitem, .how-step, .wfeat,
.rcard, .addon, .area-chip, .sci-card, .price-card,
.for-card, .icon-card, .proc-step, .process-step,
.cinfo-card, .perk-card, .compare-card {
  border-radius: 20px !important;
}
/* Large feature/package cards */
.scard, .price-card, .tier-card, .testimonial-card,
.guarantee-strip, .bundle-card, .perk-card, .compare-card {
  border-radius: 24px !important;
}
/* Section grids get clear gaps */
.process-grid, .how-grid, .steps, .scards, .addons-grid,
.faq-grid, .for-grid, .science-grid, .perks-grid,
.compare-strip, .tiers { gap: 16px !important; }

/* ── 9. INCLUDE ITEMS ON PACKAGE PAGES ──────────────────────────── */
.incl-item, .pkg-incl-item, .addon-incl-item {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border-radius: 16px !important;
  border: 1.5px solid rgba(125,249,255,0.18) !important;
  color: #fff !important;
}
.incl-item *, .pkg-incl-item *, .addon-incl-item * { color: inherit !important; }
.incl-name, .pkg-incl-name { color: #fff !important; font-weight: 800 !important; }
.incl-sub, .pkg-incl-sub { color: rgba(255,255,255,0.72) !important; }
.incl-check, .incl-icon { color: #FFD60A !important; }

/* ── 10. PRICING-NOTE on index.html ─────────────────────────────── */
.pricing-note {
  background: rgba(0,18,112,0.08) !important;
  border: 1.5px solid rgba(0,64,255,0.2) !important;
  color: #001270 !important;
  border-radius: 16px !important;
}
.pricing-note strong { color: #001270 !important; }
.pricing-note a { color: #0040FF !important; font-weight: 900 !important; }

/* ── 11. TWO-COL INFO BOXES on addon pages ───────────────────────── */
.info-box {
  background: linear-gradient(165deg, #001270, #001E99) !important;
  border: 1.5px solid rgba(125,249,255,0.25) !important;
  border-radius: 24px !important;
  color: #fff !important;
}
.info-box h3 { color: #fff !important; }
.info-box p, .info-box li { color: rgba(255,255,255,0.88) !important; }
.info-box .price-table-row { border-top-color: rgba(255,255,255,0.08) !important; }
.info-box .price-label { color: rgba(255,255,255,0.75) !important; }
.info-box .price-val { color: #FFD60A !important; }

/* ── 12. WHY-FEATURES on package pages ──────────────────────────── */
.why-feature, .wfeat {
  background: rgba(0,18,112,0.06) !important;
  border-radius: 20px !important;
  border: 1.5px solid rgba(0,64,255,0.15) !important;
}
.why-feature *, .wfeat * { color: #001270 !important; }
.why-feature h3, .why-feature strong,
.wfeat-title { color: #001270 !important; font-weight: 800 !important; }
.why-feature p, .wfeat-desc { color: #001E99 !important; }
.why-feature .wf-icon { color: #0040FF !important; }

/* ── 13. STEP ICO — completely transparent ───────────────────────── */
.step-ico {
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
}
.step-ico svg { stroke: #FFD60A !important; }

/* ── 14. CTA-INLINE on addon pages ──────────────────────────────── */
.cta-inline {
  background: linear-gradient(135deg, #001270, #001E99) !important;
  border-radius: 24px !important;
  color: #fff !important;
}
.cta-inline h3 { color: #fff !important; }
.cta-inline p { color: rgba(255,255,255,0.85) !important; }