/* GESTEMA_INSTITUTIONAL_PREVIEW_20260507
   Capa visual de prueba inspirada en los prototipos aportados.
   No modifica contenido: solo reinterpreta la UI actual en clave institucional. */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Public+Sans:wght@600;700;800&display=swap");

:root{
  --inst-navy:#002045;
  --inst-navy-2:#1a365d;
  --inst-slate:#434b59;
  --inst-muted:#6b7280;
  --inst-bg:#f7fafc;
  --inst-soft:#eef3fa;
  --inst-line:#e2e6ee;
  --inst-line-2:#cbd5e1;
  --inst-card:#ffffff;
  --inst-gold:#c9a84c;
  --inst-green:#2e7d4f;
  --inst-text:#141923;
  --inst-radius:10px;
  --inst-shadow:0 8px 28px rgba(15,45,82,.08);

  /* Reasignacion de la paleta antigua para que cualquier clase heredada
     conserve contraste dentro del estilo institucional claro. */
  --c-bg:#f7fafc!important;
  --c-surface:#ffffff!important;
  --c-elevated:#ffffff!important;
  --c-primary:#002045!important;
  --c-primary-dk:#1a365d!important;
  --c-primary-lt:#eef3fa!important;
  --c-accent:#c9a84c!important;
  --c-on-primary:#ffffff!important;
  --c-bg-light:#eef3fa!important;
  --c-bg-subtle:#f1f4f8!important;
  --c-text:#141923!important;
  --c-text-2:#434b59!important;
  --c-text-3:#647084!important;
  --c-text-dark:#141923!important;
  --c-text-dark-2:#434b59!important;
  --c-border:rgba(15,45,82,.10)!important;
  --c-border-md:rgba(15,45,82,.18)!important;
  --c-border-hi:rgba(15,45,82,.34)!important;
}

html,body{
  background:var(--inst-bg)!important;
  color:var(--inst-text)!important;
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:0!important;
}

body::before,
body::after,
.orb,
.glow,
.noise{
  display:none!important;
}

h1,h2,h3,h4,h5,h6,
.hero-title,
.section-title,
.page-title,
.tools-title,
.academy-bridge h2,
.tool-card h3,
.service-card h3{
  font-family:"Public Sans","Inter",system-ui,sans-serif!important;
  color:var(--inst-navy)!important;
  letter-spacing:-.012em!important;
  line-height:1.14!important;
}

/* La version anterior usaba degradados y text-fill transparente en varios
   titulares. En fondo claro eso deja textos lavados o ilegibles. */
h1,h2,h3,h4,h5,h6,
h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,
.hero-title,
.hero-title *,
.section-title,
.section-title *,
.page-title,
.page-title *,
.tools-title,
.tools-title *,
.course-title,
.course-title *,
.blog-card h3,
.blog-card h3 *,
.tool-card h3,
.tool-card h3 *{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}

p,
li,
.hero-sub,
.section-desc,
.tools-sub,
.page-lead,
.service-card p,
.tool-card p{
  color:var(--inst-slate)!important;
  line-height:1.68!important;
}

a{color:var(--inst-navy)!important}
a:hover{color:var(--inst-green)!important}

