:root{--color-paper: oklch(97.4% .011 85);--color-paper-deep: oklch(93.8% .024 88);--color-sheet: oklch(99% .006 85);--color-ink: oklch(26.3% .019 84);--color-ink-soft: oklch(44.9% .029 86);--color-accent: oklch(56.1% .135 42);--color-accent-dark: oklch(46.8% .118 42);--color-accent-soft: oklch(94.5% .03 50);--color-on-accent: oklch(98.6% .008 85);--color-green: oklch(48.7% .067 155);--color-tape: oklch(80.9% .138 85);--color-tape-dark: oklch(70.9% .13 85);--color-tape-mark: oklch(26.3% .019 84 / .55);--color-tape-mark-soft: oklch(26.3% .019 84 / .3);--color-border: oklch(87.5% .027 86);--color-error: oklch(49.3% .157 32);--radius: 10px;--max-width: 72rem;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease-out: cubic-bezier(.23, 1, .32, 1);--cat-pintura-c: oklch(51.9% .169 292);--cat-suelos-c: oklch(54.2% .101 74);--cat-construccion-c: oklch(56.1% .135 42);--cat-clima-c: oklch(51.7% .094 241);--cat-energia-c: oklch(56% .115 82)}*{box-sizing:border-box}html,body{overflow-x:clip}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:var(--color-accent-dark);transition:color .15s var(--ease-out)}button,summary,a{-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){a:hover{color:var(--color-accent)}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);font-style:normal;font-weight:600;line-height:1.15;color:var(--color-ink);letter-spacing:-.015em;overflow-wrap:anywhere}h1{font-size:clamp(1.9rem,4.4vw,2.6rem);margin:0 0 .75rem;letter-spacing:-.02em}h2{font-size:1.45rem;margin-top:2.4rem}h3{font-size:1.15rem}.tape-stripe{height:12px;border-radius:999px;background:repeating-linear-gradient(90deg,transparent 0 21px,var(--color-tape-mark) 21px 23px,transparent 23px 44px,var(--color-tape-mark-soft) 44px 45.5px,transparent 45.5px 66px,var(--color-tape-mark-soft) 66px 67.5px,transparent 67.5px 88px),var(--color-tape);border:1px solid var(--color-tape-dark)}.skip-link{position:absolute;left:-999px;top:0;background:var(--color-ink);color:var(--color-paper);padding:.5rem 1rem;z-index:100}.skip-link:focus{left:.5rem;top:.5rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.site-header{border-bottom:1px solid var(--color-border)}.site-header .container{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.6rem;padding-top:.8rem;padding-bottom:.8rem}.site-logo{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;font-size:1.3rem;letter-spacing:-.015em;text-decoration:none;color:var(--color-ink);white-space:nowrap}.site-logo .logo-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:8px;background:var(--color-accent);color:var(--color-on-accent)}.site-logo em{font-style:normal;color:var(--color-accent-dark)}.site-nav ul{display:flex;flex-wrap:wrap;gap:.2rem 1.3rem;list-style:none;margin:0;padding:0}.site-nav a{text-decoration:none;font-weight:600;font-size:.95rem;color:var(--color-ink-soft);white-space:nowrap}@media(hover:hover)and (pointer:fine){.site-nav a:hover{color:var(--color-accent-dark)}}main{padding:2rem 0 3.5rem}.breadcrumbs{font-size:.88rem;margin:0 0 1.6rem;color:var(--color-ink-soft)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:0;padding:0}.breadcrumbs li+li:before{content:"›";margin-right:.35rem}.breadcrumbs a{text-decoration:none}.breadcrumbs [aria-current=page]{color:var(--color-ink-soft)}.page-header{margin-bottom:.5rem}.page-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--cat, var(--color-accent-dark));background:color-mix(in oklch,var(--cat, var(--color-accent-dark)) 8%,var(--color-sheet));border:1px solid color-mix(in oklch,var(--cat, var(--color-accent-dark)) 40%,transparent);border-radius:999px;padding:.24rem .85rem;margin-bottom:1rem;text-decoration:none}.hero{padding:2.4rem 0 2rem;max-width:46rem}.hero .eyebrow{font-size:.95rem;font-weight:600;color:var(--color-accent-dark);margin:0 0 .7rem}.hero h1{font-size:clamp(2.2rem,5.4vw,3.2rem);line-height:1.05}.hero p{color:var(--color-ink-soft);font-size:1.1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.4rem 0 1.8rem}.hero .tape-stripe{max-width:30rem}.btn{display:inline-block;background:var(--color-ink);color:var(--color-paper);font-weight:600;text-decoration:none;white-space:nowrap;border:1px solid var(--color-ink);border-radius:8px;padding:.62rem 1.4rem;transition:transform .14s var(--ease-out),background-color .15s var(--ease-out),border-color .15s var(--ease-out)}.btn:active{transform:scale(.97)}.btn-secondary{background:var(--color-sheet);color:var(--color-ink);border-color:var(--color-border)}@media(hover:hover)and (pointer:fine){.btn:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark);color:var(--color-paper)}.btn-secondary:hover{background:var(--color-paper-deep);color:var(--color-ink);border-color:var(--color-ink-soft)}}.tool-card{background:var(--color-sheet);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;margin:1.6rem 0}.tool-card form{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.25fr) minmax(15rem,1fr);align-items:stretch}.tool-fields{display:grid;gap:1rem;align-content:start;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr))}@media(max-width:52rem){.tool-card form{grid-template-columns:minmax(0,1fr)}}@media(max-width:30rem){.tool-card{padding:1.1rem}}.field{display:flex;flex-direction:column;gap:.3rem}.field label{font-weight:600;font-size:.95rem}.field .hint{font-size:.8rem;letter-spacing:.01em;color:var(--color-ink-soft)}.field input,.field select{padding:.6rem .75rem;font:600 1.05rem var(--font-body);font-variant-numeric:tabular-nums;border:1px solid var(--color-border);border-radius:8px;background:var(--color-paper);color:var(--color-ink);outline:none;transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out),background-color .15s var(--ease-out)}.field input:focus,.field select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);background:var(--color-sheet)}.checkbox-field{flex-direction:row;align-items:center;gap:.5rem}.checkbox-field input{accent-color:var(--color-accent);width:1.1rem;height:1.1rem}.checkbox-field label{font-weight:600;font-size:.95rem}.tool-actions{grid-column:1 / -1}button[type=submit]{background:var(--color-accent);color:var(--color-on-accent);font:700 1.05rem var(--font-body);white-space:nowrap;border:1px solid var(--color-accent-dark);border-radius:8px;padding:.7rem 1.7rem;cursor:pointer;transition:transform .14s var(--ease-out),background-color .15s var(--ease-out)}button[type=submit]:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){button[type=submit]:hover{background:var(--color-accent-dark)}}.tool-result-panel{background:var(--color-paper-deep);border-radius:var(--radius);padding:1.3rem 1.4rem;display:flex;flex-direction:column;min-height:11rem}.tool-result-title{margin:0 0 .8rem;font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-ink)}.tool-result-placeholder{margin:auto 0;font-size:.97rem;color:var(--color-ink-soft)}.tool-result-placeholder[hidden]{display:none}.tool-result-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.tool-result-panel ul[hidden]{display:none}.tool-result-panel li{font-size:.92rem;line-height:1.5;color:var(--color-ink-soft);padding-bottom:.85rem;border-bottom:1px solid color-mix(in oklch,var(--color-ink-soft) 25%,transparent)}.tool-result-panel li:last-child{border-bottom:0;padding-bottom:0}.tool-result-panel li strong{display:block;font-family:var(--font-body);font-weight:700;font-size:1.55rem;line-height:1.2;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-ink)}.tool-result-panel li:first-child strong{font-size:2rem;color:var(--color-accent-dark)}.copy-link{margin-top:1rem;align-self:flex-start;background:var(--color-sheet);color:var(--color-ink);font:600 .88rem var(--font-body);white-space:nowrap;border:1px solid var(--color-border);border-radius:7px;padding:.45rem .9rem;cursor:pointer;transition:transform .14s var(--ease-out),border-color .15s var(--ease-out)}.copy-link:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.copy-link:hover{border-color:var(--color-accent);color:var(--color-accent-dark)}}.copy-link[hidden]{display:none}.form-error{grid-column:1 / -1;color:var(--color-error);font-weight:600;margin:0}.form-error[hidden]{display:none}table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.95rem;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}caption{caption-side:bottom;font-size:.82rem;color:var(--color-ink-soft);padding-top:.4rem}th,td{border-bottom:1px solid var(--color-border);padding:.6rem .8rem;text-align:left}th{font-size:.85rem;font-weight:600;color:var(--color-ink-soft);border-bottom-color:var(--color-ink-soft)}.formula{background:var(--color-paper-deep);border-radius:8px;padding:.85rem 1.1rem;font-weight:600;font-variant-numeric:tabular-nums;overflow-x:auto}.faq details{border-bottom:1px solid var(--color-border);padding:.85rem 0}.faq summary{font-weight:600;cursor:pointer}.faq details p{color:var(--color-ink-soft);margin:.5rem 0 0}.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(16.5rem,100%),1fr));padding:0;list-style:none}.card{display:flex;gap:.9rem;align-items:flex-start;border:1px solid var(--color-border);border-radius:var(--radius);padding:1.1rem 1.2rem;background:var(--color-sheet);transition:border-color .15s var(--ease-out)}@media(hover:hover)and (pointer:fine){.card:hover{border-color:var(--cat, var(--color-ink-soft))}}.card h3{margin:0 0 .35rem;font-size:1.08rem}.card a{text-decoration:none;color:var(--color-ink)}@media(hover:hover)and (pointer:fine){.card a:hover{color:var(--color-accent-dark)}}.card p{margin:0;font-size:.89rem;color:var(--color-ink-soft)}.card-icon{flex:0 0 auto;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:8px;color:var(--cat, var(--color-accent-dark));background:color-mix(in oklch,var(--cat, var(--color-accent-dark)) 10%,var(--color-sheet))}.cat-pintura{--cat: var(--cat-pintura-c)}.cat-suelos{--cat: var(--cat-suelos-c)}.cat-construccion{--cat: var(--cat-construccion-c)}.cat-clima{--cat: var(--cat-clima-c)}.cat-energia{--cat: var(--cat-energia-c)}.section-title{display:flex;align-items:center;gap:.55rem}.meta-note{font-size:.85rem;color:var(--color-ink-soft)}.site-footer{border-top:1px solid var(--color-border);background:var(--color-paper-deep);padding:1.75rem 0 2.25rem;font-size:.9rem;color:var(--color-ink-soft)}.site-footer ul{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;list-style:none;margin:0 0 1rem;padding:0}.site-footer a{text-decoration:none;white-space:nowrap}@media(prefers-reduced-motion:reduce){.btn:active,button[type=submit]:active,.copy-link:active{transform:none}}