@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-wght-normal.CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-wght-normal.Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-wght-normal.ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-vietnamese-wght-normal.qRpaaN48.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-latin-ext-wght-normal.DmpS2jIq.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-latin-wght-normal.eXO_dkmS.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg: #FAFAF7;--color-surface: #F4F2EA;--color-surface-2: #ECEAE0;--color-border: #E6E4DD;--color-line-2: #EFEDE6;--color-text: #14181F;--color-text-soft: #5C6473;--color-muted-2: #8A92A0;--color-primary: #15584a;--color-primary-2: #1c6e58;--color-primary-dark: #0f4438;--color-accent: #a87c3a;--color-accent-dark: #8a6730;--color-ink: #14181F;--color-warning-bg: #f7f0e0;--color-warning-border: #a87c3a;--color-info-bg: #eaf1ee;--color-info-border: #15584a;--rule: #E6E4DD;--font-display: "Fraunces Variable", "Fraunces", Georgia, "Times New Roman", serif;--font-sans: "Inter", "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--maxw: 1280px;--maxw-prose: 700px;--radius: 8px;--radius-sm: 6px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(21,88,74,.06);--shadow: 0 6px 18px -6px rgba(21,88,74,.12);--shadow-lg: 0 18px 40px -12px rgba(21,88,74,.20);--shadow-primary: 0 8px 22px -8px rgba(21,88,74,.28);--shadow-accent: 0 8px 22px -8px rgba(168,124,58,.26);--z-header: 50;--z-banner: 100;--z-skip: 200;--z-grain: 9998}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.72;font-size:18px;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.grain{position:fixed;inset:0;z-index:var(--z-grain);pointer-events:none;opacity:.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.028em;color:var(--color-text);text-wrap:balance;margin:2.1rem 0 .85rem}h1{font-size:clamp(2.7rem,6.4vw,4.2rem);font-weight:650;letter-spacing:-.038em;line-height:1.04}h2{font-size:clamp(1.8rem,4.2vw,2.55rem);letter-spacing:-.032em}h3{font-size:1.42rem;letter-spacing:-.018em}p{margin:0 0 1.1rem;text-wrap:pretty}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}ul,ol{padding-left:1.3rem}li{margin-bottom:.4rem}strong{font-weight:600}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:.5rem;top:-4rem;z-index:var(--z-skip);background:var(--color-primary);color:#fff;padding:.6rem 1rem;border-radius:0 0 var(--radius-sm) var(--radius-sm);font-weight:600;transition:top .2s ease}.skip-link:focus{top:0;text-decoration:none}.kicker{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-sans);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.9rem}.kicker:before{content:"";width:30px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--color-accent),transparent)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:1.2rem;position:relative}main{min-height:60dvh;position:relative;z-index:1}section{margin-block:3.5rem}.prose{max-width:var(--maxw-prose);margin-inline:auto}.prose h2{margin-top:2.6rem}.prose ul li,.prose ol li{margin-bottom:.6rem}.site-header{position:sticky;top:0;z-index:var(--z-header);background:#ffffffb8;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(30,28,22,.07);box-shadow:inset 0 1px #fff9}.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.85rem}.brand{font-family:var(--font-display);font-weight:700;font-size:1.35rem;letter-spacing:-.03em;color:var(--color-primary);display:inline-flex;align-items:center}.brand:hover{text-decoration:none}.brand .dot{color:var(--color-accent)}.nav{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.nav a{color:var(--color-text-soft);font-weight:500;font-size:.98rem;padding-block:.2rem;border-bottom:2px solid transparent;transition:color .18s ease,border-color .18s ease}.nav a:hover{color:var(--color-primary);text-decoration:none}.nav a[aria-current=page]{color:var(--color-primary);font-weight:600;border-bottom-color:var(--color-primary)}.nav-wrap{display:flex;align-items:center;gap:1.5rem}.nav-toggle{display:none;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:2.6rem;height:2.6rem;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-text);cursor:pointer}.search{position:relative;display:flex;align-items:center}.search .search-icon{position:absolute;left:.65rem;color:var(--color-text-soft);font-size:1.1rem;pointer-events:none}.search input{width:180px;max-width:100%;padding:.5rem .8rem .5rem 2.1rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:.92rem;font-family:inherit;transition:width .2s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.search input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #15584a24;width:220px;background:#fff}.search-results{position:absolute;top:calc(100% + .5rem);right:0;width:min(340px,80vw);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:.4rem;z-index:60;max-height:60vh;overflow-y:auto}.search-results a{display:flex;align-items:center;gap:.5rem;padding:.55rem .6rem;border-radius:var(--radius-sm);color:var(--color-text);font-size:.92rem}.search-results a:hover{background:var(--color-surface);text-decoration:none}.search-tag{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);background:var(--color-info-bg);padding:.12rem .45rem;border-radius:999px;flex-shrink:0}.search-empty{margin:0;padding:.6rem;color:var(--color-text-soft);font-size:.9rem}@media(max-width:860px){.nav-toggle{display:inline-flex}.nav-wrap{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:1rem;background:#fffffffa;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);padding:1.2rem;box-shadow:var(--shadow)}.nav-wrap.open{display:flex}.nav{flex-direction:column;align-items:stretch;gap:.2rem}.nav a{padding:.6rem .4rem;border-bottom:none;border-radius:var(--radius-sm)}.nav a:hover{background:var(--color-surface)}.search input,.search input:focus{width:100%}.search-results{width:100%;right:auto;left:0}}.site-footer{position:relative;z-index:1;margin-top:5rem;background:radial-gradient(60% 120% at 85% 0%,rgba(31,122,99,.28),transparent 60%),var(--color-ink);color:#cabfa8;padding-block:3rem;font-size:.95rem}.site-footer a{color:#ece4d3}.site-footer .cols{display:grid;grid-template-columns:1.6fr 1fr;gap:2rem}.site-footer h4{color:#fff;margin-top:0}.site-footer ul{list-style:none;padding:0}.footer-legal{margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.12);font-size:.85rem;color:#8f8773}.btn{display:inline-block;padding:.8rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;text-align:center;cursor:pointer;border:1px solid transparent;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background .2s ease}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.985)}.btn-primary{background:linear-gradient(180deg,var(--color-primary-2),var(--color-primary));color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{box-shadow:0 14px 32px #15584a6b}.btn-accent{background:linear-gradient(180deg,#c19447,var(--color-accent));color:#fff;box-shadow:var(--shadow-accent)}.btn-ghost{border-color:var(--color-border);color:var(--color-text);background:#ffffffb3;backdrop-filter:blur(4px)}.btn-ghost:hover{background:#fff;border-color:#d8cfbd;box-shadow:var(--shadow-sm)}.hero{position:relative;isolation:isolate;padding-block:5rem 4.5rem;background:radial-gradient(38% 50% at 82% 2%,rgba(31,122,99,.16),transparent 70%),radial-gradient(34% 46% at 12% 18%,rgba(168,124,58,.1),transparent 70%),radial-gradient(70% 70% at 50% 128%,rgba(21,88,74,.1),transparent 70%),linear-gradient(180deg,#f8f5ee,#fff 70%);border-bottom:1px solid var(--color-border)}.hero h1{margin-top:0}.hero p.lead{font-size:1.34rem;line-height:1.58;color:var(--color-text-soft);max-width:652px}.hero .cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center}.hero-art{position:relative}.hero-art:before{content:"";position:absolute;inset:-12% -8%;z-index:-1;background:radial-gradient(circle at 60% 42%,rgba(31,122,99,.32),transparent 62%);filter:blur(46px)}.hero-art svg,.hero-art img{width:100%;height:auto;border-radius:var(--radius);filter:drop-shadow(0 30px 60px rgba(21,88,74,.28))}.trust-badges{list-style:none;padding:0;margin:1.8rem 0 0;display:flex;flex-wrap:wrap;gap:.7rem 1.6rem;font-size:.92rem;color:var(--color-text-soft)}.trust-badges li{display:inline-flex;align-items:center;gap:.45rem;margin:0}.trust-badges svg{color:var(--color-accent);font-size:1.2rem;flex-shrink:0}.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(30,28,22,.07);border-radius:var(--radius);padding:1.7rem;box-shadow:var(--shadow-sm);transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;display:flex;flex-direction:column}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(220px circle at var(--mx, 50%) var(--my, -20%),rgba(31,122,99,.1),transparent 60%);transition:opacity .3s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:#1f7a632e}.card:hover:before{opacity:1}.card>*{position:relative}.card h3{margin-top:0}.card .meta{font-size:.85rem;color:var(--color-text-soft);margin-top:auto;padding-top:.7rem}.card .tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);background:var(--color-info-bg);padding:.22rem .62rem;border-radius:999px;margin-bottom:.7rem;align-self:flex-start}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:16px;background:linear-gradient(160deg,var(--color-info-bg),#fff);border:1px solid rgba(21,88,74,.12);box-shadow:0 8px 18px #15584a24,inset 0 1px #ffffffb3;color:var(--color-primary);font-size:1.85rem;margin-bottom:1rem}.feature-icon.accent{background:linear-gradient(160deg,#f3ecdd,#fff);border-color:#a87c3a26;box-shadow:0 8px 18px #a87c3a24,inset 0 1px #ffffffb3;color:var(--color-accent)}.link-arrow{display:inline-flex;align-items:center;gap:.35rem;font-weight:600}.link-arrow svg{transition:transform .2s ease}.card:hover .link-arrow svg{transform:translate(4px)}.trust-band{position:relative;z-index:1;background:radial-gradient(50% 140% at 50% -20%,rgba(31,122,99,.07),transparent 70%),var(--color-surface);border-block:1px solid var(--color-border)}.trust-band .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;padding-block:3rem}.trust-item{text-align:center}.icon-circle{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;margin-bottom:.7rem;border-radius:50%;background:linear-gradient(160deg,#fff,var(--color-info-bg));border:1px solid rgba(21,88,74,.12);box-shadow:0 10px 22px #15584a24,inset 0 1px #fff;color:var(--color-primary);font-size:1.8rem}.trust-item h3{margin:.2rem 0 .4rem;font-size:1.18rem}.trust-item p{color:var(--color-text-soft);font-size:.95rem;margin:0}.callout{position:relative;border-radius:var(--radius-sm);padding:1.1rem 1.3rem 1.1rem 1.4rem;margin:1.7rem 0;border:1px solid rgba(21,88,74,.16);border-left:4px solid var(--color-info-border);background:linear-gradient(180deg,var(--color-info-bg),#fff)}.callout.warning{border-color:#c98a1e4d;border-left-color:var(--color-warning-border);background:linear-gradient(180deg,var(--color-warning-bg),#fff)}.callout strong{display:block;margin-bottom:.3rem}.table-wrap{overflow-x:auto;margin:1.7rem 0;border-radius:var(--radius-sm);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--color-border)}thead th{background:var(--color-surface-2);font-weight:600}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--color-surface)}.breadcrumb{font-size:.85rem;color:var(--color-text-soft);margin:1.7rem 0 .5rem}.breadcrumb a{color:var(--color-text-soft)}.article-meta{font-size:.9rem;color:var(--color-text-soft);border-bottom:1px solid var(--color-border);padding-bottom:1rem;margin-bottom:1.5rem}.ad-slot-wrap{margin:2.5rem auto;text-align:center}.ad-label{display:block;font-size:.7rem;letter-spacing:.06em;color:#9a9078;margin-bottom:.25rem}.ad-slot{display:block;margin:2.5rem auto;text-align:center;min-height:90px}.ad-slot[data-placeholder]{border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:#9a9078;font-size:.8rem;display:flex;align-items:center;justify-content:center;padding:1rem}.affiliate-notice{font-size:.85rem;color:var(--color-text-soft);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.9rem 1.1rem;margin:1.7rem 0}.calc{background:linear-gradient(180deg,var(--color-surface),#fff);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.7rem;margin:1.7rem 0;box-shadow:var(--shadow-sm)}.calc .field{margin-bottom:1.1rem}.calc label{display:block;font-weight:600;margin-bottom:.35rem}.calc input[type=number],.calc input[type=range]{width:100%}.calc input[type=number]{padding:.7rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.calc input[type=number]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #15584a24;outline:none}.calc .result{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1.3rem;margin-top:1rem;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-sm)}.calc .result .big{font-family:var(--font-display);font-size:2.2rem;font-weight:620;letter-spacing:-.02em;color:var(--color-primary)}.calc .result .danger{color:#b4402f}.toc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.6rem 1.1rem;margin:1.5rem 0;font-size:.92rem}.toc>summary{font-family:var(--font-display);font-weight:600;cursor:pointer;padding:.3rem 0}.toc nav{margin-top:.5rem}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin:0}.toc a{display:block;padding:.28rem .5rem;color:var(--color-text-soft);border-left:2px solid transparent;border-radius:0 5px 5px 0;transition:color .15s,background .15s,border-color .15s}.toc a:hover{color:var(--color-primary);text-decoration:none;background:var(--color-info-bg)}.toc a.active{color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600;background:var(--color-info-bg)}.toc .toc-sub a{padding-left:1.3rem;font-size:.88rem}@media(min-width:1080px){.article-layout{display:grid;grid-template-columns:240px minmax(0,var(--maxw-prose));gap:2.6rem;justify-content:center;align-items:start}.article-layout .prose{margin:0;max-width:none}.toc{position:sticky;top:88px;margin-top:.5rem;max-height:calc(100dvh - 110px);overflow-y:auto}}.byline{display:flex;align-items:center;gap:.65rem;font-size:.9rem;color:var(--color-text);border-bottom:1px solid var(--color-border);padding-bottom:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.byline-avatar{display:inline-flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border-radius:50%;background:linear-gradient(160deg,#fff,var(--color-info-bg));border:1px solid rgba(21,88,74,.12);color:var(--color-primary);font-size:1.35rem;flex-shrink:0}.fuentes{margin-top:2.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1rem 1.3rem}.fuentes h2{font-size:1.1rem;margin:0 0 .5rem}.fuentes ul{margin:0;padding-left:1.1rem;font-size:.92rem}.fuentes li{margin-bottom:.3rem}.share{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:2rem 0 0;padding-top:1.3rem;border-top:1px solid var(--color-border)}.share-label{font-size:.92rem;color:var(--color-text-soft);margin-right:auto;font-weight:600}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:1.3rem;cursor:pointer;transition:background .18s ease,color .18s ease,transform .1s ease,border-color .18s ease}.share-btn:hover{background:var(--color-primary);color:#fff;text-decoration:none;border-color:var(--color-primary);transform:translateY(-2px)}.share-btn:active{transform:translateY(0)}.share-copy.copied{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.author-box{display:flex;gap:1rem;align-items:flex-start;background:linear-gradient(180deg,var(--color-surface),#fff);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.3rem 1.5rem;margin:2.5rem 0 1.5rem;box-shadow:var(--shadow-sm)}.author-box .author-avatar{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:linear-gradient(160deg,#fff,var(--color-info-bg));border:1px solid rgba(21,88,74,.12);color:var(--color-primary);font-size:1.7rem;flex-shrink:0}.author-box strong{font-family:var(--font-display);font-size:1.08rem}.author-box p{margin:.3rem 0 .5rem;font-size:.92rem}.faq{margin-top:2.5rem}.faq-item{border-top:1px solid var(--color-border);padding-top:1.1rem;margin-top:1.1rem}.faq-item h3{margin:0 0 .4rem;font-size:1.12rem}.faq-item p{margin:0;color:var(--color-text-soft)}.cookie-banner{position:fixed;bottom:.8rem;left:50%;transform:translate(-50%);width:min(960px,calc(100% - 1.6rem));z-index:var(--z-banner);background:#10241ddb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#ece4d3;padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);box-shadow:0 20px 50px #0a181280}.cookie-banner .inner{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between}.cookie-banner p{margin:0;font-size:.9rem;flex:1 1 320px}.cookie-banner a{color:#fff;text-decoration:underline}.cookie-banner .actions{display:flex;gap:.6rem}.cookie-banner button{border:none;padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;font-size:.9rem;transition:transform .1s ease,opacity .2s ease}.cookie-banner button:active{transform:translateY(1px)}.cookie-banner .accept{background:linear-gradient(180deg,#c19447,var(--color-accent));color:#fff}.cookie-banner .reject{background:#ffffff24;color:#fff}[hidden]{display:none!important}.text-center{text-align:center}.muted{color:var(--color-text-soft)}.section-head{max-width:640px;margin:0 auto 2.2rem;text-align:center}.section-head .kicker{justify-content:center}.section-title{text-align:center;margin-bottom:.4rem;font-size:clamp(1.7rem,4vw,2.3rem)}.section-sub{text-align:center;color:var(--color-text-soft);margin-bottom:2rem;font-size:1.05rem}@media(prefers-reduced-motion:no-preference){html.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}html.js .reveal.is-visible{opacity:1;transform:none}html.js .reveal-group>*{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}html.js .reveal-group.is-visible>*{opacity:1;transform:none}html.js .reveal-group.is-visible>*:nth-child(2){transition-delay:.09s}html.js .reveal-group.is-visible>*:nth-child(3){transition-delay:.18s}html.js .reveal-group.is-visible>*:nth-child(4){transition-delay:.27s}html.js .reveal-group.is-visible>*:nth-child(5){transition-delay:.36s}html.js .reveal-group.is-visible>*:nth-child(6){transition-delay:.45s}}@media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:1.5rem}.hero-art{display:none}.trust-band .cols{grid-template-columns:1fr;gap:1.4rem}}@media(max-width:640px){body{font-size:17px}.site-footer .cols{grid-template-columns:1fr}.nav{gap:1rem;font-size:.92rem}.hero{padding-block:3rem}section{margin-block:2.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* ============================================================
   TARJETACLARA — TEMA EDITORIAL 2026
   Capa de re-diseño sobre la base. Identidad: revista financiera
   en papel cálido; tipografía serif con presencia, filetes de
   hemeroteca, cero imágenes genéricas, footer tinta.
   ============================================================ */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/_astro/inter.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --color-bg:#FAF7F0;
  --color-surface:#F3EFE4;
  --color-surface-2:#ECE7D8;
  --color-border:#E2DCCB;
  --color-line-2:#EBE6D7;
  --color-text:#171C17;
  --color-text-soft:#56604F;
  --color-muted-2:#8A9180;
  --color-primary:#14523F;
  --color-primary-2:#1B6A52;
  --color-primary-dark:#0D3A2C;
  --color-accent:#9C6F2F;
  --color-accent-dark:#7E5A26;
  --color-ink:#10241C;
  --color-warning-bg:#F6EEDC;
  --color-warning-border:#9C6F2F;
  --color-info-bg:#E8EFE7;
  --color-info-border:#14523F;
  --rule:#171C17;
  --hairline:1px solid var(--color-border);
  --shadow-sm:0 1px 2px rgba(16,36,28,.05);
  --shadow:0 8px 22px -10px rgba(16,36,28,.16);
  --shadow-lg:0 22px 48px -18px rgba(16,36,28,.24);
  --radius:6px;--radius-sm:4px;--radius-lg:10px;
}

