/* 1. Identidad y base */
:root{--paper:#fbfcf8;--white:#fff;--ink:#193e3b;--text:#465750;--muted:#66736d;--line:#e2e7df;--mint:#e6f0dc;--peach:#f9e9db;--blue:#e3edf6;--lavender:#ebe8f5;--accent:#d5ed99;--ease:cubic-bezier(.16,1,.3,1);--sans:"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2;text-wrap:balance}h1,h2{letter-spacing:-.045em}h3{letter-spacing:-.025em}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,select{touch-action:manipulation}img,svg{max-width:100%;display:block}button{border:0}input,select{min-width:0}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:3px solid #327867;outline-offset:4px;border-radius:4px}[hidden]{display:none!important}.container{width:min(1200px,calc(100% - 40px));margin-inline:auto}.icon{width:22px;height:22px;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 22px;background:var(--accent);z-index:100}.skip-link:focus{top:10px}.mint{background:var(--mint)}.peach{background:var(--peach)}.blue{background:var(--blue)}.lavender{background:var(--lavender)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.6}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#578442;margin-right:8px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:650;line-height:1.5}.text-link .icon{width:18px;height:18px;transition:transform .25s var(--ease)}.text-link:hover .icon{transform:translateX(4px)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:14px 22px;border-radius:8px;background:var(--ink);color:white;font-weight:600;font-size:14px;min-height:48px;transition:background .2s,transform .2s}.button:hover:not(:disabled){background:#2b5a51;transform:translateY(-1px)}.button.secondary{background:var(--white);color:var(--ink);border:1px solid var(--line)}em{font-family:var(--serif);font-weight:400}.mobile-break{display:none}
/* 2. Navegación */
.site-header{height:96px;background:rgba(251,252,248,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:29px;line-height:1;font-weight:700;letter-spacing:-1.3px}.brand-mark{height:44px;width:44px;background:var(--ink);color:var(--white);border-radius:12px;font-family:var(--serif);font-style:italic;font-size:43px;line-height:.9;text-align:center;position:relative;display:inline-block;flex-shrink:0}.brand-mark>span{color:var(--accent);font-size:25px;margin-left:-4px}.brand-sub{display:block;font-size:7px;letter-spacing:1.7px;line-height:2.5;font-weight:650;margin-top:2px}.main-nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600}.main-nav>a{position:relative;padding:10px 0}.main-nav>a:after{content:"";position:absolute;left:0;bottom:4px;height:1px;width:0;background:var(--ink);transition:width .25s}.main-nav>a:hover:after,.main-nav>a[aria-current]:after{width:100%}.free-chip{font-size:9px;padding:3px 6px;border-radius:4px;background:var(--mint);margin-left:5px;color:#3c5b2c}.header-search{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%}
/* 3. Portada */
.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:44px;padding-block:70px 62px}.hero .eyebrow{margin-bottom:24px}.hero h1{font-size:clamp(44px,4.55vw,67px);line-height:1.09;font-weight:650;letter-spacing:-.055em}.hero h1 em{color:#477354;letter-spacing:-.055em}.hero-description{margin-top:26px;color:var(--text);font-size:15px;line-height:1.8}.search-form{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #d7dfd3;border-radius:10px;padding:8px 9px 8px 18px;margin-top:28px;box-shadow:0 3px 8px #193e3b03;min-height:60px}.search-form>.icon{color:#76867b;width:19px}.search-form input{border:0;outline:none;background:transparent;flex:1;width:100%;font-size:13px;color:var(--ink);height:42px}.search-form input::placeholder{color:#748078}.search-form:focus-within{outline:2px solid #5e8660;outline-offset:3px}.search-form button{width:43px;height:43px;border-radius:7px;background:var(--ink);color:white;display:grid;place-items:center}.popular-searches{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:15px;font-size:10px;color:var(--muted)}.popular-searches>a{display:inline-flex;gap:5px;align-items:center;background:#f0f3eb;padding:5px 9px;border-radius:5px;color:var(--text)}.popular-searches>a:hover{background:var(--mint)}.popular-searches .icon{width:12px;height:12px}.hero-art{height:390px;position:relative;isolation:isolate;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#e4eddd 0%,#eef2e9 50%,transparent 71%)}.hero-art-grid{position:absolute;inset:15px;background-image:radial-gradient(#92a98e 1px,transparent 1px);background-size:22px 22px;opacity:.18;mask-image:radial-gradient(ellipse,black,transparent 70%)}.hero-orbit{position:absolute;width:335px;height:335px;border:1px solid #c7d7bd;border-radius:50%;transform:rotate(-25deg)}.hero-orbit:before{content:"";position:absolute;inset:25px;border:1px dashed #b9cdb1;border-radius:50%}.hero-phone{position:relative;width:190px;height:313px;padding:32px 20px 15px;background:#fff;border:6px solid #24433a;border-radius:29px;box-shadow:14px 20px 0 #193e3b08,8px 18px 24px #193e3b15;transform:rotate(-9deg);z-index:2}.phone-camera{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:49px;height:9px;background:#24433a;border-radius:9px}.phone-greeting{font-size:7px;letter-spacing:1.1px;color:var(--muted);margin-bottom:6px}.hero-phone>strong{font-size:24px;font-weight:650;letter-spacing:-1px;line-height:1.1;display:block}.storage-ring{margin:14px auto 10px;width:93px;height:93px;border:12px solid #e3eddb;border-top-color:#799d5e;border-right-color:#799d5e;border-bottom-color:#bfd89f;border-radius:50%;transform:rotate(-15deg);display:grid;place-items:center}.storage-ring>span{font-size:10px;line-height:1.3;text-align:center;transform:rotate(15deg);color:var(--text)}.storage-ring b{font-size:11px;color:var(--ink)}.phone-file{background:#f3f5ef;border-radius:8px;display:flex;align-items:center;padding:8px 7px;gap:5px}.phone-file>.icon{width:21px}.phone-file>span{font-size:8px;font-weight:600;line-height:1.5}.phone-file small{display:block;font-size:6px;font-weight:400}.phone-file i{font-size:10px;font-style:normal;margin-left:auto}.phone-line{width:50px;height:3px;background:#ced9ca;border-radius:3px;margin:10px auto}.floating-note{position:absolute;background:white;border:1px solid #e2e8dd;border-radius:11px;padding:13px 16px;box-shadow:0 7px 25px #193e3b09;display:flex;align-items:center;gap:10px;z-index:3;font-size:12px;font-weight:600;line-height:1.4}.floating-note small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:3px}.note-top{right:-4px;top:69px;transform:rotate(4deg)}.note-top>.icon{background:var(--mint);color:#56783f;border-radius:50%;padding:6px;width:31px;height:31px}.note-bottom{left:-5px;bottom:50px;font-size:10px;transform:rotate(-3deg)}.note-bottom .icon{color:#6a8752;width:18px}.hero-spark{position:absolute;left:48px;top:41px;color:#819864;font-size:36px;transform:rotate(14deg)}.art-caption{position:absolute;bottom:-3px;left:0;right:0;text-align:center;font-size:7px;font-weight:600;letter-spacing:1.5px;color:#7e8f79}.category-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:26px;gap:0}.category-strip>a{display:flex;align-items:center;gap:13px;padding:0 23px;border-right:1px solid var(--line)}.category-strip>a:first-child{padding-left:0}.category-strip>a:last-child{border-right:0;padding-right:0}.category-strip strong{display:block;font-size:14px;font-weight:650}.category-strip small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.category-strip>a>.icon{width:14px;margin-left:auto}.category-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.category-icon .icon{width:22px}.category-strip>a:hover strong{text-decoration:underline;text-underline-offset:4px}
/* 4. Cartes y secciones editoriales */
.section{padding-block:62px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:11px}.section h2,.tools-section h2{font-size:31px;font-weight:600;line-height:1.23}.section-heading>.text-link{white-space:nowrap;padding-bottom:4px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.guide-card{min-width:0;border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.guide-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #193e3b08}.card-art{display:block}.illustration{position:relative;height:176px;overflow:hidden;display:grid;place-items:center}.art-sheet{width:112px;height:132px;background:#fffefb;border-radius:8px;padding:14px;position:relative;transform:rotate(-9deg);box-shadow:6px 7px 0 #193e3b0b;display:flex;flex-direction:column;gap:6px}.art-line{height:4px;border-radius:4px;background:#dfe6df;width:75%}.art-line.short{width:45%}.art-symbol{margin:5px auto;color:#4d7773}.art-symbol>.icon{height:41px;width:41px}.art-orbit{position:absolute;width:180px;height:180px;border:1px solid #193e3b16;border-radius:50%;transform:rotate(-20deg) scaleY(.6)}.orbit-two{transform:rotate(60deg) scaleY(.6)}.art-badge{position:absolute;left:calc(50% + 34px);top:112px;width:35px;height:35px;border-radius:11px;background:#fff;display:grid;place-items:center;transform:rotate(7deg);box-shadow:2px 3px 0 #193e3b0b}.art-badge .icon{color:#4f7257;width:20px}.art-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;left:calc(50% - 102px);top:54px}.illustration.peach .art-sheet{transform:rotate(9deg);width:78px;border:4px solid #c38f6d;border-radius:13px;background:#fffaf3;padding:12px 7px}.illustration.peach .art-symbol>.icon{color:#b17b57}.illustration.blue .art-sheet{transform:rotate(-8deg);height:115px}.illustration.blue .art-symbol>.icon{color:#6489ad}.illustration.lavender .art-sheet{transform:rotate(6deg);width:116px;height:111px}.illustration.lavender .art-symbol>.icon{color:#9281b6}.card-body{padding:22px 24px 24px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin-bottom:12px}.tag{display:inline-flex;align-items:center;border-radius:4px;font-size:9px;font-weight:650;color:#365147;letter-spacing:.04em;padding:4px 8px}.card-body h3{font-size:20px;font-weight:600;line-height:1.35}.card-body h3 a:hover{text-decoration:underline;text-underline-offset:4px}.card-body p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:10px;min-height:43px}.card-body .text-link{font-size:11px;margin-top:20px}.tools-section{background:#f0f3e9;padding-block:54px;margin-top:2px;border-block:1px solid #e7ecdf}.privacy-badge{display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap;color:#5d7154}.privacy-badge .icon{width:16px;height:16px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{border:1px solid #193e3b09;border-radius:11px;padding:23px;display:flex;flex-direction:column;gap:22px;transition:transform .25s var(--ease);min-width:0}.tool-card:hover{transform:translateY(-4px)}.tool-icon{width:44px;height:44px;background:#ffffffb3;display:grid;place-items:center;border-radius:10px}.tool-card h3{font-size:19px;font-weight:600}.tool-card p{font-size:12px;color:var(--text);margin-top:9px;min-height:40px}.tool-card .text-link{font-size:11px;margin-top:18px}.tools-footnote{font-size:10px;text-align:center;color:#68785f;margin-top:23px}.editorial-section{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.editorial-intro .eyebrow{margin-bottom:15px}.editorial-intro h2{font-size:35px}.editorial-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:360px;margin-top:18px}.editorial-intro>.text-link{margin-top:23px}.editorial-list>a{display:flex;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.editorial-list>a:first-child{padding-top:0}.editorial-list>a>.icon{margin-left:auto;flex-shrink:0;width:18px}.editorial-number{font-family:var(--serif);font-size:28px;color:#9daa98;align-self:flex-start;line-height:1.2}.editorial-list h3{font-size:17px;font-weight:550;margin-top:8px}.editorial-list p{font-size:10px;color:var(--muted);margin-top:6px}.editorial-list a:hover h3{text-decoration:underline;text-underline-offset:4px}.trust-banner{display:flex;align-items:center;gap:22px;border:1px solid var(--line);border-radius:10px;padding:28px 30px;margin-bottom:62px;background:#f5f7ef}.trust-icon{width:48px;height:48px;display:grid;place-items:center;background:#e7eddc;border-radius:50%;flex-shrink:0}.trust-icon .icon{width:26px;height:26px}.trust-banner h2{font-size:19px;letter-spacing:-.025em;font-weight:600}.trust-banner p{font-size:12px;color:var(--muted);margin-top:5px}.trust-banner>.text-link{margin-left:auto;white-space:nowrap;font-size:11px}
/* 5. Archive */
.page-heading{padding-block:58px 22px}.page-heading h1{font-size:clamp(36px,4.3vw,58px);max-width:820px;margin-top:17px;line-height:1.12}.page-heading>p:not(.eyebrow){color:var(--muted);margin-top:19px;max-width:650px;font-size:16px}.page-heading .search-form{max-width:720px}.listing-section{padding-block:20px 65px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filters button{border:1px solid var(--line);border-radius:7px;background:white;padding:10px 16px;font-size:12px;min-height:42px;display:flex;align-items:center;gap:7px}.filters button .icon{width:15px;height:15px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.result-count{font-size:12px;color:var(--muted);margin-bottom:22px}.listing-section .guide-grid{row-gap:25px}.empty-state{text-align:center;padding:65px 20px;border:1px dashed var(--line);border-radius:12px}.empty-state>.icon{margin:0 auto 20px;width:35px;height:35px}.empty-state h2{font-size:25px}.empty-state p{max-width:500px;margin:16px auto 25px;color:var(--muted)}
/* 6. Guías */
.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);padding-block:25px}.breadcrumbs a:hover{text-decoration:underline}.article-heading{padding-block:14px 34px;border-bottom:1px solid var(--line)}.article-heading h1{font-size:clamp(34px,4.2vw,54px);max-width:920px;line-height:1.14;margin-block:18px}.article-summary{font-size:18px;line-height:1.7;max-width:800px;color:var(--text)}.article-meta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:27px}.article-meta>span{display:flex;align-items:center;gap:5px}.article-meta .icon{width:15px;height:15px}.save-button,.share-button{display:flex;gap:7px;align-items:center;background:transparent;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font-size:11px;color:var(--ink)}.save-button[aria-pressed=true]{background:var(--mint)}.article-layout{display:grid;grid-template-columns:235px minmax(0,750px);gap:60px;padding-block:40px}.article-toc{position:sticky;top:125px;align-self:start;display:flex;flex-direction:column;gap:13px;font-size:12px}.article-toc .eyebrow{margin-bottom:6px}.article-toc>a{padding-left:13px;border-left:2px solid var(--line);color:var(--muted)}.article-toc>a:hover{border-left-color:#729d56;color:var(--ink)}.article-content{min-width:0}.article-content p{color:var(--text);font-size:16px;line-height:1.85}.notice{display:flex;gap:15px;padding:22px;border:1px solid #e5ddc7;border-radius:9px;background:#faf6e9;margin-bottom:24px}.notice>.icon{color:#87774b;margin-top:2px}.notice strong{font-size:14px;display:block;margin-bottom:6px}.notice p{font-size:13px;line-height:1.85;color:#625e4c}.article-content .editorial-note{font-size:12px;line-height:1.8;color:var(--muted);padding-bottom:16px}.article-step{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid var(--line)}.step-number{font-family:var(--serif);font-style:italic;font-size:32px;color:#729768;flex:0 0 37px;line-height:1.2}.article-content h2{font-size:23px;font-weight:600;letter-spacing:-.025em;margin-bottom:15px}.article-step p{font-family:var(--serif);font-size:18px;line-height:1.85}.result-box{padding:26px;background:var(--mint);border-radius:10px;margin-block:30px}.result-box h2{display:flex;align-items:center;gap:10px;font-size:20px}.result-box p{font-size:14px}.inline-tool{display:flex;flex-direction:column;gap:12px;padding:26px;border:1px solid #c5d6dc;background:var(--blue);border-radius:9px;margin-block:30px}.inline-tool>span{display:flex;gap:10px;align-items:center;font-size:12px}.inline-tool>span:first-child{font-size:9px;font-weight:600;letter-spacing:.1em}.inline-tool strong{font-size:25px;font-weight:600}.inline-tool:hover{border-color:var(--ink)}details{padding:18px;border:1px solid var(--line);border-radius:8px;margin-block:16px 25px}summary{cursor:pointer;font-weight:600;font-size:15px}details p{margin-top:14px}.source-box{padding-top:28px;border-top:1px solid var(--line);margin-top:30px}.source-box h2{font-size:18px}.source-box p,.source-box li{font-size:12px;line-height:1.85;color:var(--muted)}.source-box a{text-decoration:underline;text-underline-offset:3px}.source-box ul{padding-left:18px}.source-box p+p{margin-top:12px}.reading-progress{position:fixed;top:0;left:0;width:0;height:3px;background:#7faa53;z-index:30}.ad-zone{margin:38px 0;min-height:150px;background:#f3f5ef;text-align:center;border-block:1px solid var(--line)}.ad-zone>span{font-size:10px;letter-spacing:.05em;color:var(--muted)}
/* 7. Herramientas y formularios */
.tool-heading{padding-bottom:30px}.tool-heading h1{font-size:clamp(35px,4vw,52px);margin-block:17px 15px}.tool-heading>p{font-size:17px;color:var(--muted)}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;padding-bottom:20px}.tool-workspace{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;min-width:0}.dropzone{display:flex;flex-direction:column;align-items:center;gap:8px;border:2px dashed #bccdb5;border-radius:10px;padding:33px 20px;background:#f8faf4;position:relative;cursor:pointer;text-align:center}.dropzone.dragover{background:var(--mint);border-color:#557e42}.dropzone:focus-within{outline:3px solid #327867;outline-offset:4px}.dropzone>strong{font-size:21px;font-weight:600;letter-spacing:-.02em}.dropzone>span:not(.upload-button):not(.upload-icon){font-size:12px;color:var(--muted)}.dropzone small{font-size:10px;color:var(--muted);max-width:360px;margin-top:7px}.upload-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--mint);border-radius:50%;margin-bottom:5px}.upload-button{padding:9px 16px;background:#fff;border:1px solid #cbd5c5;border-radius:6px;font-size:12px;margin-top:8px}.dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.compression-settings{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-block:24px}.compression-settings label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:8px}.compression-settings input,.compression-settings select{border:1px solid #b8c7b9;padding:11px 13px;border-radius:6px;width:100%;color:var(--ink);background:#fff;font-size:16px;min-height:47px}.compression-settings small{font-weight:400;color:var(--muted);font-size:10px}.tool-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.tool-controls p{flex-basis:100%;font-size:12px;color:var(--muted);margin-bottom:6px}.tool-fineprint{font-size:11px;color:var(--muted);margin-top:15px}.tool-aside{border-radius:12px;background:#f0f3e9;padding:28px;align-self:start}.tool-aside h2{font-size:22px;line-height:1.3;margin-top:18px}.tool-aside p{font-size:13px;color:var(--text);margin-top:14px}.tool-aside hr{border:0;border-top:1px solid #d9e1cf;margin-block:24px}.tool-aside h3{font-size:14px}.tool-aside ul{padding-left:18px;font-size:12px;line-height:1.9;color:var(--text)}.tool-aside .text-link{font-size:11px;margin-top:13px}.file-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.file-row{display:flex;align-items:center;gap:12px;background:#f7f8f4;border:1px solid var(--line);border-radius:7px;padding:10px}.file-row img{width:46px;height:53px;object-fit:cover;border-radius:3px;background:white}.file-row>.file-info{min-width:0;flex:1;font-size:12px}.file-info strong{display:block;overflow-wrap:anywhere;font-weight:600;line-height:1.5}.file-info small{color:var(--muted);font-size:10px}.file-row button{background:white;border:1px solid var(--line);border-radius:5px;min-height:36px;min-width:36px;padding:5px;font-size:11px}.file-actions{display:flex;gap:5px;flex-wrap:wrap}#tool-status{font-size:13px;margin-top:16px;color:var(--text);overflow-wrap:anywhere}#tool-status.error{color:#9b352b;background:#fff1ea;border-radius:6px;padding:12px}.tool-result{border:1px solid #c4d5b9;background:#f2f7ea;padding:25px;border-radius:9px;margin-top:20px}.tool-result h2{font-size:24px;margin-bottom:12px}.tool-result p{font-size:13px;color:var(--text);margin-block:10px}.tool-result .button{margin-top:14px}.result-preview{max-height:300px;max-width:100%;object-fit:contain;margin:15px auto;border:1px solid var(--line);background:#fff}.result-stats{display:flex;gap:24px;flex-wrap:wrap;font-size:12px}.result-stats strong{display:block;font-size:21px;font-weight:600}.calc-number{font-size:58px;font-weight:650;letter-spacing:-.06em;line-height:1.2}.inline-button{background:none;padding:0;text-decoration:underline;text-underline-offset:3px;color:inherit;font:inherit}.busy{opacity:.7;pointer-events:none}
/* 8. Informativas y pie */
.prose{max-width:800px;padding-block:15px 75px}.prose p,.prose li{color:var(--text);font-size:15px;line-height:1.9}.prose p{margin-bottom:18px}.prose h2{font-size:24px;font-weight:600;margin-block:30px 16px}.prose .lead{font-size:21px;color:var(--ink);line-height:1.7}.prose a{text-decoration:underline;text-underline-offset:3px}.prose .notice{margin-top:24px}.prose .notice p{margin:0;font-size:13px}.site-footer{background:#183c36;color:#f3f6ed;padding:46px 0 0}.footer-top{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:60px;padding-bottom:36px}.footer-brand .brand-mark{background:#34564c}.footer-brand{font-size:26px}.footer-brand .brand-sub{font-size:6px}.footer-top>div>p{font-size:13px;line-height:1.8;color:#b6c8b8;margin-top:18px}.footer-top h2{font-size:12px;font-weight:600;letter-spacing:0;margin-bottom:16px}.footer-top>div>a:not(.brand){display:block;color:#bacbbd;font-size:11px;margin-bottom:10px}.footer-top>div>a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;gap:15px;padding:20px 0;color:#aec1b0;font-size:9px}.error-page{padding-block:100px;min-height:65vh}.error-page h1{font-size:clamp(38px,5vw,64px);margin-block:18px 24px}.error-page p:not(.eyebrow){color:var(--muted)}.error-page .search-form{max-width:600px;margin-bottom:25px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;background:var(--ink);color:white;padding:12px 20px;border-radius:8px;font-size:13px;z-index:100;box-shadow:0 5px 20px #0002}#toast:empty{display:none}
/* Un círculo no necesita rotación; evita ampliar su caja en pantallas de 320px. */
.hero-orbit{transform:none}
/* Fotografías editoriales: encuadres naturales y sin efectos generativos. */
.hero-photo{margin:0;min-width:0;position:relative}.hero-photo-frame{height:390px;position:relative;border-radius:18px;overflow:hidden;background:#e5ded0}.editorial-photo{display:block;width:100%;height:100%;object-fit:cover}.hero-photo-frame:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#152d2766);pointer-events:none}.photo-label{position:absolute;bottom:22px;left:22px;right:18px;color:#fff;font-size:10px;font-weight:650;letter-spacing:.13em;z-index:1;text-shadow:0 1px 4px #152d2780}.hero-photo figcaption{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;line-height:1.6;margin-top:13px;color:var(--muted)}.hero-photo figcaption a:hover{text-decoration:underline}.photo-art{height:188px;background:#e9e9e2}.photo-art img{transition:transform .5s var(--ease)}.guide-card:hover .photo-art img{transform:scale(1.035)}.article-photo{margin:0 0 27px}.article-photo>.editorial-photo{height:280px;border-radius:10px}.article-photo figcaption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:9px}.article-photo figcaption a{text-decoration:underline;text-underline-offset:3px}.photo-credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-block:30px}.photo-credit{min-width:0;border-bottom:1px solid var(--line);padding-bottom:14px}.photo-credit>.editorial-photo{height:auto;aspect-ratio:3/2;border-radius:8px}.photo-credit h2{font-size:21px;margin-block:16px 8px}.photo-credit p{font-size:12px;overflow-wrap:anywhere}.photo-credit p:last-child{margin-bottom:0}
@media(max-width:959px){.hero-photo-frame{height:350px}.photo-label{font-size:9px;left:16px;bottom:16px}}
@media(max-width:719px){.hero-photo{margin-top:20px}.hero-photo-frame{height:auto;aspect-ratio:4/3}.hero-photo figcaption{font-size:10px;gap:7px}.photo-art{height:195px}.article-photo>.editorial-photo{height:auto;aspect-ratio:3/2}.photo-credits-grid{grid-template-columns:1fr}.photo-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.guide-card:hover .photo-art img{transform:none}}
/* 9. Adaptación móvil */
@media(min-width:1280px){.container{width:min(1160px,calc(100% - 100px))}.hero{gap:60px}.hero-art{margin-left:20px}}
@media(max-width:959px){.main-nav{gap:20px}.main-nav .nav-about{display:none}.hero{gap:20px;padding-block:50px}.hero h1{font-size:47px}.hero-description{font-size:14px}.desktop-break{display:none}.hero-art{height:350px}.hero-phone{transform:rotate(-7deg) scale(.88)}.note-top{right:-6px;top:52px;padding:9px;font-size:10px}.note-bottom{left:-18px;font-size:8px;padding:9px;bottom:49px}.hero-orbit{width:270px;height:270px}.hero-spark{left:18px}.category-strip>a{padding-inline:12px;gap:8px}.category-strip>a>.icon{display:none}.category-strip small{font-size:9px}.category-icon{width:36px;height:36px;border-radius:9px}.category-strip strong{font-size:12px}.guide-grid{gap:15px}.card-body{padding:19px}.card-body h3{font-size:18px}.section h2,.tools-section h2{font-size:27px}.privacy-badge{white-space:normal}.editorial-section{gap:45px}.trust-banner>.text-link{white-space:normal}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.tool-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.tool-workspace{padding:22px}.tool-aside{padding:22px}.tool-card{padding:19px}.tool-card h3{font-size:17px}}
@media(max-width:719px){.container{width:calc(100% - 36px)}.site-header{height:83px}.header-inner{gap:12px}.brand{font-size:24px;gap:8px}.brand-mark{width:37px;height:37px;font-size:37px;border-radius:10px}.brand-mark>span{font-size:20px}.brand-sub{font-size:5px;letter-spacing:1.2px}.main-nav{gap:16px;font-size:11px;margin-left:auto}.free-chip,.header-search{display:none}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:36px;gap:12px}.hero h1{font-size:clamp(43px,8vw,61px)}.hero .eyebrow{margin-bottom:19px}.hero-description{font-size:14px;margin-top:22px}.hero-art{max-width:400px;width:100%;margin:0 auto;height:315px}.hero-phone{transform:rotate(-9deg) scale(.82)}.hero-orbit{width:275px;height:275px}.note-top{right:7px;top:58px;font-size:11px;padding:11px}.note-bottom{left:7px;bottom:37px;font-size:9px;padding:12px}.hero-spark{left:36px;top:30px;font-size:28px}.art-caption{bottom:-3px}.search-form{margin-top:23px;padding-left:13px}.search-form input{font-size:12px}.popular-searches{font-size:9px;gap:6px}.category-strip{grid-template-columns:1fr 1fr;gap:22px 0;padding-block:23px}.category-strip>a:nth-child(2){border-right:0}.category-strip>a:nth-child(3){padding-left:0}.category-strip>a:nth-child(2),.category-strip>a:nth-child(4){padding-left:18px}.category-strip strong{font-size:13px}.category-strip small{font-size:9px}.category-icon{width:40px;height:40px}.section{padding-block:40px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:23px}.section h2,.tools-section h2{font-size:28px}.section-heading .eyebrow{font-size:9px;margin-bottom:9px}.guide-grid{grid-template-columns:1fr;gap:20px}.illustration{height:185px}.card-body{padding:22px}.card-body h3{font-size:22px;max-width:420px}.card-body p{font-size:13px;min-height:0}.card-body .text-link{font-size:12px}.card-meta{font-size:11px}.tag{font-size:10px}.tools-section{padding-block:35px}.tool-grid{grid-template-columns:1fr;gap:12px}.tool-card{flex-direction:row;gap:17px;padding:23px}.tool-icon{flex:0 0 42px}.tool-card h3{font-size:19px}.tool-card p{font-size:12px;min-height:0}.tool-card .text-link{margin-top:12px}.tools-footnote{max-width:280px;margin-inline:auto}.editorial-section{grid-template-columns:1fr;gap:30px}.editorial-intro h2{font-size:33px}.editorial-list>a{padding-block:19px}.trust-banner{align-items:flex-start;flex-wrap:wrap;gap:16px;padding:23px;margin-bottom:40px}.trust-banner>div{flex:1;min-width:190px}.trust-banner>.text-link{margin-left:64px}.trust-banner h2{font-size:18px}.footer-top{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:28px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div>p{font-size:12px}.footer-top h2{font-size:12px}.footer-top>div>a:not(.brand){font-size:12px}.footer-bottom{flex-wrap:wrap;font-size:9px}.footer-bottom>span:nth-child(2){display:none}.page-heading{padding-block:38px 18px}.page-heading h1{font-size:39px}.page-heading>p:not(.eyebrow){font-size:15px}.filters{gap:7px}.filters button{font-size:11px;padding:9px 12px}.article-heading h1{font-size:35px}.article-summary{font-size:16px}.article-meta{gap:10px 15px;font-size:10px}.article-layout{display:block;padding-top:25px}.article-toc{position:static;padding:18px;border:1px solid var(--line);border-radius:8px;gap:10px;margin-bottom:25px;font-size:12px}.article-step{gap:14px;padding-block:25px}.step-number{font-size:28px;flex-basis:31px}.article-content h2{font-size:22px}.article-step p{font-size:17px}.notice{padding:18px;gap:11px}.result-box{padding:22px}.tool-layout{grid-template-columns:1fr}.tool-workspace{padding:18px}.tool-aside{padding:24px}.tool-heading h1{font-size:36px}.tool-heading>p{font-size:15px}.dropzone{padding:28px 13px}.dropzone small{font-size:9px}.compression-settings{gap:15px}.compression-settings label{font-size:12px}.tool-controls .button{font-size:12px;padding:12px 15px}.file-row{gap:8px;flex-wrap:wrap}.file-row .file-actions{margin-left:auto}.file-row>.file-info{min-width:130px}.prose{padding-bottom:45px}.prose .lead{font-size:19px}.prose p,.prose li{font-size:14px}.error-page{padding-block:60px}}
@media(min-width:540px) and (max-width:719px){.guide-grid{grid-template-columns:1fr 1fr}.card-body h3{font-size:19px}.guide-grid .guide-card:last-child:nth-child(odd){grid-column:1/-1}.hero-art{height:330px}.hero-phone{transform:rotate(-9deg) scale(.9)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.guide-card:hover,.tool-card:hover,.button:hover{transform:none}}
@media print{.site-header,.site-footer,.article-toc,.article-meta button,.ad-zone,.reading-progress,.inline-tool,.section,.skip-link,#toast{display:none!important}.article-layout{display:block}.container{width:100%}.article-content{max-width:none}body{background:white;color:black}.article-step{break-inside:avoid}.article-heading h1{font-size:30px}.article-content p{font-size:12pt}.notice{border:1px solid #888}}