:root{--ink:#172033;--muted:#596274;--paper:#f7f5f0;--surface:#fff;--coral:#e6534e;--coral-dark:#bb3735;--mint:#dff3ec;--sand:#f1e3c6;--line:#dfe3e8;--navy:#21395b;--shadow:0 14px 45px rgba(23,32,51,.08);--radius:16px;--container:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--surface);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}img{max-width:100%;height:auto}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.skip{position:fixed;left:12px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:10px 14px}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;min-height:72px;padding:10px max(20px,calc((100vw - var(--container))/2));background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand img{display:block;width:238px;max-height:46px;object-fit:contain;object-position:left center}.main-nav{display:flex;justify-content:center;gap:26px}.main-nav a,.header-cta{text-decoration:none;font-weight:750;font-size:.94rem}.main-nav a:hover{color:var(--coral)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 16px;background:var(--ink);color:#fff;text-decoration:none;font-weight:800;border:1px solid var(--ink)}.header-cta:hover,.button:hover{background:var(--coral-dark);border-color:var(--coral-dark)}.button.secondary{background:#fff;color:var(--ink)}.menu-toggle{display:none}.hero,.page-hero{padding-top:62px;padding-bottom:28px}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:36px}.eyebrow{margin:0 0 10px;color:var(--coral-dark);font-weight:850;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3{line-height:1.14;letter-spacing:-.035em}h1{font-size:clamp(2.4rem,5vw,3.5rem);max-width:850px;margin:.1em 0 .3em}.page-hero h1{font-size:clamp(2.25rem,4.5vw,3.2rem)}.lede{max-width:760px;color:var(--muted);font-size:clamp(1.06rem,2vw,1.23rem);line-height:1.65}.hero-proof{min-width:190px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.hero-proof strong,.hero-proof span{display:block}.hero-proof span{font-size:.85rem;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start;margin:22px 0}.editor-card,.metrics,.analysis-panel,.legal-page,.prose{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.tool-row{display:flex;gap:6px;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--line)}button{font:inherit}.tool-row button,.menu-toggle{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:7px 10px;font-size:.8rem;font-weight:750;cursor:pointer}.tool-row button:hover{border-color:var(--coral);color:var(--coral-dark)}.tool-row .danger{margin-left:auto;color:var(--coral-dark)}#text-editor{display:block;width:100%;min-height:370px;max-height:70vh;resize:vertical;border:0;outline:0;padding:24px;color:var(--ink);font:1rem/1.75 ui-monospace,"SFMono-Regular",Consolas,monospace}#text-editor:focus{box-shadow:inset 0 0 0 2px var(--coral)}.editor-meta{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:9px 14px;color:var(--muted);font-size:.76rem}.metrics{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px;position:sticky;top:90px}.metric{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.metric span,.metric strong{display:block}.metric span{font-size:.77rem;color:var(--muted)}.metric strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.metric-primary{grid-column:span 1;background:var(--ink);color:#fff}.metric-primary span{color:#dfe6f1}.goal-box{grid-column:1/-1;padding:12px}.goal-box label,.goal-box small{display:block}.goal-box input{width:100%;margin:6px 0;padding:8px;border:1px solid var(--line);border-radius:8px}.goal-box progress{width:100%;accent-color:var(--coral)}.goal-box small{color:var(--muted)}.analysis-panel{width:min(var(--container),calc(100% - 40px));margin:18px auto 72px;padding:24px;display:grid;grid-template-columns:260px 1fr;gap:28px}.analysis-panel h2{font-size:1.7rem;margin:.1em 0}.analysis-panel p{color:var(--muted)}.analysis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.analysis-grid article{padding:14px;border-left:1px solid var(--line)}.analysis-grid span,.analysis-grid strong,.analysis-grid small{display:block}.analysis-grid span,.analysis-grid small{color:var(--muted);font-size:.78rem}.analysis-grid strong{font-size:1.3rem;margin:.25rem 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:.1em 0}.section-head>a{font-weight:800;color:var(--coral-dark)}.tool-paths,.featured-guides,.related-block{padding-bottom:80px}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.path-card{min-height:250px;padding:24px;border-radius:16px;text-decoration:none}.path-card span{font-weight:900}.path-card h3{font-size:1.55rem}.path-card p{color:rgba(23,32,51,.78)}.path-card.coral{background:#f8d5d2}.path-card.navy{background:var(--navy);color:#fff}.path-card.navy p{color:#dce5f1}.path-card.mint{background:var(--mint)}.path-card.sand{background:var(--sand)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 18px}.guide-card{border-bottom:1px solid var(--line);padding-bottom:20px}.guide-media{display:block;overflow:hidden;border-radius:14px;background:var(--paper);aspect-ratio:16/9}.guide-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.guide-card:hover img{transform:scale(1.02)}.guide-card>div{padding:14px 4px}.guide-card span,.guide-card small{color:var(--muted);font-size:.78rem}.guide-card h3{font-size:1.27rem;margin:.45rem 0}.guide-card h3 a{text-decoration:none}.guide-card p{color:var(--muted);margin:.5rem 0}.method-band{background:var(--paper);margin-bottom:80px;padding:68px 0}.method-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.method-grid h2{font-size:clamp(2rem,4vw,3rem)}.method-grid p{color:var(--muted);font-size:1.05rem}.method-grid img{aspect-ratio:16/9;object-fit:cover;border-radius:16px}.related-block{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mini-card{padding:20px;border:1px solid var(--line);border-radius:14px;text-decoration:none}.mini-card:hover{border-color:var(--coral);box-shadow:var(--shadow)}.mini-card span{font-size:.76rem;color:var(--coral-dark);font-weight:800}.mini-card strong{display:block;font-size:1.05rem;margin:.4rem 0}.mini-card p{font-size:.9rem;color:var(--muted)}.tool-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:80px}.tool-directory>a{padding:24px;border:1px solid var(--line);border-radius:15px;text-decoration:none}.tool-directory>a:hover{border-color:var(--coral);box-shadow:var(--shadow)}.tool-directory span{font-size:.76rem;color:var(--coral-dark);font-weight:800}.tool-directory h2{font-size:1.35rem}.tool-directory p{color:var(--muted)}.tool-directory strong{font-size:.87rem}.prose{margin-top:34px;margin-bottom:70px;padding:clamp(24px,5vw,54px);max-width:900px}.prose h2{font-size:1.75rem;margin-top:1.8em}.prose p,.prose li{color:#3e4758;max-width:760px}.source-note{margin-top:32px;padding:16px;border-left:4px solid var(--coral);background:var(--paper)}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:36px 0 80px}.pagination a{font-weight:800;color:var(--coral-dark)}.article{max-width:1100px;padding-top:40px;padding-bottom:60px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.85rem;margin-bottom:42px}.article header{max-width:900px;margin-bottom:30px}.article h1{font-size:clamp(2.35rem,5vw,3.6rem)}.byline{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:.83rem}.article-hero{display:block;width:100%;max-height:580px;object-fit:cover;border-radius:18px;border:1px solid var(--line);background:var(--paper)}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:50px;align-items:start;margin-top:46px}.article-body{font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;line-height:1.8}.article-body h2,.article-body h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;margin-top:2em}.article-body .answer{padding:20px;border-left:5px solid var(--coral);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.article-body code{font-size:.9em;background:var(--paper);padding:.1em .35em}.article-aside{position:sticky;top:96px;border-top:5px solid var(--coral);padding:18px;background:var(--paper)}.article-aside h2{font-size:1.2rem}.article-aside p{color:var(--muted)}.sources{margin-top:46px;padding-top:25px;border-top:1px solid var(--line);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.93rem}.compact .guide-grid{grid-template-columns:repeat(3,1fr)}.legal-page{max-width:900px;margin-top:48px;margin-bottom:80px;padding:clamp(24px,5vw,56px)}.legal-page header{border-bottom:1px solid var(--line);padding-bottom:20px}.updated{color:var(--muted);font-size:.84rem}.legal-body h2{margin-top:2em;font-size:1.5rem}.legal-body p,.legal-body li{color:#414a5b}.not-found{text-align:center;padding:90px 20px 120px}.not-found>strong{font-size:7rem;color:var(--coral)}.not-found h1{margin-inline:auto}.not-found div{display:flex;justify-content:center;gap:10px}.site-footer{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:36px;padding:54px max(20px,calc((100vw - var(--container))/2));background:var(--ink);color:#f4f6fa}.footer-brand img{width:238px;filter:none}.site-footer h2{font-size:.95rem;letter-spacing:0}.site-footer p{color:#b9c3d2}.site-footer nav{display:grid;gap:8px}.site-footer a{color:#dce3ed;text-decoration:none;font-size:.88rem}.site-footer a:hover{color:#fff;text-decoration:underline}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid #3b4659;color:#b9c3d2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:980px){.site-header{grid-template-columns:auto auto auto}.main-nav{display:none;position:absolute;top:72px;left:20px;right:20px;flex-direction:column;background:#fff;border:1px solid var(--line);padding:12px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.menu-toggle{display:block}.workspace{grid-template-columns:1fr}.metrics{position:static;grid-template-columns:repeat(3,1fr)}.goal-box{grid-column:span 3}.analysis-panel{grid-template-columns:1fr}.analysis-grid{grid-template-columns:repeat(2,1fr)}.analysis-grid article{border:1px solid var(--line);border-radius:10px}.path-grid,.mini-grid{grid-template-columns:repeat(2,1fr)}.guide-grid,.tool-directory{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-aside{position:static}.site-footer{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.container,.analysis-panel,.related-block{width:min(100% - 24px,var(--container))}.site-header{gap:10px;padding-inline:12px}.brand img{width:174px;height:auto}.header-cta{display:none}.hero,.method-grid{grid-template-columns:1fr}.hero{padding-top:34px}.hero-proof{width:100%}h1,.article h1{font-size:clamp(2.05rem,11vw,2.75rem)}.tool-row button{font-size:.72rem}.tool-row .danger{margin-left:0}#text-editor{min-height:300px;padding:16px}.editor-meta{display:grid}.metrics{grid-template-columns:repeat(2,1fr)}.goal-box{grid-column:span 2}.analysis-panel{padding:16px}.path-grid,.guide-grid,.tool-directory,.mini-grid,.compact .guide-grid{grid-template-columns:1fr}.path-card{min-height:auto}.section-head{align-items:start;flex-direction:column}.article{padding-top:24px}.article-hero{max-height:420px}.site-footer{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.not-found>strong{font-size:5rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Tighter raster assets make these widths match the visible brand mark. */
.site-header{min-height:80px;grid-template-columns:auto 1fr}
.brand img{width:268px;max-height:56px}
.footer-brand img{width:268px}
@media(max-width:980px){.site-header{grid-template-columns:auto auto;justify-content:space-between}.main-nav{top:80px}}
@media(max-width:620px){.brand img{width:205px;max-height:none}}

.special-panel,.drafts-panel{width:min(var(--container),calc(100% - 40px));margin:18px auto;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:28px;box-shadow:var(--shadow)}
.special-panel h2,.drafts-panel h2{margin:.1em 0 .5em;font-size:1.65rem}.special-panel p{color:var(--muted)}.special-panel progress{display:block;width:100%;height:12px;margin:14px 0;accent-color:var(--coral)}.special-panel select,.draft-controls input{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.over{color:#a32622!important;font-weight:800}.limit-preview{display:flex;flex-direction:column;justify-content:center;padding:22px;border-radius:12px;background:#fff;border:1px solid var(--line)}.limit-preview strong{font-size:1.4rem}.limit-preview span{color:var(--muted)}
.table-wrap{overflow:auto;max-height:360px;background:#fff;border:1px solid var(--line);border-radius:10px}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line)}.table-wrap th{position:sticky;top:0;background:var(--ink);color:#fff}.segmented{display:flex;gap:6px;flex-wrap:wrap}.segmented button,.draft-controls button,.draft-item button,.sentence-list button{font:inherit;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 10px;cursor:pointer}.segmented .active{background:var(--ink);color:#fff}.sentence-list{display:grid;gap:7px}.sentence-list button{text-align:left}.sentence-list button:hover{border-color:var(--coral)}.sentence-list strong{display:block;color:var(--coral-dark)}.speed-controls{display:grid;align-content:center;gap:18px}.speed-controls label{display:grid;gap:8px;font-weight:800}.speed-controls input{width:100%;accent-color:var(--coral)}
.draft-controls{display:grid;gap:8px}.draft-controls>button{background:var(--ink);color:#fff;font-weight:800}.draft-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--line)}.draft-item button:first-child{text-align:left;border:0;font-weight:800}.draft-item small{color:var(--muted)}#text-editor.dragging{background:var(--mint);box-shadow:inset 0 0 0 3px var(--coral)}
@media(max-width:700px){.special-panel,.drafts-panel{width:calc(100% - 24px);grid-template-columns:1fr;padding:16px}.tool-row{max-height:150px;overflow:auto}}
@media print{.site-header,.site-footer,.tool-row,.related-block,.featured-guides,.drafts-panel,.page-hero{display:none!important}.workspace,.special-panel,.analysis-panel{width:100%;box-shadow:none;margin:12px 0}.workspace{grid-template-columns:1fr 260px}#text-editor{min-height:260px}}
.page-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.page-controls label{display:grid;gap:5px;font-weight:750}.page-controls input,.page-controls select{padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff}@media(max-width:620px){.page-controls{grid-template-columns:1fr}}

/* Menú compacto con la misma firma visual de la marca. */
@media(max-width:980px){
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:118px;padding:11px 17px;border:0;border-radius:12px;background:var(--ink);color:#fff;font-size:.86rem;font-weight:850;letter-spacing:.01em;box-shadow:0 8px 20px rgba(23,32,51,.18);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
  .menu-toggle::before{content:"";width:22px;height:22px;border-radius:7px;background:linear-gradient(var(--coral),var(--coral)) 5px 6px/12px 2px no-repeat,linear-gradient(#fff,#fff) 5px 10px/12px 2px no-repeat,linear-gradient(#fff,#fff) 5px 14px/8px 2px no-repeat,rgba(255,255,255,.1)}
  .menu-toggle:hover{background:var(--navy);color:#fff;transform:translateY(-1px);box-shadow:0 11px 24px rgba(23,32,51,.23)}
  .menu-toggle:focus-visible{outline:3px solid rgba(230,83,78,.35);outline-offset:3px}
  .menu-toggle[aria-expanded="true"]{background:var(--coral-dark)}
}
@media(max-width:620px){.menu-toggle{min-width:auto;padding:10px 13px}.menu-toggle::before{width:20px;height:20px}}