/* ---------- Base tipográfica ---------- */
body{font-size:17px;line-height:1.7;font-weight:400;background:var(--color-bg)}
.grain{opacity:.028}
h1,h2,h3,h4{font-weight:640;font-variation-settings:"wght" 640;letter-spacing:-.022em;line-height:1.12;margin:0 0 .65rem}
h1{font-size:clamp(2.5rem,5vw,3.4rem);line-height:1.06;letter-spacing:-.03em}
h2{font-size:clamp(1.7rem,3vw,2.1rem);font-weight:600;font-variation-settings:"wght" 600;line-height:1.18}
h3{font-size:1.32rem;font-weight:600;font-variation-settings:"wght" 600;line-height:1.3;letter-spacing:-.012em}
::selection{background:#14523F22}
.prose p{font-size:17.5px;line-height:1.74;margin:0 0 1.4rem}
.prose h2{margin-top:3.4rem;padding-top:1.5rem;border-top:var(--hairline)}
.prose h3{margin-top:2.2rem}
.prose a{text-decoration:underline;text-decoration-color:#C8A86C;text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover{text-decoration-color:var(--color-primary);color:var(--color-primary-dark)}
.prose>.byline+p,.prose>.byline+p strong{font-family:var(--font-display);font-variation-settings:"wght" 460;font-weight:460;font-size:1.3rem;line-height:1.55;color:var(--color-ink)}
.prose>.byline+p{margin-bottom:2rem}

/* Kicker editorial: versalitas con filete */
.kicker{color:var(--color-accent-dark);font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;gap:.6rem}
.kicker:before{content:"";width:26px;height:1px;border-radius:0;background:var(--color-accent)}

/* ---------- Cabecera tipo masthead ---------- */
.site-header{position:sticky;top:0;background:rgba(250,247,240,.94);backdrop-filter:saturate(130%) blur(10px);-webkit-backdrop-filter:saturate(130%) blur(10px);border-top:3px solid var(--color-primary);border-bottom:var(--hairline);box-shadow:none}
.site-header .bar{padding-block:.95rem}
.brand{color:var(--color-text);font-weight:700;font-variation-settings:"wght" 700;font-size:1.45rem;letter-spacing:-.028em}
.brand .dot{color:var(--color-accent)}
.nav a{font-family:var(--font-sans);font-size:.94rem;font-weight:500;color:var(--color-text-soft);border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current=page]{color:var(--color-primary)}
.nav a[aria-current=page]{border-bottom-color:var(--color-accent);font-weight:600}
.search input{background:#fff;border-color:var(--color-border)}
.search input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #14523F1f}

/* ---------- Botones ---------- */
.btn{font-family:var(--font-sans);font-size:.95rem;font-weight:600;padding:.78rem 1.45rem;border-radius:var(--radius-sm);transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.99)}
.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:none}
.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-sm)}
.btn-accent{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:none}
.btn-accent:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark)}
.btn-ghost{background:transparent;border-color:#171C1733;color:var(--color-text);backdrop-filter:none}
.btn-ghost:hover{background:#fff;border-color:var(--color-text);box-shadow:none}

/* ---------- Hero interior (categorías) ---------- */
.hero{padding-block:4.2rem 3.4rem;background:var(--color-bg);border-bottom:var(--hairline)}
.hero-grid{grid-template-columns:minmax(0,1fr);gap:0;max-width:880px}
.hero h1{margin-top:0;font-size:clamp(2.7rem,5.4vw,3.9rem)}
.hero p.lead{font-family:var(--font-display);font-variation-settings:"wght" 450;font-weight:450;font-size:1.32rem;line-height:1.55;color:var(--color-text-soft);max-width:46ch;border:none;padding:0;margin-top:1.2rem}
.hero .cta-row{margin-top:2rem}
.hero-art{display:none}
.trust-badges{margin-top:2rem;font-size:.9rem;color:var(--color-text-soft)}
.trust-badges svg{color:var(--color-accent)}

/* ---------- Listados: índice editorial (sustituye al card-grid) ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:0 3.2rem;counter-reset:idx;border-top:2px solid var(--rule)}
.card{counter-increment:idx;position:relative;background:transparent;border:none;border-bottom:var(--hairline);border-radius:0;box-shadow:none;padding:1.55rem .2rem 1.45rem 0;transition:none;display:flex;flex-direction:column}
.card:before{content:counter(idx,decimal-leading-zero);position:absolute;top:1.62rem;right:0;display:block;background:none;font-family:var(--font-display);font-variation-settings:"wght" 480;font-size:.95rem;color:var(--color-muted-2);opacity:1;letter-spacing:.04em}
.card:hover{transform:none;box-shadow:none;border-color:var(--color-border)}
.card h3{font-size:1.34rem;margin:.45rem 3rem .5rem 0;transition:color .15s ease}
.card:hover h3{color:var(--color-primary)}
.card p.muted{font-size:.97rem;line-height:1.6;color:var(--color-text-soft);margin-bottom:.4rem}
.card .meta{padding-top:.55rem;font-size:.8rem;color:var(--color-muted-2)}
.card .tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-dark);background:transparent;border:none;padding:0;border-radius:0;margin-bottom:.1rem}
.search-tag{border-radius:var(--radius-sm)}

/* ---------- Secciones ---------- */
.section-head{max-width:none;margin:0 0 1.6rem;text-align:left;padding-bottom:.7rem;position:relative}
.section-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:0}
.section-head .kicker{justify-content:flex-start}
.section-title{text-align:left;font-size:clamp(1.8rem,3.2vw,2.3rem);font-weight:620;font-variation-settings:"wght" 620;margin-bottom:.35rem}
.section-sub{text-align:left;color:var(--color-text-soft);margin-bottom:0;font-size:1.04rem;max-width:58ch}

/* ---------- Artículo ---------- */
.breadcrumb{font-size:.82rem;color:var(--color-muted-2);margin:1.6rem 0 1.1rem}
.byline{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap;font-size:.9rem;color:var(--color-text-soft);border-top:2px solid var(--rule);border-bottom:var(--hairline);padding:.85rem 0;margin:1.4rem 0 1.9rem}
.byline strong{color:var(--color-text);font-weight:600}
.byline .byline-sep{color:var(--color-muted-2)}
.byline a.byline-method{color:var(--color-primary);font-weight:600;text-decoration:underline;text-decoration-color:#C8A86C;text-underline-offset:3px}
.byline a.byline-method:hover{text-decoration-color:var(--color-primary)}
.article-hero{display:none}
.toc{background:transparent;border:none;border-top:2px solid var(--rule);border-radius:0;padding:1rem 0 .6rem;font-size:.92rem}
.toc>summary{font-family:var(--font-sans);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-dark)}
.toc a{color:var(--color-text-soft);border-left:2px solid transparent}
.toc a:hover{background:transparent;color:var(--color-primary)}
.toc a.active{background:transparent;border-left-color:var(--color-accent);color:var(--color-primary)}
.callout{background:var(--color-surface);border:none;border-left:3px solid var(--color-primary);border-radius:0;padding:1.15rem 1.4rem;margin:1.9rem 0}
.callout.warning{background:var(--color-warning-bg);border-left-color:var(--color-accent)}
.callout strong{font-family:var(--font-display);font-variation-settings:"wght" 600}
.table-wrap{border-radius:0;box-shadow:none;border:none;border-top:2px solid var(--rule);border-bottom:var(--hairline)}
table{font-size:.94rem}
th,td{border-bottom:1px solid var(--color-line-2)}
thead th{background:transparent;font-family:var(--font-sans);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-soft);border-bottom:var(--hairline)}
tbody tr:nth-child(2n) td{background:transparent}
tbody tr:hover td{background:var(--color-surface)}
.fuentes{background:transparent;border:none;border-top:2px solid var(--rule);border-radius:0;padding:1.1rem 0 0}
.fuentes h2{font-family:var(--font-sans);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-dark);border:none;padding-top:0;margin-top:0}
.affiliate-notice{background:var(--color-surface);border:none;border-left:3px solid var(--color-accent);border-radius:0}
.author-box{background:var(--color-surface);border:none;border-radius:0;box-shadow:none;padding:1.4rem 1.6rem}
.author-box .author-avatar,.byline-avatar{background:var(--color-info-bg);border:1px solid #CBDACB}
.faq-item h3{font-size:1.12rem}
.share-btn{background:transparent;border:1px solid var(--color-border)}
.share-btn:hover{background:var(--color-primary);border-color:var(--color-primary)}

/* ---------- Calculadoras ---------- */
.calc{background:#fff;border:var(--hairline);border-top:3px solid var(--color-primary);border-radius:0;box-shadow:none;padding:1.8rem}
.calc .result{border-radius:0;box-shadow:none;border:none;border-top:var(--hairline);background:var(--color-surface);padding:1.4rem}
.calc .result .big{font-variation-settings:"wght" 620}
.feature-icon{background:var(--color-info-bg);border:1px solid #CBDACB;box-shadow:none;border-radius:8px;color:var(--color-primary)}
.feature-icon.accent{background:#F1E8D4;border-color:#E0CFA8;box-shadow:none;color:var(--color-accent-dark)}
.icon-circle{background:var(--color-info-bg);border:1px solid #CBDACB;box-shadow:none;color:var(--color-primary);border-radius:10px}
.trust-band{background:var(--color-surface);border-block:var(--hairline)}
.trust-item{text-align:left}
.trust-item h3{font-size:1.12rem}

/* ---------- Footer tinta ---------- */
.site-footer{background:var(--color-ink);border-top:3px solid var(--color-accent);color:#C9C2AC;margin-top:5rem;padding-block:3.2rem 2rem;font-size:.94rem}
.site-footer a{color:#EFE9D8;text-decoration:none}
.site-footer a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--color-accent)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.4rem}
.footer-logo{font-family:var(--font-display);font-variation-settings:"wght" 700;font-weight:700;font-size:1.5rem;letter-spacing:-.025em;color:#fff;margin:0 0 .7rem}
.footer-logo .dot{color:var(--color-accent)}
.footer-tagline{font-size:.92rem;line-height:1.65;color:#C9C2AC;max-width:38ch;margin:0}
.footer-nav h4{font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9C9580;margin:0 0 .9rem}
.footer-nav ul{list-style:none;padding:0;margin:0}
.footer-nav li{margin-bottom:.55rem}
.site-footer .cols{display:grid;grid-template-columns:1.6fr 1fr;gap:2rem}
.site-footer .cols p{color:#C9C2AC}
.site-footer h4{color:#fff}
.footer-legal{margin-top:2.6rem;padding-top:1.2rem;border-top:1px solid rgba(239,233,216,.14);font-size:.83rem;color:#9C9580}
.footer-legal p{margin:0}
@media(max-width:860px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid .footer-brand{grid-column:1/-1}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}

/* ---------- Cookie banner ---------- */
.cookie-banner{background:#fff;color:var(--color-text);border:var(--hairline);border-top:3px solid var(--color-primary);border-radius:0;box-shadow:var(--shadow-lg);backdrop-filter:none;-webkit-backdrop-filter:none}
.cookie-banner a{color:var(--color-primary)}
.cookie-banner .accept{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm)}
.cookie-banner .reject{background:var(--color-surface-2);color:var(--color-text);border-radius:var(--radius-sm)}

/* ============================================================
   PORTADA
   ============================================================ */
.home-hero{padding-block:4.6rem 4rem;border-bottom:var(--hairline);background:var(--color-bg)}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:3.5rem;align-items:center}
.home-hero h1{font-size:clamp(2.9rem,5.6vw,4.4rem);margin:0}
.home-hero .lead{font-family:var(--font-display);font-variation-settings:"wght" 450;font-weight:450;font-size:1.34rem;line-height:1.55;color:var(--color-text-soft);max-width:46ch;margin-top:1.3rem}
.home-hero .cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2.1rem}
.home-hero .source-note{margin-top:2.2rem;padding-top:1rem;border-top:var(--hairline);font-size:.86rem;color:var(--color-muted-2);max-width:52ch}
.home-hero .source-note strong{color:var(--color-text-soft);font-weight:600}

/* Tarjeta dibujada en CSS (sin imágenes generadas) */
.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:320px}
.tc-card{position:relative;width:min(390px,88%);aspect-ratio:1.586;border-radius:18px;background:linear-gradient(135deg,#1B6A52 0%,#14523F 48%,#0D3A2C 100%);box-shadow:0 30px 60px -18px rgba(13,58,44,.45),inset 0 1px 0 rgba(255,255,255,.18);padding:7% 8%;display:flex;flex-direction:column;justify-content:space-between;color:#EFE9D8;z-index:2}
.tc-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 90% at 85% -10%,rgba(255,255,255,.14),transparent 55%);pointer-events:none}
.tc-card--back{position:absolute;width:min(390px,88%);aspect-ratio:1.586;border-radius:18px;background:linear-gradient(135deg,#C19447,#9C6F2F 60%,#7E5A26);transform:rotate(-7deg) translate(-7%,9%);box-shadow:0 22px 44px -20px rgba(126,90,38,.5);z-index:1}
.tc-card__top{display:flex;justify-content:space-between;align-items:flex-start}
.tc-card__chip{width:13.5%;aspect-ratio:1.28;border-radius:6px;background:linear-gradient(160deg,#E5C887,#C19447 65%,#A87C3A);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),inset 0 6px 0 -4px rgba(255,255,255,.4)}
.tc-card__wave{width:9%;opacity:.85}
.tc-card__num{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:clamp(1rem,2.6vw,1.3rem);letter-spacing:.14em;font-weight:500;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.tc-card__row{display:flex;justify-content:space-between;align-items:flex-end;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#D8D2BF}
.tc-card__row .tc-card__brand{font-family:var(--font-display);font-variation-settings:"wght" 650;font-size:1rem;letter-spacing:.02em;text-transform:none;color:#fff}

/* Índice de temas (sustituye al bento de imágenes) */
.home-topics{margin-block:4rem}
.topics-list{border-top:2px solid var(--rule);margin:0;padding:0;list-style:none}
.topic-row{border-bottom:var(--hairline)}
.topic-row a{display:grid;grid-template-columns:3.4rem minmax(0,1.2fr) minmax(0,1.6fr) auto;gap:1.4rem;align-items:baseline;padding:1.35rem .2rem;color:inherit;text-decoration:none;transition:background .15s ease}
.topic-row a:hover{background:#F3EFE466;text-decoration:none}
.topic-num{font-family:var(--font-display);font-variation-settings:"wght" 480;font-size:1rem;color:var(--color-muted-2)}
.topic-title{font-family:var(--font-display);font-variation-settings:"wght" 620;font-weight:620;font-size:clamp(1.25rem,2.4vw,1.6rem);letter-spacing:-.018em;line-height:1.2;transition:color .15s ease}
.topic-row a:hover .topic-title{color:var(--color-primary)}
.topic-desc{font-size:.96rem;line-height:1.55;color:var(--color-text-soft)}
.topic-arrow{font-size:1.1rem;color:var(--color-muted-2);transition:transform .2s ease,color .2s ease}
.topic-row a:hover .topic-arrow{transform:translateX(5px);color:var(--color-accent-dark)}
@media(max-width:760px){.topic-row a{grid-template-columns:2.4rem 1fr auto;gap:.8rem}.topic-desc{display:none}}

/* Bloque metodología (texto, sin iconos) */
.method-band{background:var(--color-surface);border-block:var(--hairline);padding-block:3.4rem;margin-block:4.5rem 0}
.method-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2.6rem}
.method-item h3{font-size:1.18rem;margin:.55rem 0 .5rem}
.method-item p{color:var(--color-text-soft);font-size:.96rem;margin:0}
.method-label{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-dark)}
.method-more{margin-top:2.2rem;font-size:.95rem}
@media(max-width:760px){.method-cols{grid-template-columns:1fr;gap:1.8rem}}

/* CTA plano */
.cta-band{margin-block:4.5rem}
.cta-panel{background:var(--color-ink);border-radius:0;border-left:4px solid var(--color-accent);padding:clamp(2.2rem,5vw,3.4rem) clamp(1.4rem,5vw,3.2rem);display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:2rem;align-items:center;color:#EFE9D8}
.cta-panel h2{color:#fff;font-size:clamp(1.7rem,3.4vw,2.3rem);margin:0 0 .6rem}
.cta-panel p{color:#C9C2AC;margin:0;max-width:54ch}
.cta-panel .btn{background:#fff;border-color:#fff;color:var(--color-ink);white-space:nowrap}
.cta-panel .btn:hover{background:#EFE9D8;border-color:#EFE9D8}
@media(max-width:760px){.cta-panel{grid-template-columns:1fr}}

@media(max-width:860px){.home-hero-grid{grid-template-columns:1fr;gap:2.6rem}.hero-visual{min-height:0;margin-top:.5rem}}
@media(max-width:640px){.grid{grid-template-columns:1fr}}