﻿@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#1e3029;--forest:#163d32;--green:#366b59;--rust:#a6492e;--paper:#f7f5ee;--white:#fffefa;--line:#d4dacd;--muted:#526158;--primary:var(--forest);--secondary:var(--green);--accent:var(--rust);--background:var(--paper);--surface:var(--white);--text:var(--ink);--soft:#e6e8d7;color-scheme:light;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-block-start:2rem}body{margin:0;line-height:1.65}a{color:var(--forest);text-underline-offset:4px}a:hover{color:var(--rust)}img{max-inline-size:100%;block-size:auto;display:block}button,input,select{font:inherit}button,a,input,summary{touch-action:manipulation}button,summary{cursor:pointer}:focus-visible{outline:3px solid var(--rust);outline-offset:4px}.wrap{max-inline-size:1260px;padding-inline:40px;margin-inline:auto}.skip-link{position:absolute;inset-block-start:-100px;background:var(--forest);color:white;padding:12px;z-index:10}.skip-link:focus{inset-block-start:10px}.site-header{background:var(--paper);border-block-end:1px solid var(--line)}.header-inner{min-block-size:98px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand-name{font-family:'Manrope',sans-serif;font-weight:800;font-size:1.6rem;letter-spacing:-1.2px}.site-nav ul,.site-footer ul{list-style:none;padding:0;margin:0;display:flex;gap:22px;flex-wrap:wrap}.site-nav a{font-size:.83rem;font-weight:700;text-decoration:none}.site-nav a[aria-current]{color:var(--rust);text-decoration:underline}.nav-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding-block:64px 60px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.71rem;color:var(--rust);margin-block:0 20px}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.15;letter-spacing:-.035em;margin-block-start:0}h1{font-size:clamp(2.7rem,4.9vw,4.5rem);font-weight:800;margin-block-end:24px;max-inline-size:15ch}.lead{font-size:1.12rem;line-height:1.7;color:var(--muted);max-inline-size:62ch}.hero-media{margin:0;position:relative}.hero-media img{aspect-ratio:1.06;object-fit:cover;border-radius:50% 50% 3px 3px}.hero-media:before{content:'LEITURA CLARA / COMPRA CONSCIENTE';position:absolute;inset-block-start:14px;inset-inline-start:18px;background:var(--forest);color:var(--white);font-size:.61rem;letter-spacing:.13em;padding:8px 11px;z-index:1;max-inline-size:80%}figcaption{font-size:.7rem;color:var(--muted);margin-block-start:8px}.hero-points{list-style:none;padding:0;margin-block:24px;font-size:.83rem}.hero-points li{padding-block:6px;border-block-end:1px solid var(--line)}.hero-points li:before{content:'↗';color:var(--rust);margin-inline-end:10px}.cta{display:flex;gap:10px;flex-wrap:wrap}.btn,button[type=submit]{display:inline-block;background:var(--forest);color:var(--white);padding:13px 19px;border:1px solid var(--forest);text-decoration:none;font-weight:700;font-size:.86rem;border-radius:2px}.btn-secondary{display:inline-block;padding:13px 19px;border:1px solid var(--forest);color:var(--forest);background:transparent;text-decoration:none;font-weight:700;font-size:.86rem}.btn:hover,button[type=submit]:hover{background:var(--green);color:white}main>section:not(.hero){padding-block:44px;border-block-start:1px solid var(--line)}h2{font-size:clamp(1.6rem,2.7vw,2.35rem);margin-block-end:28px}h3{font-size:1.22rem;line-height:1.35}.grid{display:grid;gap:26px}.cats{grid-template-columns:repeat(3,1fr)}.card{min-inline-size:0}.card a{text-decoration:none}.card-media{display:block;overflow:hidden}.card-media img{inline-size:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .25s}.card-media:hover img{transform:scale(1.025)}.card-body{padding-block:20px}.card-body p{font-size:.92rem;color:var(--muted);margin-block:10px}.card-body .eyebrow{font-size:.65rem;color:var(--rust)}.meta{font-size:.76rem!important;color:var(--muted)}.guides{grid-template-columns:repeat(2,1fr)}.guide-card{display:grid;grid-template-columns:150px 1fr;border-block-start:1px solid var(--line);padding-block:22px;gap:22px}.guide-card .card-media img{aspect-ratio:1;object-fit:cover}.guide-card .card-body{padding:0}.guide-card h3{font-size:1.14rem}.tools{grid-template-columns:repeat(4,1fr);gap:16px}.tool-card{background:var(--forest);color:var(--white);padding:18px}.tool-card a,.tool-card .card-body p{color:var(--white)}.tool-card .card-body p{opacity:.85;font-size:.83rem}.tool-card .card-media img{aspect-ratio:16/9}.tool-card h3{font-size:1.1rem}.table-wrap{overflow-x:auto;max-inline-size:100%;border:1px solid var(--line);background:var(--white)}table{border-collapse:collapse;inline-size:100%;font-size:.89rem;text-align:start}th{background:var(--forest);color:var(--white);font-weight:600;text-align:start}th,td{padding:16px 18px;border-block-end:1px solid var(--line);min-inline-size:135px;vertical-align:top}tbody tr:nth-child(even){background:#f0f0e6}th button{color:inherit;background:transparent;border:0;font-weight:700}details{border-block-end:1px solid var(--line);padding-block:18px}summary{font-weight:700}.faq{max-inline-size:920px}.disclosure{color:var(--muted);font-size:.9rem}.disclosure h2{font-size:1.2rem}.site-footer{background:var(--forest);color:var(--white);padding-block:50px;margin-block-start:64px}.site-footer a{color:#eef1dd;font-size:.82rem}.site-footer nav{padding-block:18px;border-block-start:1px solid #5c796b}.footer-brand strong{font-family:Manrope,sans-serif;font-size:1.8rem}.footer-brand p,.footer-note,.copyright{font-size:.82rem;color:#d4dece}.footer-note{max-inline-size:100ch}.breadcrumb{font-size:.76rem;padding-block:22px}.breadcrumb ol{display:flex;gap:10px;list-style:none;padding:0;flex-wrap:wrap}.breadcrumb li+li:before{content:'/';margin-inline-end:10px;color:var(--muted)}.page-head{padding-block:30px 42px;border-block-end:1px solid var(--line);margin-block-end:32px}.page-head h1{font-size:clamp(2.2rem,4vw,3.6rem);max-inline-size:26ch}.intro-split{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:start}.intro-split figure{margin:0}.intro-split img{aspect-ratio:16/10;object-fit:cover}.prose{max-inline-size:76ch;font-size:1.035rem;overflow-wrap:anywhere}.prose h2{font-size:1.8rem;margin-block:44px 20px}.prose h3{margin-block:28px 14px}.prose p{margin-block:18px}.prose li{padding-block:4px}.prose blockquote{margin-inline:0;padding:16px 24px;border-inline-start:4px solid var(--rust);background:#ececdd}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:64px;align-items:start}.article-cover{margin:0 0 32px}.article-cover img{inline-size:100%;aspect-ratio:16/7;object-fit:cover}.toc{background:#e9ecdf;padding:24px;font-size:.86rem}.toc ul{padding-inline-start:18px}.toc a{display:inline-block;padding-block:6px}.byline,.article-meta{font-size:.82rem;color:var(--muted)}.tool{background:var(--white);border:1px solid var(--line);padding:30px;margin-block:25px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field label{display:block;font-weight:600;font-size:.88rem;margin-block-end:8px}input,select{inline-size:100%;min-inline-size:0;background:#fff;border:1px solid #829184;color:var(--ink);padding:12px;border-radius:2px}input[type=checkbox]{inline-size:22px;block-size:22px;flex:none;accent-color:var(--forest)}.field{margin-block-end:12px}.tool button{margin-block-start:14px}.results{background:#edf0e2;padding:18px;margin-block-start:24px}.results dl{margin:0}.result-row{display:flex;justify-content:space-between;gap:18px;padding-block:12px;border-block-end:1px solid #c3cdbb}.result-row dd{font-weight:800;font-size:1.2rem;margin:0;text-align:end}.result-row dt{font-size:.88rem}.example-label{font-size:.8rem;color:var(--rust);font-weight:700}.note{font-size:.83rem}.checklist{padding:0;list-style:none}.checklist li{display:flex;align-items:start;gap:14px;padding-block:12px;border-block-end:1px solid var(--line)}.checklist label{cursor:pointer}.progress{font-weight:700}[data-error]{color:#9c281c;font-weight:600}.search-form{max-inline-size:800px}input[type=search]{max-inline-size:800px}.link-list{line-height:2}.tag{font-size:.75rem;color:var(--rust)}[hidden]{display:none!important}
@media(min-width:1000px){.home>section:nth-of-type(3) .guides{gap:0 36px}.home>section:nth-of-type(2) .cat-card:nth-child(2){margin-block-start:32px}.home>section:nth-of-type(2) .cat-card:nth-child(3){margin-block-start:64px}}
@media(max-width:1050px){.wrap{padding-inline:26px}.header-inner{flex-wrap:wrap;padding-block:18px}.site-nav{inline-size:100%}.site-nav ul{gap:12px 22px}.hero{gap:30px}.tools{grid-template-columns:repeat(2,1fr)}.article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:700px){.wrap{padding-inline:20px}.header-inner{min-block-size:78px;gap:12px}.brand-name{font-size:1.4rem}.nav-toggle{display:block;border:1px solid var(--forest);color:var(--forest);background:transparent;padding:8px 14px}.site-nav{display:none}.nav-open .site-nav{display:block}.site-nav ul{flex-direction:column;gap:0}.site-nav a{display:block;padding-block:10px}.hero{grid-template-columns:1fr;padding-block:38px;gap:28px}h1{font-size:2.9rem}.hero-media img{aspect-ratio:4/3;border-radius:130px 130px 2px 2px}.hero-media:before{inset-block-start:12px;font-size:.55rem}.lead{font-size:1rem}.cats,.guides,.intro-split,.article-layout{grid-template-columns:1fr}.cats{gap:16px}.cat-card{display:grid;grid-template-columns:115px 1fr;gap:18px;padding-block:16px;border-block-start:1px solid var(--line)}.cat-card .card-media img{aspect-ratio:1}.cat-card .card-body{padding:0}.cat-card h3{font-size:1.15rem}.cat-card p{font-size:.83rem}.guide-card{grid-template-columns:100px 1fr;gap:17px}.guide-card .card-body p:not(.eyebrow):not(.meta){display:none}.tools{gap:12px}.tool-card{padding:12px}.tool-card h3{font-size:.98rem}.tool-card .card-body{padding-block:14px 0}.tool-card .card-body p{font-size:.78rem}.fields{grid-template-columns:1fr;gap:6px}.tool{padding:20px}.result-row{flex-direction:column;gap:4px}.result-row dd{text-align:start}.page-head{padding-block:20px 28px}.page-head h1{font-size:2.35rem}.toc{order:-1}.prose{font-size:1rem}.article-cover img{aspect-ratio:4/3}.site-footer ul{gap:10px 18px}main>section:not(.hero){padding-block:32px}h2{font-size:1.65rem}.breadcrumb{padding-block:12px}.intro-split{gap:20px}th,td{padding:12px;min-inline-size:125px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.article-layout{grid-template-columns:240px minmax(0,1fr)}.toc h2{font-size:1rem;letter-spacing:0}.toc ol{padding-inline-start:18px}.cover{margin:0 0 38px;max-inline-size:960px}.cover img{inline-size:100%;aspect-ratio:2.2;object-fit:cover}.related-tool{margin-block:42px;padding:28px;background:var(--soft)}.related-tool h2{font-size:1.35rem}.route-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;list-style:none;padding:0;margin-block:28px}.route-list li{border-block-start:1px solid var(--line);padding-block:24px;display:flex;gap:18px}.route-list span{font-family:Manrope,sans-serif;color:var(--rust);font-size:1.6rem;font-weight:700}.route-list h3{font-size:1.1rem}.route-list p{font-size:.88rem;color:var(--muted)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.table-tools{margin-block:24px}.table-tools label{font-weight:700;display:block}.hint{font-size:.8rem;color:var(--muted)}.search-results{padding:0;list-style:none;max-inline-size:80ch}.search-results li{padding-block:20px;border-block-end:1px solid var(--line)}.search-results a{font-weight:700}.search-results p{color:var(--muted)}.prose table{display:block;overflow-x:auto}.tool-panel{max-inline-size:920px}.local-notice{padding:14px 20px;background:#ede6d8;border-inline-start:3px solid var(--rust);font-size:.88rem}
@media(max-width:1050px){.article-layout{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:700px){.article-layout{grid-template-columns:1fr}.cover img{aspect-ratio:4/3}.route-list{grid-template-columns:1fr;gap:0}.route-list li{padding-block:18px}.site-nav{display:block}.js .site-nav{display:none}.js .nav-open .site-nav{display:block}}
.article-layout>*{min-inline-size:0;max-inline-size:100%}.toc{overflow-wrap:anywhere}.prose table{max-inline-size:100%}
.calculation-diagram{max-inline-size:480px;margin-block:36px;margin-inline:0}.calculation-diagram img{inline-size:100%;block-size:auto}

/* Home photo composition: editorial still-life followed by three distinct detail frames. */
.home .hero{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(28px,5vw,68px);padding-block:clamp(38px,6vw,78px)}
.home .hero-media{min-width:0;padding:0 0 0 8px}
.home .hero-media>img{aspect-ratio:1.28;border-radius:48% 48% 4px 4px;box-shadow:18px 18px 0 var(--soft)}
.home .home-photo-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block-start:24px}
.home .home-photo-rail figure{min-width:0;margin:0}
.home .home-photo-rail img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:2px}
.home .home-photo-rail figcaption{font-size:.62rem;line-height:1.3}
.home .cats .card-media img{aspect-ratio:4/3}
.home .guides .guide-card{grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);gap:24px}
.home .guides .guide-card .card-media img{aspect-ratio:4/3}
@media(max-width:700px){.home .hero{gap:24px}.home .hero-media{padding-inline:4px}.home .hero-media>img{aspect-ratio:4/3;border-radius:42% 42% 3px 3px;box-shadow:9px 10px 0 var(--soft)}.home .home-photo-rail{gap:8px;margin-block-start:18px}.home .home-photo-rail img{aspect-ratio:1}.home .home-photo-rail figcaption{font-size:.56rem}.home .guides .guide-card{grid-template-columns:100px minmax(0,1fr);gap:17px}}

/* Homepage continuation: generous photographs, consistent editorial cards and readable links. */
.home .hero-text{min-inline-size:0}
.home h1{font-size:clamp(2.45rem,4.7vw,4.25rem);text-wrap:balance;overflow-wrap:break-word}
.home h2{max-inline-size:30ch;text-wrap:balance}
.home main>section:not(.hero){padding-block:56px}
.home .card h3 a{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:#9ba99c;text-underline-offset:5px}
.home .card h3 a:hover{text-decoration-color:currentColor}
.home .card:focus-within .card-media{outline:2px solid var(--rust);outline-offset:4px}
.home .cats{gap:28px}
.home .cats .cat-card{border-block-end:1px solid var(--line)}
.home .cats .card-media img{aspect-ratio:4/3;border-radius:3px}
.home .cats .card-body{padding-block:22px 18px}
.home .cats h3{font-size:1.35rem;margin-block-end:12px}
.home .reading-route{background:var(--soft);padding-inline:32px;border:0;border-radius:4px;margin-block:28px 12px}
.home .reading-route .route-list{gap:28px}
.home .reading-route .route-list li{border-color:#b9c3ae}
.home .reading-route>a{display:inline-block;padding-block:10px;font-weight:700}
.home .guides{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}
.home .guides .guide-card{display:flex;flex-direction:column;gap:0;padding:0;border-block-start:0;background:var(--white);border-block-end:1px solid var(--line)}
.home .guides .guide-card .card-media img{aspect-ratio:3/2}
.home .guides .card-body{padding:22px;display:flex;flex-direction:column;flex:1}
.home .guides h3{font-size:1.22rem;margin-block-end:8px}
.home .guides .card-body .meta{margin-block-start:auto;padding-block-start:14px}
.home .tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.home .tool-card{padding:0;border-radius:3px;overflow:hidden}
.home .tool-card .card-media img{aspect-ratio:16/9}
.home .tool-card .card-body{padding:24px 28px}
.home .tool-card h3{font-size:1.3rem;margin-block-end:12px}
.home .tool-card h3 a{text-decoration-color:#8da899}
.home .tool-card .card-body p{font-size:.95rem;opacity:1;color:#e1e9dd}
.home .faq{max-inline-size:none}
.home .faq details{max-inline-size:900px}
.home .faq summary{padding-block:6px;line-height:1.5}
.home .disclosure{max-inline-size:85ch}
@media(min-width:1000px){
 .home .cats .cat-card:nth-child(2){margin-block-start:24px}
 .home .cats .cat-card:nth-child(3){margin-block-start:48px}
}
@media(min-width:701px) and (max-width:1000px){
 .home .guides{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home .cats{gap:18px}
 .home .cats h3{font-size:1.15rem}
}
@media(max-width:700px){
 .home main>section:not(.hero){padding-block:36px}
 .home .hero{grid-template-columns:minmax(0,1fr);padding-block:32px 40px}
 .home .hero .eyebrow{overflow-wrap:anywhere}
 .home .hero h1{margin-block-end:20px}
 .home .hero-media:before{font-size:.5rem;letter-spacing:.08em;inset-inline-start:12px}
 .home .cta{display:grid;grid-template-columns:minmax(0,1fr)}
 .home .cta a{text-align:center;line-height:1.5}
 .home .cats,.home .guides,.home .tools{grid-template-columns:minmax(0,1fr);gap:28px}
 .home .cats .cat-card{display:block;padding:0;border-block-start:0}
 .home .cats .card-media img{aspect-ratio:3/2}
 .home .cats .card-body{padding-block:18px}
 .home .cats h3{font-size:1.3rem}
 .home .cats .card-body p{font-size:.95rem}
 .home .reading-route{padding-inline:20px;margin-block:12px}
 .home .reading-route .route-list{gap:0}
 .home .guides .card-body{padding:20px}
 .home .guides .guide-card .card-body p:not(.eyebrow):not(.meta){display:block}
 .home .guides .guide-card .card-media img{aspect-ratio:3/2}
 .home .tool-card .card-body{padding:20px}
 .home .tool-card h3{font-size:1.2rem}
 .home .tool-card .card-body p{font-size:.92rem}
 .home .table-wrap{overscroll-behavior-inline:contain}
}
