/* Capa visual compartida. No cambia la cabecera clara de las calculadoras. */
:root{--qf-accent:#c9a84c;--qf-accent-ink:#0f2035;--qf-accent-text:#7a5f14;--qf-motion:180ms}

.section-flow-btn,
.cta-excel-btn,
.home-newsletter button,
.calc-btn,
.nl button,
#cookie-banner .cb-ok,
#cookie-banner .cb-ess{
  box-sizing:border-box;
  min-height:40px;
  padding:8px 16px;
  border-radius:8px;
  font-family:'DM Sans',sans-serif;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:0;
  cursor:pointer;
  text-decoration:none;
  transition:background-color var(--qf-motion) ease,border-color var(--qf-motion) ease,color var(--qf-motion) ease,box-shadow var(--qf-motion) ease;
}
.section-flow-btn:focus-visible,
.cta-excel-btn:focus-visible,
.home-newsletter button:focus-visible,
.calc-btn:focus-visible,
.nl button:focus-visible,
#cookie-banner button:focus-visible,
a:focus-visible{
  outline:2px solid var(--qf-accent);
  outline-offset:2px;
}

.section-flow-btn.primary,
.cta-excel-btn,
.home-newsletter button,
.calc-btn,
.nl button,
#cookie-banner .cb-ok{
  background:var(--qf-accent)!important;
  border:1px solid var(--qf-accent)!important;
  color:var(--qf-accent-ink)!important;
}
.section-flow-btn.primary:hover,
.cta-excel-btn:hover,
.home-newsletter button:hover,
.calc-btn:hover,
.nl button:hover,
#cookie-banner .cb-ok:hover{
  background:#d7b85d!important;
  border-color:#d7b85d!important;
  color:var(--qf-accent-ink)!important;
}

.section-flow-btn.secondary,
#cookie-banner .cb-ess{
  background:#fff!important;
  border:1px solid var(--qf-accent)!important;
  color:var(--qf-accent-ink)!important;
}
.section-flow-btn.secondary:hover,
#cookie-banner .cb-ess:hover{
  background:rgba(201,168,76,.16)!important;
  border-color:var(--qf-accent)!important;
  color:var(--qf-accent-ink)!important;
}

.crumbs a,.related a,.cl-src,.notice a,.faq a,.term a,.section-header p a,.lead a{
  color:var(--qf-accent-text);
  text-decoration-color:var(--qf-accent);
  text-underline-offset:3px;
  transition:color var(--qf-motion) ease;
}
.crumbs a:hover,.related a:hover,.cl-src:hover,.notice a:hover,.faq a:hover,.term a:hover,.lead a:hover{color:#5c4a10}

html[data-theme="dark"] .section-flow-btn.secondary,
html[data-theme="dark"] #cookie-banner .cb-ess{
  background:#142233!important;
  color:#f2f6fa!important;
  border-color:var(--qf-accent)!important;
}
html[data-theme="dark"] .crumbs a,
html[data-theme="dark"] .related a,
html[data-theme="dark"] .cl-src,
html[data-theme="dark"] .notice a,
html[data-theme="dark"] .faq a,
html[data-theme="dark"] .term a,
html[data-theme="dark"] .lead a{color:#d7b85d}

/* Más aire entre bloques de la portada */
.empieza-block,.home-proof-section{margin-top:48px;padding-top:40px}
.section-flow{margin-top:48px;padding-top:28px}
.home-newsletter{margin-top:28px}
.section-header{margin-bottom:36px}

@media(max-width:760px){
  .recurso-card{padding:22px 20px}
  .cuenta-card{padding:20px 18px}
  .empieza-card{padding:18px 16px}
  .testimonio-card{padding:20px 18px}
  #calculadoras .calc-item{padding:16px}
}

@media(prefers-reduced-motion:no-preference){
  a,.section-flow-btn,.cta-excel-btn,.home-newsletter button,.calc-btn,.nl button,#cookie-banner button,.cat-btn{
    transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,box-shadow 180ms ease,transform 180ms ease;
  }
  #top-bar .qf-menu-top,#top-bar .qf-menu-link,.qf-menu-burger{transition:color 180ms ease,background-color 180ms ease}
  .qf-menu-top[aria-expanded="true"]+.qf-menu-sub{animation:qf-menu-in 180ms ease}
}
@keyframes qf-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .qf-menu-top[aria-expanded="true"]+.qf-menu-sub{animation:none}
  a,.section-flow-btn,.cta-excel-btn,.home-newsletter button,.calc-btn,.nl button,#cookie-banner button,.cat-btn,#top-bar .qf-menu-top,#top-bar .qf-menu-link{
    transition:none;
  }
}

/* Readability: scoped home spacing and status labels, without layout redesign. */
body #calculadoras .coming{color:#526a80}
html[data-theme="dark"] body .home-v3-brandnote,
html[data-theme="dark"] body .home-v3-proof,
html[data-theme="dark"] body .home-v3-value span,
html[data-theme="dark"] body .home-v3-principle span,
html[data-theme="dark"] body .home-v3-shot-caption strong{color:#b9c9d8}
html[data-theme="dark"] body .cuentas-changelog summary{color:#edf3f8}
html[data-theme="dark"] body #calculadoras .coming{background:#1c2c40;border-color:#3a5065;color:#b9c9d8}
@media(max-width:980px){
  body.show-home-intro header.home-v3-hero{padding-left:24px;padding-right:24px}
}
@media(max-width:720px){
  body.show-home-intro header.home-v3-hero{padding-left:18px;padding-right:18px}
}

/* Keep calculator actions inside narrow modals instead of clipping links. */
body .calc-cta{flex-wrap:wrap}
body .calc-cta-links{flex-shrink:1;min-width:0;max-width:100%}
body .calc-cta-links>div{min-width:0;max-width:100%;flex-wrap:wrap}

/* Readable small labels and supporting copy on dark home surfaces. */
html[data-theme="dark"] body .home-v3-eyebrow,
html[data-theme="dark"] body .home-v3-path-num,
html[data-theme="dark"] body .kicker{color:#d7b85d}
html[data-theme="dark"] body .home-newsletter-note,
html[data-theme="dark"] body .home-v3-contact-list small{color:#b9c9d8}

/* Inline legacy footer colours must not override its existing dark theme. */
html[data-theme="dark"] body>footer{background:#101a26!important;border-top-color:#2d4255!important}
html[data-theme="dark"] body>footer a{color:#b9c9d8!important}
html[data-theme="dark"] body>footer>a,
html[data-theme="dark"] body>footer a div[style*="Playfair"]{color:#edf3f8!important}
html[data-theme="dark"] body>footer>div:last-child{border-top-color:#2d4255!important;color:#b9c9d8!important}