.announce-bar{
  background:var(--inst-navy)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.announce-bar a,
.announce-bar strong,
.announce-content span{
  color:#fff!important;
}
.announce-dot,
.announce-separator{
  color:var(--inst-gold)!important;
}
.announce-cta{
  background:#fff!important;
  color:var(--inst-navy)!important;
  border:1px solid rgba(255,255,255,.45)!important;
  border-radius:999px!important;
}

.nav{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid var(--inst-line)!important;
  box-shadow:0 2px 14px rgba(15,45,82,.06)!important;
  backdrop-filter:blur(12px)!important;
}
.nav-inner{gap:1.2rem!important}
.nav-logo{
  display:inline-flex!important;
  align-items:center!important;
  background:var(--inst-navy)!important;
  border-radius:8px!important;
  padding:8px 12px!important;
  box-shadow:0 8px 20px rgba(0,32,69,.14)!important;
}
.nav-logo img{display:block!important}
.nav-links{
  gap:.2rem!important;
  list-style:none!important;
}
.nav-links li{list-style:none!important}
.nav-links li::marker{content:""!important}
.nav-links a{
  color:var(--inst-slate)!important;
  background:transparent!important;
  border-radius:7px!important;
  padding:.55rem .72rem!important;
  font-size:.88rem!important;
  font-weight:700!important;
}
.nav-links a:hover,
.nav-links a.active{
  color:var(--inst-navy)!important;
  background:var(--inst-soft)!important;
}
.nav-cta,
.btn--primary,
.btn-primary,
.btn-tool,
.course-cta,
button[type="submit"]{
  background:var(--inst-navy)!important;
  border:1px solid var(--inst-navy)!important;
  color:#fff!important;
  border-radius:7px!important;
  box-shadow:0 8px 22px rgba(0,32,69,.16)!important;
}
.nav-cta:hover,
.btn--primary:hover,
.btn-primary:hover,
.btn-tool:hover,
.course-cta:hover,
button[type="submit"]:hover{
  background:var(--inst-navy-2)!important;
  border-color:var(--inst-navy-2)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
.btn--ghost,
.btn-secondary,
.btn-tool-secondary,
.btn-outline{
  background:#fff!important;
  color:var(--inst-navy)!important;
  border:1px solid var(--inst-line-2)!important;
  border-radius:7px!important;
  box-shadow:none!important;
}

.hero-split{
  background:var(--inst-bg)!important;
  color:var(--inst-text)!important;
  min-height:auto!important;
  overflow:hidden!important;
}
.hero-split-left{
  background:linear-gradient(90deg,#fff 0%,#fff 82%,rgba(247,250,252,.72) 100%)!important;
  border-bottom:1px solid var(--inst-line)!important;
}
.hero-split .hero-left-content{
  max-width:680px!important;
}
.hero-tag,
.tools-eyebrow,
.section-kicker,
.page-eyebrow,
.label-tag,
.course-chip,
.pill,
.tag{
  background:var(--inst-soft)!important;
  color:var(--inst-navy-2)!important;
  border:1px solid #d7e1f0!important;
  border-radius:999px!important;
  font-family:"Inter",system-ui,sans-serif!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
}
.hero-title{
  color:var(--inst-navy)!important;
  font-size:clamp(2.15rem,4.2vw,3.7rem)!important;
  max-width:720px!important;
  margin-bottom:1.1rem!important;
}
.hero-title-accent,
.hero-title em,
.page-title em{
  color:var(--inst-navy-2)!important;
  font-style:normal!important;
}
.hero-sub{
  max-width:650px!important;
  font-size:1.05rem!important;
}
.hero-visual-frame,
.page-hero-media,
.hero-image-card,
.instructor-photo-frame{
  background:#fff!important;
  border:1px solid var(--inst-line-2)!important;
  border-radius:14px!important;
  box-shadow:var(--inst-shadow)!important;
  overflow:hidden!important;
}
.hero-img-main,
.page-hero-media img,
.instructor-photo-frame img{
  filter:none!important;
}
.hero-overlay-gold,
.hero-visual-frame::before,
.hero-visual-frame::after{
  display:none!important;
}
.hero-metrics-grid{border-top:1px solid var(--inst-line)!important}
.h-metric strong{color:var(--inst-navy)!important}
.h-metric span{color:var(--inst-muted)!important}

.ticker-wrap{
  background:#fff!important;
  border-top:1px solid var(--inst-line)!important;
  border-bottom:1px solid var(--inst-line)!important;
}
.ticker,
.ticker span{
  color:#596273!important;
}

.section,
.academy-bridge,
.need-paths,
.tools-section,
.courses-section,
.contact-section,
.about-section,
.blog-section{
  background:var(--inst-bg)!important;
  color:var(--inst-text)!important;
}
.hero,
.section--dark,
.section--surface,
.section--light,
.section--subtle,
.page-section,
.content-section,
.main-section,
.service-section,
.courses-intro,
.blog-hero,
.blog-list,
.about-hero,
.contact-hero,
.tools-page,
.tools-catalog,
.tools-grid-wrap{
  background:var(--inst-bg)!important;
  color:var(--inst-text)!important;
}
.section--subtle,
.academy-bridge,
.tools-notice,
.process-section{
  background:var(--inst-soft)!important;
}

.section-header,
.page-hero-content,
.tools-section-head{
  color:var(--inst-text)!important;
}
.section-header h2,
.tools-section-head h2,
.page-hero h1{
  color:var(--inst-navy)!important;
}
.section-header p,
.tools-section-head p,
.page-hero p,
.section-sub,
.section-desc,
.course-lead,
.blog-card p,
.tool-card p{
  color:var(--inst-slate)!important;
}
.label,
.label--light,
.label--muted,
.blog-tag,
.blog-category,
.tool-category,
.tool-kicker,
.course-category,
.card-link,
.blog-read,
.pillar-link{
  color:var(--inst-navy-2)!important;
}
.metric-label,
.blog-card-meta,
.blog-card-meta time,
.footer-bottom,
.breadcrumb,
.page-hero .breadcrumb,
.page-hero .breadcrumb a{
  color:var(--inst-muted)!important;
}

.service-card,
.academy-mini-card,
.need-path-card,
.tool-card,
.course-card,
.contact-card,
.faq-item,
.blog-card,
.value-card,
.feature-card,
.stat-card,
.bento-card,
.pillar-card,
.process-step,
.testimonial-card,
.pcqi-promo,
.pcqi-date-card,
.pcqi-premium-block,
.pcqi-visual-glass,
.blog-contact-cta,
.fsma-launch-card,
.instructor-photo-frame,
.metric-box,
.photo-uniform,
.photo-panel{
  background:#fff!important;
  border:1px solid var(--inst-line)!important;
  border-radius:var(--inst-radius)!important;
  color:var(--inst-text)!important;
  box-shadow:0 4px 18px rgba(15,45,82,.06)!important;
}
.service-card:hover,
.tool-card:hover,
.course-card:hover,
.blog-card:hover{
  border-color:#b9c7d8!important;
  box-shadow:var(--inst-shadow)!important;
  transform:translateY(-2px)!important;
}
.service-card::before,
.tool-card::before,
.course-card::before{
  background:var(--inst-navy-2)!important;
}
.service-card-icon,
.tool-icon,
.course-icon{
  background:var(--inst-soft)!important;
  color:var(--inst-navy)!important;
  border:1px solid #d7e1f0!important;
}

.page-hero,
.tools-hero,
.course-hero,
.contact-hero{
  background:linear-gradient(180deg,#fff 0%,var(--inst-bg) 100%)!important;
  border-bottom:1px solid var(--inst-line)!important;
  color:var(--inst-text)!important;
  padding-top:calc(var(--bar-h,44px) + 130px)!important;
}
.page-hero::before,
.tools-hero::before,
.course-hero::before,
.contact-hero::before{
  opacity:.18!important;
}

.tools-hero{
  padding-top:calc(var(--bar-h,44px) + 130px)!important;
}
.tools-title,
.tools-hero h1{
  color:var(--inst-navy)!important;
  font-size:clamp(2rem,3.8vw,3.25rem)!important;
}
.tools-hero p,
.tools-sub{
  color:var(--inst-slate)!important;
}
.tool-card{
  overflow:hidden!important;
}
.tool-shot,
.tool-card-media,
.tool-preview{
  background:#f1f4f8!important;
  border-bottom:1px solid var(--inst-line)!important;
}
.tool-shot img,
.tool-card-media img,
.tool-preview img{
  object-fit:cover!important;
}
.tool-card h3{
  color:var(--inst-navy)!important;
}
.tool-card .tool-category,
.tool-card .tool-kicker{
  color:var(--inst-navy-2)!important;
}
.blog-card h3 a,
.blog-card h3,
.course-card h3,
.service-card h3,
.pillar-card h3,
.process-step h3,
.faq-question{
  color:var(--inst-navy)!important;
}
.blog-card h3 a:hover,
.card-link:hover,
.blog-read:hover,
.pillar-link:hover{
  color:var(--inst-green)!important;
}

/* Fondos claros: evitar textos beige heredados que pierden contraste. */
.section--light,
.section--subtle,
.academy-bridge,
.tools-section,
.courses-section,
.blog-section,
.contact-section,
.about-section,
.page-hero,
.tools-hero{
  --c-text:#141923!important;
  --c-text-2:#434b59!important;
  --c-text-3:#647084!important;
  --c-text-dark:#141923!important;
  --c-text-dark-2:#434b59!important;
}

.fsma-manager-launch,
.fsma-whitelist,
.soon-panel,
.premium-banner{
  background:linear-gradient(135deg,var(--inst-navy) 0%,var(--inst-navy-2) 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 16px 44px rgba(0,32,69,.22)!important;
  padding-top:calc(var(--bar-h,44px) + 130px)!important;
}

/* CTA generales heredados: el bloque FSMA se mantiene navy; el resto pasa
   a superficie clara para evitar franjas oscuras residuales entre secciones. */
.cta-block:not(.fsma-manager-launch):not(.fsma-whitelist):not(.soon-panel):not(.premium-banner),
.cta-section:not(.fsma-manager-launch):not(.fsma-whitelist):not(.soon-panel):not(.premium-banner){
  background:#fff!important;
  color:var(--inst-text)!important;
  border-top:1px solid var(--inst-line)!important;
  border-bottom:1px solid var(--inst-line)!important;
}
.cta-block:not(.fsma-manager-launch):not(.fsma-whitelist):not(.soon-panel):not(.premium-banner) h2,
.cta-section:not(.fsma-manager-launch):not(.fsma-whitelist):not(.soon-panel):not(.premium-banner) h2{
  color:var(--inst-navy)!important;
}
.cta-block:not(.fsma-manager-launch):not(.fsma-whitelist):not(.soon-panel):not(.premium-banner) p,
.cta-section:not(.fsma-manager-launch):not(.fsma-whitelist):not(.soon-panel):not(.premium-banner) p{
  color:var(--inst-slate)!important;
}

/* Parches para paginas premium de herramientas que traen fondos propios. */
.premium-tool-page,
.premium-shell,
.premium-main,
.tool-commercial-page,
.commercial-shell{
  background:var(--inst-bg)!important;
  color:var(--inst-text)!important;
}
.premium-tool-page .hero,
.premium-hero,
.tool-commercial-hero,
.commercial-hero{
  background:linear-gradient(180deg,#fff 0%,var(--inst-soft) 100%)!important;
  color:var(--inst-text)!important;
}
.premium-tool-page .hero h1,
.premium-hero h1,
.tool-commercial-hero h1,
.commercial-hero h1{
  color:var(--inst-navy)!important;
}
.premium-tool-page .hero p,
.premium-hero p,
.tool-commercial-hero p,
.commercial-hero p{
  color:var(--inst-slate)!important;
}
.fsma-manager-launch h2,
.fsma-manager-launch h3,
.fsma-whitelist h2,
.soon-panel h2,
.premium-banner h2{
  color:#fff!important;
}
.fsma-manager-launch p,
.fsma-whitelist p,
.soon-panel p,
.premium-banner p{
  color:rgba(255,255,255,.78)!important;
}

input,
select,
textarea{
  background:#fff!important;
  color:var(--inst-text)!important;
  border:1px solid var(--inst-line-2)!important;
  border-radius:7px!important;
}
input:focus,
select:focus,
textarea:focus{
  outline:2px solid rgba(26,54,93,.16)!important;
  border-color:var(--inst-navy-2)!important;
}

.fsma-waitlist-form input,
.fsma-waitlist-form select,
.fsma-waitlist-form textarea,
.fsma-form-row input,
.fsma-form-grid input,
.fsma-form-grid select,
.fsma-manager-launch input,
.fsma-manager-launch select,
.fsma-manager-launch textarea{
  background:#fff!important;
  color:var(--inst-text)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 1px 0 rgba(0,0,0,.05)!important;
}
.fsma-manager-launch input::placeholder,
.fsma-manager-launch textarea::placeholder{
  color:#6b7280!important;
}
.fsma-manager-launch select option{
  background:#fff!important;
  color:var(--inst-text)!important;
}
.fsma-consent,
.fsma-manager-launch small,
.fsma-manager-launch label{
  color:rgba(255,255,255,.84)!important;
}

.footer,
footer,
.site-footer{
  background:#080f1a!important;
  color:rgba(255,255,255,.62)!important;
}
.footer h3,
.footer h4,
.site-footer h3,
.site-footer h4{
  color:#fff!important;
}
.footer a,
.site-footer a{
  color:rgba(255,255,255,.72)!important;
}
.footer a:hover,
.site-footer a:hover{
  color:#fff!important;
}

.whatsapp-float{
  display:none!important;
}

@media(max-width:1100px){
  .nav-logo{padding:7px 10px!important}
  .hero-split{
    display:block!important;
  }
  .hero-split-left{
    background:#fff!important;
  }
  .hero-split-right{
    min-height:300px!important;
  }
  .hero-visual-frame{
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
  }
}

@media(max-width:720px){
  .announce-bar{font-size:.75rem!important}
  .nav-links{background:#fff!important}
  .hero-title,
  .tools-title,
  .page-hero h1{
    font-size:1.9rem!important;
  }
  .hero-sub,
  .tools-sub,
  .page-lead{
    font-size:.98rem!important;
  }
  .service-card,
  .tool-card,
  .course-card,
  .blog-card{
    border-radius:9px!important;
  }
}

/* Correccion final de contraste para paginas con estilos embebidos antiguos
   que declaran h1/h3 sin clase, especialmente blog y cabeceras promocionales. */
main h1,
main h2,
main h3,
article h1,
article h2,
article h3,
.blog-page h1,
.blog-page h2,
.blog-page h3,
.blog-hero h1,
.blog-hero h2,
.blog-hero h3,
.blog-section h1,
.blog-section h2,
.blog-section h3,
.blog-contact-cta h2,
.blog-contact-cta h3{
  color:var(--inst-navy)!important;
  -webkit-text-fill-color:var(--inst-navy)!important;
  background:none!important;
  text-shadow:none!important;
}

main p,
article p,
.blog-page p,
.blog-hero p,
.blog-section p,
.blog-contact-cta p{
  color:var(--inst-slate)!important;
  -webkit-text-fill-color:var(--inst-slate)!important;
}

.fsma-manager-launch h1,
.fsma-manager-launch h2,
.fsma-manager-launch h3,
.fsma-whitelist h1,
.fsma-whitelist h2,
.fsma-whitelist h3{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.fsma-manager-launch p,
.fsma-whitelist p{
  color:rgba(255,255,255,.82)!important;
  -webkit-text-fill-color:rgba(255,255,255,.82)!important;
}

.fsma-launch-card,
.fsma-launch-card *{
  -webkit-text-fill-color:initial!important;
}
.fsma-launch-card h2,
.fsma-launch-card h3,
.fsma-launch-card strong{
  color:var(--inst-navy)!important;
  -webkit-text-fill-color:var(--inst-navy)!important;
}
.fsma-launch-card p,
.fsma-launch-card li,
.fsma-benefits,
.fsma-benefits li{
  color:var(--inst-slate)!important;
  -webkit-text-fill-color:var(--inst-slate)!important;
}
.fsma-benefits li::marker{
  color:var(--inst-gold)!important;
}

@media(max-width:720px){
  .page-hero,
  .tools-hero,
  .course-hero,
  .contact-hero,
  .fsma-manager-launch,
  .fsma-whitelist,
  .soon-panel,
  .premium-banner{
    padding-top:calc(var(--bar-h,44px) + 100px)!important;
  }
}

/* GESTEMA_INSTITUTIONAL_FULL_PASS_20260507
   Limpieza final de restos oscuros en Herramientas, Cursos y Blog. */
.fsma-manager-launch,
.fsma-whitelist,
.tools-hero,
.blog-hero,
.blog-feature,
.course-feature,
.premium-banner{
  background:
    radial-gradient(circle at 12% 18%, rgba(201,168,76,.16), transparent 34%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 48%,#edf5ff 100%)!important;
  color:var(--inst-navy)!important;
  border-bottom:1px solid var(--inst-line)!important;
}

.fsma-manager-launch h1,
.fsma-manager-launch h2,
.fsma-manager-launch h3,
.fsma-whitelist h1,
.fsma-whitelist h2,
.fsma-whitelist h3,
.tools-hero h1,
.tools-hero h2,
.tools-hero h3,
.blog-hero h1,
.blog-hero h2,
.blog-hero h3{
  color:var(--inst-navy)!important;
  -webkit-text-fill-color:var(--inst-navy)!important;
}

.fsma-manager-launch p,
.fsma-manager-launch li,
.fsma-whitelist p,
.fsma-whitelist li,
.tools-hero p,
.blog-hero p{
  color:var(--inst-slate)!important;
  -webkit-text-fill-color:var(--inst-slate)!important;
}

.fsma-manager-launch .eyebrow,
.fsma-whitelist .eyebrow,
.tools-hero .eyebrow,
.blog-hero .eyebrow{
  color:var(--inst-gold)!important;
  -webkit-text-fill-color:var(--inst-gold)!important;
  background:rgba(201,168,76,.12)!important;
  border-color:rgba(201,168,76,.35)!important;
}

.fsma-waitlist,
.fsma-launch-card,
.fsma-card,
.tool-card,
.blog-card,
.post-card,
.article-card,
.course-card{
  background:#fff!important;
  color:var(--inst-navy)!important;
  border:1px solid var(--inst-line)!important;
  box-shadow:0 18px 48px rgba(15,35,70,.09)!important;
}

.fsma-waitlist h1,
.fsma-waitlist h2,
.fsma-waitlist h3,
.fsma-waitlist h4,
.fsma-waitlist label,
.fsma-waitlist .form-label,
.fsma-waitlist .checkbox-label,
.fsma-waitlist .privacy-note,
.fsma-waitlist .consent,
.fsma-waitlist small{
  color:var(--inst-navy)!important;
  -webkit-text-fill-color:var(--inst-navy)!important;
}

.fsma-waitlist input,
.fsma-waitlist select,
.fsma-waitlist textarea{
  background:#fff!important;
  color:var(--inst-navy)!important;
  -webkit-text-fill-color:var(--inst-navy)!important;
  border:1px solid var(--inst-line)!important;
}

.fsma-waitlist-form,
.fsma-waitlist-form label,
.fsma-waitlist-form .fsma-consent,
.fsma-waitlist-form small{
  color:var(--inst-navy)!important;
  -webkit-text-fill-color:var(--inst-navy)!important;
}

.fsma-waitlist-form input,
.fsma-waitlist-form select,
.fsma-waitlist-form textarea{
  background:#fff!important;
  color:var(--inst-navy)!important;
  -webkit-text-fill-color:var(--inst-navy)!important;
  border:1px solid var(--inst-line)!important;
}

.tool-shot,
.blog-card-image,
.post-card-image,
.article-card-image,
.course-card-media{
  background:#eef4fb!important;
  border-bottom:1px solid var(--inst-line)!important;
}

.tool-card h1,
.tool-card h2,
.tool-card h3,
.blog-card h1,
.blog-card h2,
.blog-card h3,
.post-card h1,
.post-card h2,
.post-card h3,
.article-card h1,
.article-card h2,
.article-card h3,
.course-card h1,
.course-card h2,
.course-card h3{
  color:var(--inst-navy)!important;
  -webkit-text-fill-color:var(--inst-navy)!important;
  font-family:"Noto Serif", Georgia, serif!important;
}

.tool-card p,
.tool-card li,
.blog-card p,
.blog-card li,
.post-card p,
.post-card li,
.article-card p,
.article-card li,
.course-card p,
.course-card li{
  color:var(--inst-slate)!important;
  -webkit-text-fill-color:var(--inst-slate)!important;
}

.tool-card-footer,
.blog-card-footer,
.post-card-footer,
.article-card-footer{
  background:#fff!important;
  border-top:1px solid var(--inst-line)!important;
}

.btn-tool,
.btn-primary,
.fsma-manager-launch button,
.fsma-whitelist button{
  background:var(--inst-navy)!important;
  border-color:var(--inst-navy)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.btn-tool-secondary,
.btn-secondary{
  background:#eef4fb!important;
  border-color:var(--inst-line)!important;
  color:var(--inst-navy)!important;
  -webkit-text-fill-color:var(--inst-navy)!important;
}

.tools-notice,
.tools-contact-note,
.blog-contact-cta,
.newsletter-section{
  background:#f6f9fc!important;
  border:1px solid var(--inst-line)!important;
  color:var(--inst-slate)!important;
}

.tools-notice h2,
.tools-notice h3,
.tools-contact-note h2,
.tools-contact-note h3,
.blog-contact-cta h2,
.blog-contact-cta h3,
.newsletter-section h2,
.newsletter-section h3{
  color:var(--inst-navy)!important;
  -webkit-text-fill-color:var(--inst-navy)!important;
}

.tools-notice p,
.tools-contact-note p,
.blog-contact-cta p,
.newsletter-section p{
  color:var(--inst-slate)!important;
  -webkit-text-fill-color:var(--inst-slate)!important;
}

@media(max-width:720px){
  .fsma-manager-launch,
  .fsma-whitelist,
  .tools-hero,
  .blog-hero{
    background:#f8fbff!important;
  }
}