/* Shared details for the three pages; the rest of the site keeps style.css. */
:root { --radio: 0; --radio-chico: 0; --verde-oscuro: #21613b; }
.rf-icon { width: 28px; height: 28px; display: inline-block; flex-shrink: 0; vertical-align: middle; }
.nav-toggle .rf-icon { width: 24px; height: 24px; }
.site-header { border-bottom-color: #a87c2e; }
.site-header .logo { font-size: 1.15rem; white-space: nowrap; }
.site-header .container { gap: 12px; }
.nav-toggle { min-width: 44px; min-height: 44px; padding: 8px; }
.nav a:hover, .nav-dropdown-toggle:hover { color: #e8c783; }
.nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 6px; }
.footer-links h4 { text-transform: none; letter-spacing: 0; color: #e8c783; }
.footer-bottom { color: #c6bead; }
.footer-bottom a { color: #e4dccb; text-decoration: underline; text-underline-offset: 3px; }
.skip-link { color: var(--papel); background: var(--tinta); }
:is(a,button,input):focus-visible { outline: 3px solid #a23b33; outline-offset: 4px; }
:is(.site-header,.site-footer,.newsletter) :is(a,button,input):focus-visible { outline-color: #f0cb83; }
main:focus { outline: none; }
[hidden] { display: none !important; }
.eyebrow, .herramienta-tag, .recurso-tipo, .afiliado-badge { text-transform: none !important; letter-spacing: 0 !important; }
.herramientas-hero .eyebrow, .recursos-hero .eyebrow { color: #e8c783; }
.herramientas-hero h1, .recursos-hero h1, .recursos-cta h2, .recurso-card-header h2 { font-family: var(--f-display); }
.herramienta-icono { border-radius: 0; background: #efe7d7; color: #77571e; }
.herramienta-card { border-radius: 0; box-shadow: none; border: 1px solid #c3b9a7; border-top: 3px solid #a87c2e; }
.herramienta-card:nth-child(2) { border-top-color: #a23b33; }
.herramienta-card:nth-child(2) .herramienta-icono { color: #a23b33; background: #f6e9e6; }
.herramienta-card:nth-child(3) { border-top-color: #21613b; }
.herramienta-card:nth-child(3) .herramienta-icono { color: #21613b; }
.herramienta-card:nth-child(4) { border-top-color: #2e5c8a; }
.herramienta-card:nth-child(4) .herramienta-icono { color: #2e5c8a; }
.herramienta-tag { color: #5b5346; }
.herramienta-titulo { font-family: var(--f-display); }
.herramienta-card:hover, .recurso-card:hover { transform: none; box-shadow: none; border-color: #5b5346; }
.herramienta-btn, .recurso-cta { background: #21613b; border-radius: 0; }
.recursos-cta .btn { background: #21613b; }
.herramienta-features li::before, .recurso-lista li::before { content: none; }
.herramienta-features .rf-icon, .recurso-lista .rf-icon { width: 18px; height: 18px; margin-top: 4px; color: #21613b; }
.recurso-card { border-radius: 0; box-shadow: none; border-color: #c3b9a7; }
.recurso-ico .rf-icon { width: 38px; height: 38px; color: #e8c783; }
.recurso-tipo { background: transparent; color: #e8c783; border-radius: 0; padding: 0; }
.afiliado-badge { color: #e4dccb; border-radius: 0; }
.afiliados-aviso { background: #fffdf8; color: #5b5346; border: 1px solid #a87c2e; text-align: left; margin-inline: auto; }
.recurso-nota { color: #5b5346; }
.libro-item { border-radius: 0; }
.libro-emoji .rf-icon { width: 20px; height: 20px; }
.libro-ver { color: #21613b; min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.rf-home .container { padding-inline: 20px; }
.home-hero { padding: 36px 0 44px; background: var(--papel); border-bottom: 1px solid #c3b9a7; }
.hero-layout { display: grid; gap: 32px; }
.hero-intro { padding-top: 8px; }
.ledger-note { font-family: var(--f-mono); font-size: .78rem; color: #5b5346; margin-bottom: 20px; display: flex; gap: 10px; align-items: center; }
.ledger-note::before { content: ''; width: 24px; height: 2px; background: #a87c2e; }
.home-hero h1 { font-family: var(--f-display); font-size: clamp(2.55rem, 5.5vw, 4.8rem); font-weight: 900; line-height: 1.05; letter-spacing: -.04em; margin-bottom: 22px; }
.home-hero .lema { font-weight: 700; font-size: 1.1rem; margin-bottom: 12px; }
.home-hero .descripcion { color: #5b5346; max-width: 470px; font-size: 1.02rem; }
.hero-footnote { display: none; font-family: var(--f-mono); color: #5b5346; font-size: .76rem; border-top: 1px solid #c3b9a7; padding-top: 20px; margin-top: 32px; }
.quincena-sheet { background: #fffdf8; border: 1px solid #a99d86; border-top: 6px solid #a87c2e; padding: 22px; position: relative; box-shadow: 6px 6px 0 #e4dac6; }
.sheet-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #c3b9a7; padding-bottom: 16px; margin-bottom: 16px; }
.sheet-heading h2 { font-family: var(--f-display); font-size: 1.55rem; line-height: 1.2; }
.sheet-heading .rf-icon { color: #77571e; }
.sheet-note { color: #5b5346; font-size: .9rem; margin-bottom: 18px; }
.quincena-sheet label { display: block; font-size: .95rem; font-weight: 600; margin-bottom: 6px; }
.money-field { display: flex; border: 1px solid #a99d86; margin-bottom: 16px; background: #fff; }
.money-field span { font-family: var(--f-mono); padding: 10px 12px; color: #5b5346; border-right: 1px solid #c3b9a7; }
.money-field input { width: 100%; min-width: 0; padding: 10px 12px; border: 0; border-radius: 0; background: transparent; font: 1.1rem var(--f-mono); color: var(--tinta); }
.money-field:focus-within { outline: 3px solid #77571e; outline-offset: 2px; }
.money-field input:focus-visible { outline: none; }
.quincena-result { border-top: 1px dashed #a99d86; padding-top: 16px; min-height: 145px; }
.result-label { color: #5b5346; font-size: .88rem; }
.result-amount { font-family: var(--f-mono); font-size: clamp(1.65rem, 4vw, 2.15rem); line-height: 1.4; overflow-wrap: anywhere; font-weight: 600; }
.result-detail { font-size: .85rem; color: #5b5346; }
.result-status { display: flex; gap: 8px; align-items: flex-start; font-weight: 600; font-size: .9rem; padding-top: 10px; }
.status-dot { width: 10px; height: 10px; background: currentColor; border-radius: 50%; margin-top: 8px; flex-shrink: 0; }
.quincena-result[data-state="verde"] { color: #21613b; }
.quincena-result[data-state="amarillo"] { color: #77571e; }
.quincena-result[data-state="rojo"] { color: #a23b33; }
.calc-full { display: inline-block; margin-top: 14px; font-size: .88rem; text-decoration: underline; text-underline-offset: 3px; }
.hero-tools-cta { margin-top: 22px; display: block; text-align: center; background: var(--tinta); color: var(--papel) !important; box-shadow: none; }
.home-section { padding: 48px 0; }
.section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; border-bottom: 2px solid var(--tinta); padding-bottom: 16px; margin-bottom: 24px; }
.section-heading h2 { font-family: var(--f-display); font-size: clamp(1.8rem, 3.5vw, 2.6rem); line-height: 1.2; }
.section-heading a { font-size: .92rem; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.latest-grid { display: grid; gap: 0; }
.latest-article { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 16px; border-bottom: 1px solid #c3b9a7; padding: 24px 0; align-items: start; }
.latest-image { display: block; background: #e4dac6; overflow: hidden; }
.latest-image img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.latest-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font-family: var(--f-mono); font-size: .69rem; color: #5b5346; margin-bottom: 8px; }
.latest-category { font-weight: 600; color: #21613b; }
.latest-category[data-cat="deudas"] { color: #a23b33; }
.latest-category[data-cat="quincena"] { color: #77571e; }
.latest-category[data-cat="credito"] { color: #2e5c8a; }
.latest-category[data-cat="habitos"] { color: #6b4c7a; }
.latest-category[data-cat="inversion"] { color: #1e6e6a; }
.latest-copy h3 { font-family: var(--f-display); font-size: 1.13rem; line-height: 1.27; margin-bottom: 10px; }
.latest-copy h3 a { color: var(--tinta); }
.latest-copy h3 a:hover { text-decoration: underline; }
.latest-copy p { font-size: .91rem; color: #5b5346; line-height: 1.55; }
.latest-lead { display: block; padding-top: 0; }
.latest-lead .latest-image { margin-bottom: 18px; }
.latest-lead .latest-image img { aspect-ratio: 16 / 9; }
.latest-lead h3 { font-size: 1.6rem; }
.home-tools { background: var(--tinta); color: var(--papel); background-image: repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#f7f1e40b 43px,#f7f1e40b 44px); }
.home-tools .section-heading { border-color: #817967; }
.home-tools .section-heading a { color: var(--papel); }
.tools-intro { color: #d8d2c2; max-width: 570px; margin-bottom: 24px; }
.tool-ledger { display: grid; }
.tool-entry { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 16px; color: var(--papel); padding: 26px 0; border-top: 1px solid #817967; text-decoration: none !important; }
.tool-entry .rf-icon { margin-top: 4px; }
.tool-entry h3 { font-family: var(--f-display); font-size: 1.35rem; margin-bottom: 6px; line-height: 1.25; }
.tool-entry p { color: #d8d2c2; font-size: .95rem; max-width: 420px; }
.tool-entry .tool-action { display: inline-block; font-family: var(--f-mono); font-size: .76rem; margin-top: 14px; text-decoration: underline; text-underline-offset: 5px; }
.tool-entry:hover h3 { text-decoration: underline; }
.tool-quincena .rf-icon { color: #e8c783; }
.tool-deudas .rf-icon { color: #f0a49d; }
.tool-ahorro .rf-icon { color: #9dd5ac; }
.tool-presupuesto .rf-icon { color: #a5c4e7; }
.home-values .section-heading { margin-bottom: 0; }
.value-ledger { display: grid; }
.value-entry { display: grid; grid-template-columns: 90px minmax(0,1fr); gap: 20px; padding: 26px 0; border-bottom: 1px solid #c3b9a7; }
.value-mark { color: #77571e; font-family: var(--f-mono); font-size: .78rem; padding-top: 4px; }
.value-entry h3 { font-family: var(--f-display); font-size: 1.2rem; line-height: 1.3; margin-bottom: 8px; }
.value-entry p { color: #5b5346; font-size: .96rem; }
.rf-home .newsletter { text-align: left; padding: 44px 0; }
.newsletter-layout { display: grid; gap: 24px; }
.newsletter-layout h2 { font-size: 2rem; line-height: 1.2; }
.newsletter-layout p { color: #d8d2c2; }
.newsletter-fields { margin: 8px 0 12px; max-width: none; }
.newsletter-fields input { flex: 1; min-width: 0; width: 100%; background: #fffdf8; color: var(--tinta); border: 1px solid #a99d86; }
.newsletter-fields input::placeholder { color: #5b5346; }
.newsletter label { font-size: .92rem; }
.newsletter-fields .btn { background: #e8c783; color: var(--tinta) !important; box-shadow: none; }
.newsletter-layout .newsletter-aviso { color: #d8d2c2; }
.newsletter-layout .nl-error { color: #f0a49d; }
.nl-exito { justify-content: flex-start; margin: 0; }
.newsletter-aviso a { color: #e8c783; text-decoration: underline; }
.home-books { background: var(--papel-alt); }
.home-books .section-heading { border-bottom-width: 1px; margin-bottom: 16px; }
.affiliate-disclosure { color: #5b5346; font-size: .9rem; max-width: 750px; }
.book-shelf { display: grid; margin-top: 28px; }
.book-entry { padding: 24px 0; border-top: 1px solid #c3b9a7; display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 16px; }
.book-entry .rf-icon { color: #77571e; margin-top: 4px; }
.book-entry h3 { font-family: var(--f-display); font-size: 1.22rem; line-height: 1.3; }
.book-author { font-size: .8rem; font-family: var(--f-mono); color: #5b5346; margin: 6px 0 12px; }
.book-entry p { color: #5b5346; font-size: .93rem; }
.book-entry a { display: inline-block; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; margin-top: 14px; font-size: .9rem; }
@media (min-width: 700px) {
  .rf-home .container { padding-inline: 32px; }
  .home-hero { padding: 56px 0 64px; }
  .hero-layout { grid-template-columns: minmax(0,1fr) minmax(0,.9fr); gap: 36px; align-items: center; }
  .hero-footnote { display: block; }
  .home-section { padding: 64px 0; }
  .latest-grid { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 28px; }
  .latest-lead { grid-column: 1 / -1; display: grid; grid-template-columns: 1.1fr 1fr; gap: 28px; padding-bottom: 28px; align-items: center; }
  .latest-lead .latest-image { margin-bottom: 0; }
  .latest-article:last-child { grid-column: 1 / -1; }
  .tool-ledger, .value-ledger { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 40px; }
  .book-shelf { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
  .book-entry { display: block; }
  .book-entry .rf-icon { margin-bottom: 18px; }
  .newsletter-layout { grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
}
@media (max-width: 1139px) {
  .nav:not(.open) { visibility: hidden; }
  .nav.open { visibility: visible; }
}
@media (min-width: 1040px) {
  .hero-layout { grid-template-columns: 1.25fr 1fr; gap: 80px; }
  .quincena-sheet { padding: 28px; }
  .latest-grid { grid-template-columns: 1.05fr 1fr; column-gap: 44px; }
  .latest-lead { grid-column: 1; grid-row: span 3; display: block; }
  .latest-lead .latest-image { margin-bottom: 24px; }
  .latest-lead h3 { font-size: 1.95rem; }
  .latest-article:not(.latest-lead) { grid-template-columns: 116px minmax(0,1fr); }
  .latest-article:nth-child(2) { padding-top: 0; }
  .latest-article:nth-child(n+5) { grid-column: auto; grid-template-columns: 140px minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
  .btn:hover, .btn:active { transform: none; }
}

.home-tools,.home-tools p,.home-tools a,.home-tools .tool-entry,.home-tools svg{background:#FFFDF8;color:#1B1B18!important}

/* Static editorial feed: titles, dates and summaries, without remote thumbnails. */
.latest-article,.latest-lead,.latest-article:not(.latest-lead),.latest-article:nth-child(n+5){display:block;grid-template-columns:none}

@media(min-width:1040px){.latest-lead{grid-row:auto}.latest-article:last-child{grid-column:auto}}