:root{color-scheme:light;--ink:#1a3530;--muted:#4f655f;--green:#15624e;--deep:#0f4b3e;--pale:#e8f4ed;--paper:#fff;--bg:#f6f9f7;--line:#cbded3;--focus:#a84c13;--shadow:0 10px 28px rgb(18 55 39 / 5%)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);overflow-wrap:anywhere}body,main{min-width:0}a{color:var(--deep);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button,input,select{font:inherit}button{cursor:pointer}.container{max-width:1120px;margin:0 auto;padding:0 24px}.site-header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-weight:800;text-decoration:none;letter-spacing:-.035em;white-space:nowrap;font-size:19px}.brand svg{width:34px;height:34px;flex:none}.menu{display:flex;align-items:center;gap:20px}.menu a{text-decoration:none;font-size:15px;font-weight:600}.menu a:hover{text-decoration:underline}.menu-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:var(--ink)}.site-main{padding:25px 0 56px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin:0 0 18px}.breadcrumbs a{color:var(--muted)}.hero{padding:24px 0 26px;max-width:810px}.eyebrow,.smallcaps{text-transform:uppercase;letter-spacing:.11em;font-weight:800;font-size:12px;color:var(--green)}h1,h2,h3{line-height:1.24;letter-spacing:-.035em}h1{font-size:clamp(30px,5vw,48px);margin:7px 0 12px}h2{font-size:clamp(23px,3vw,30px);margin:0 0 15px}h3{font-size:19px;margin:22px 0 8px}p{margin:0 0 14px}.lead{font-size:18px;color:var(--muted);max-width:780px}.notice{background:var(--pale);border-left:4px solid var(--green);padding:12px 16px;border-radius:5px;color:var(--deep);font-size:15px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 36px}.toolcard{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:11px;min-width:0}.toolcard p{color:var(--muted);font-size:15px}.toolcard h2{font-size:21px;margin:0}.toolcard a{font-weight:700;margin-top:auto}.tooltag{font-size:13px;color:var(--green);font-weight:700}.tool-page{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:28px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:var(--shadow);min-width:0}.form-panel{margin-top:6px}label{font-weight:650;font-size:14px;display:flex;flex-direction:column;gap:7px;color:var(--ink)}input:not([type=checkbox]),select{width:100%;min-width:0;border:1px solid #9ebbb0;border-radius:9px;min-height:45px;padding:9px 12px;background:white;color:var(--ink)}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:18px 0}.form-note{font-size:14px;color:var(--muted)}.fields legend,fieldset legend{font-size:16px;font-weight:750}.room-group{border:1px dashed #b4cdbf;border-radius:12px;padding:12px 15px;margin:14px 0}.room-group .fields{grid-template-columns:repeat(3,minmax(0,1fr));margin:5px 0 10px}.text-button{border:0;background:transparent;padding:2px;color:var(--green);font-weight:700;font-size:14px}.button{border:1px solid var(--deep);background:var(--green);color:#fff;text-decoration:none;border-radius:10px;padding:11px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;min-height:46px}.button:hover{background:var(--deep)}.button.secondary{background:#fff;color:var(--deep)}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.result{display:none;margin-top:24px;padding:20px;border:1px solid #89bea0;background:#eaf6ee;border-radius:14px}.result.show{display:block}.result.error{background:#fff4e9;border-color:#e3b790;color:#7b330b}.result h2{font-size:25px;margin:7px 0 12px}.statgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.stat{padding:12px;border:1px solid #bbd8c6;border-radius:9px;background:#fff}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{font-size:20px;display:block;overflow-wrap:anywhere}.result-note{color:var(--muted);font-size:14px}.small-btn{min-height:36px;padding:6px 14px;background:white;color:var(--deep);font-size:14px}.side-panel{background:var(--pale);border-radius:15px;padding:21px}.side-panel h2{font-size:19px;margin:0 0 12px}.side-panel a{display:block;padding:8px 0;border-bottom:1px solid #bfd6c9;font-size:14px}.side-panel a:last-child{border:0}.section{margin:36px 0}.article{max-width:800px}.article ul,.article ol{padding-left:21px}.article li{margin:0 0 9px}.faq{border-top:1px solid var(--line);padding:14px 0}.faq h3{margin:0 0 6px;font-size:17px}.mathline{border-left:3px solid #8abca1;padding:13px 18px;background:#fff;border-radius:8px;font:15px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.ad-slot{display:none;min-height:180px;margin:30px 0;border:1px dashed #a4afa8;text-align:center;background:#f1f2f1;padding:13px}.ad-slot .ad-label{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.ad-slot.enabled{display:block}.site-footer{background:#ecf3ee;border-top:1px solid var(--line);padding:35px 0}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-inner p{font-size:14px;max-width:420px;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:12px 20px;max-width:560px}.footer-links a{font-size:14px}.plain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.muted{color:var(--muted)}.divider{border:0;border-top:1px solid var(--line);margin:24px 0}.checkbox-line{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:44px}.checkbox-line input{width:19px;height:19px}.mini-guide{max-width:800px}._hidden,[hidden]{display:none!important}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-page{grid-template-columns:1fr}.side-panel{display:none}.menu{gap:10px}.menu a{font-size:14px}}
@media(max-width:680px){.container{padding:0 18px}.header-inner{min-height:67px}.menu-toggle{display:block}.menu{position:absolute;top:100%;left:12px;right:12px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:10px 14px;border-radius:0 0 14px 14px;display:none;flex-direction:column;align-items:stretch;gap:0}.menu.open{display:flex}.menu a{padding:10px 4px;border-bottom:1px solid #edf1ee;font-size:15px}.cards,.plain-grid{grid-template-columns:1fr}.panel{padding:17px}.room-group .fields{grid-template-columns:1fr}.fields{grid-template-columns:1fr;gap:12px}.statgrid{grid-template-columns:1fr}.brand{font-size:17px}.hero{padding-top:10px}.site-main{padding-top:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Guías y formularios de la reforma */
.wide-guide{max-width:1050px}.wide-guide>.panel{margin:0 0 25px}.feature-block{display:grid;grid-template-columns:1.4fr 0.75fr;gap:25px;align-items:center;background:#e8f4ed;border:1px solid #b9d5c5;border-radius:20px;padding:26px;margin:8px 0 36px}.feature-block h2{margin:7px 0 12px}.feature-aside{border-left:1px solid #b9d5c5;padding-left:22px}.feature-aside p{margin:8px 0}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.choice,.check-row{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;font-weight:600;font-size:15px;background:#fff}.choice input,.check-row input{width:18px;height:18px;flex:none;margin-top:4px;accent-color:var(--green)}.checklist{display:grid;gap:10px}.check-row small{display:block;color:var(--muted);font-size:14px;font-weight:400}.dynamic-result{margin-top:20px}.phase-card{border:1px solid var(--line);border-radius:13px;padding:19px;margin:14px 0;background:#fff;break-inside:avoid}.phase-card h3{margin:0 0 12px}.phase-card dl{display:grid;grid-template-columns:140px 1fr;gap:8px 15px}.phase-card dt{font-weight:700}.phase-card dd{margin:0}.phase-card p{margin:10px 0}.source-line{color:var(--muted);font-size:14px;margin:24px 0}.table-scroll{overflow-x:auto;max-width:100%}.comparison{width:100%;border-collapse:collapse;min-width:660px}.comparison th,.comparison td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:middle}.comparison thead th{background:var(--pale)}.comparison select{min-width:140px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:12px 0}.photo-grid>div{min-height:210px;border:2px dashed #aac6b6;border-radius:12px;padding:13px;color:var(--muted)}.photo-grid p{margin-top:38px}.print-form textarea{width:100%;min-height:110px;resize:vertical;border:1px solid #9ebbb0;border-radius:9px;padding:10px;font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.empty-state{border:1px solid var(--line);padding:14px;border-radius:8px;background:white}.plan-summary{padding:15px;background:var(--pale);border-radius:10px}.no-print{display:block}
@media(max-width:900px){.feature-block{grid-template-columns:1fr}.feature-aside{border:0;border-top:1px solid #b9d5c5;padding:16px 0 0}.menu{gap:8px;flex-wrap:wrap;justify-content:flex-end}.menu a{font-size:13px}}
@media(max-width:680px){.check-grid,.photo-grid{grid-template-columns:1fr}.phase-card dl{grid-template-columns:1fr;gap:2px}.phase-card dd{margin:0 0 10px}.feature-block{padding:18px}}
@media print{.site-header,.site-footer,.breadcrumbs,.ad-slot,[data-print],.menu-toggle,.side-panel,.no-print{display:none!important}.site-main{padding:0}.container{padding:0;max-width:none}.panel,.phase-card{border:1px solid #bbb;box-shadow:none}.wide-guide{max-width:none}body{background:white;font-size:11pt;color:black}.hero{padding:0 0 8px}.dynamic-result{display:block}.comparison{min-width:0}.comparison select{border:0;font-size:10pt;min-width:0}.check-row,.choice{break-inside:avoid}.photo-grid>div{min-height:150px}}

/* ObraPauta · identidad propia orientada a proyectos domésticos */
:root{--ink:#243047;--muted:#596474;--green:#bf533a;--deep:#8a3e2c;--pale:#fff1e9;--paper:#fff;--bg:#fbfaf7;--line:#e6e0d7;--focus:#1968a9;--shadow:0 12px 34px rgb(28 40 59 / 5%)}
body{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.58}
.site-header{border-bottom-color:#ede6df}.header-inner{min-height:72px}.brand{font-size:20px;color:#29394b}.brand svg rect{fill:#db6a4b}.brand svg path:nth-of-type(2){stroke:#ffe0c9}
.menu{gap:10px}.menu a{font-size:14px;padding:9px 12px;border-radius:999px;white-space:nowrap;color:#354255}.menu a:hover{background:#fff1e9;text-decoration:none}.menu .nav-saved{background:#e9ecfd;color:#414d9d}.menu .nav-saved:hover{background:#dfe4ff}
.site-footer{background:#f6f3ee}.site-footer a{color:#455064}.site-main{padding-top:22px}.button{background:#c65b3e;border-color:#c65b3e}.button:hover{background:#a84931;border-color:#a84931}.button.secondary{background:#fff;border-color:#ce8873;color:#95442f}.button.secondary:hover{background:#fff1eb}.notice{background:#fff2e8;color:#633c32;border-left-color:#cb6647}.result{background:#ecf8f4;border-color:#acd5c4}.result.error{background:#fff4e9;border-color:#e2ad92}.panel{border-color:var(--line)}.side-panel{background:#f7f2eb}.toolcard{border-color:#e6e0d7}.tooltag,.eyebrow,.smallcaps{color:#a74c33}.comparison thead th{background:#f4eee6}.phase-card{border-color:#dfd9cf}
/* Color de tema consistente al abrir cada herramienta */
body[data-topic="paint"]{--topic:#d78a2e;--topic-soft:#fff2dd}
body[data-topic="garden"]{--topic:#287c63;--topic-soft:#e1f5ea}
body[data-topic="tiles"]{--topic:#3d70ae;--topic-soft:#e6efff}
body[data-topic="paper"]{--topic:#ab5a85;--topic-soft:#faeaf3}
body[data-topic="materials"]{--topic:#bd664f;--topic-soft:#fff1e8}
body[data-topic="guide"]{--topic:#6061a6;--topic-soft:#f0effd}
body[data-topic]:not([data-topic="home"]) main .hero{border-left:5px solid var(--topic);background:linear-gradient(90deg,var(--topic-soft),transparent);border-radius:0 20px 20px 0;padding:22px 25px;margin-bottom:25px;max-width:none}
body[data-topic] main .hero .eyebrow{color:var(--topic)}
body[data-topic] .form-panel{border-top:4px solid var(--topic,var(--green))}
body[data-topic] .tooltag{color:var(--topic,var(--green))}
body[data-topic] .side-panel{background:var(--topic-soft,#f7f2eb)}
/* Hero publicitario propio; no replica estructuras ni elementos de terceros */
.landing-hero{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(330px,.87fr);gap:42px;align-items:center;padding:57px 0 68px}
.overline,.section-kicker{display:inline-flex;align-items:center;gap:9px;color:#b3533a;letter-spacing:.1em;font-size:12px;font-weight:850;text-transform:uppercase}
.overline-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#de9a55}
.landing-hero h1{font-size:clamp(38px,4.9vw,62px);letter-spacing:-.052em;line-height:1.09;max-width:690px;margin:16px 0 22px}
.landing-hero h1 em{font-style:normal;color:#c95e43}
.hero-lead{font-size:18px;line-height:1.65;color:#566276;max-width:590px}.landing-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:28px 0 15px}
.button-sunset{background:#da6849;border-color:#da6849;box-shadow:0 8px 22px rgb(181 86 56 / 19%)}.button-quiet{background:white;color:#3d4a5d;border:1px solid #dce1e7}.button-quiet:hover{background:#f0f3f9;border-color:#d2dbe6}.button-dark{background:#34445f;border-color:#34445f}.button-dark:hover{background:#273751;border-color:#273751}.hero-small{font-size:12px;color:#697385}
.hero-showcase{border-radius:28px;padding:23px;background:#f5eee6;box-shadow:0 26px 64px rgb(52 60 77 / 8%);border:1px solid #eeded0;transform:rotate(1deg)}
.showcase-header{font-size:11px;font-weight:850;letter-spacing:.095em;color:#89675f;display:flex;align-items:center;gap:8px;margin:4px 5px 16px}.showcase-spark{font-size:19px;color:#c45d3f}
.showcase-row{display:grid;grid-template-columns:50px minmax(0,1fr) 18px;align-items:center;gap:14px;padding:15px;border-radius:17px;margin:9px 0;background:#fff;border:1px solid #eee8e2;text-decoration:none;color:var(--ink);transition:transform .15s,border-color .15s}.showcase-row:hover{transform:translateX(4px);border-color:#d6afa3}.showcase-row strong,.showcase-row small{display:block}.showcase-row strong{font-size:16px}.showcase-row small{font-size:12px;color:#667080;margin-top:2px}.showcase-row>span:last-child{font-size:19px;color:#c35b43}.showcase-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:#e9f4e8;font-size:23px}.showcase-row:nth-of-type(2) .showcase-icon{background:#fff2dd}.showcase-row:nth-of-type(3) .showcase-icon{background:#e4f0ff}.showcase-bottom{text-align:center;font-size:12px;color:#836d66;padding-top:12px}
.landing-section{margin:48px 0 72px;scroll-margin-top:98px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading p{max-width:640px;color:#617084}.landing-section h2{font-size:clamp(28px,3.3vw,39px);margin:9px 0 15px}.job-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:27px}
.job-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-decoration:none;border-radius:24px;padding:24px 20px 20px;min-height:336px;color:#253146;border:1px solid transparent;transition:transform .2s,box-shadow .2s}.job-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgb(40 45 58 / 9%)}.job-card h3{font-size:23px;line-height:1.22;margin:0}.job-card p{color:#566172;font-size:14px}.job-card .job-emoji{font-size:31px;display:grid;place-items:center;width:61px;height:61px;background:rgb(255 255 255 / 55%);border-radius:17px}.job-type{font-weight:850;font-size:11px;letter-spacing:.08em}.job-cta{margin-top:auto;font-size:14px;font-weight:850;display:flex;justify-content:space-between;gap:8px;width:100%}.job-paint{background:#fff0d8;border-color:#ffdfae}.job-paint .job-type,.job-paint .job-cta{color:#925716}.job-garden{background:#ddf3e6;border-color:#bde1ca}.job-garden .job-type,.job-garden .job-cta{color:#257354}.job-tiles{background:#e5efff;border-color:#c8dcfa}.job-tiles .job-type,.job-tiles .job-cta{color:#2d5e97}.job-paper{background:#fae7f1;border-color:#eecde1}.job-paper .job-type,.job-paper .job-cta{color:#984d7c}
.diy-path{background:#e9eefe;border-radius:29px;padding:38px 44px;color:#2a3751}.diy-path .section-kicker{color:#5c61a1}.diy-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.diy-top>div{max-width:760px}.diy-path h2{max-width:680px}.diy-path p{color:#56627a}.diy-top .button{flex-shrink:0}.diy-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:26px}.diy-steps a{background:#fff;border:1px solid #dbe0f7;border-radius:17px;padding:18px;text-decoration:none;color:#2e3a55}.diy-steps a:hover{border-color:#959fd9}.diy-steps a span{color:#7881b3;font-weight:850;font-size:13px}.diy-steps a strong,.diy-steps a small{display:block}.diy-steps a strong{font-size:16px;margin:8px 0}.diy-steps a small{color:#68738a;font-size:13px}
.mini-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:26px}.mini-tools a{display:grid;grid-template-columns:52px 1fr 16px;align-items:center;gap:14px;background:#fff;text-decoration:none;border-radius:17px;border:1px solid #e6e2df;color:#28354a;padding:16px}.mini-tools a:hover{border-color:#c27f66;box-shadow:var(--shadow)}.mini-tools strong,.mini-tools small{display:block}.mini-tools small{color:#657184;font-size:13px}.mini-symbol{width:50px;height:50px;display:grid;place-items:center;border-radius:13px;font-size:27px}.mini-blue{background:#e1eafe;color:#3b67a5}.mini-gold{background:#fff1d8;color:#aa7a26}.mini-coral{background:#feeae4;color:#b5543d}.mini-lilac{background:#f0e7fc;color:#7e5aa3}
.guide-split{border-top:1px solid #e9e1d9;border-bottom:1px solid #e9e1d9;padding:42px 0;display:grid;grid-template-columns:.96fr 1.04fr;gap:44px;align-items:center}.guide-top p{color:#607085}.guide-links{display:grid;gap:13px}.guide-links a{display:grid;grid-template-columns:44px 1fr 26px;align-items:center;gap:12px;padding:17px 18px;text-decoration:none;border:1px solid #eaded5;border-radius:17px;background:#fff;color:#293647}.guide-links a:hover{border-color:#cd886f}.guide-links a span{font-size:26px}.guide-links a strong{display:block}.guide-links a small{grid-column:2;display:block;color:#647184;margin-top:-8px}.guide-links a b{grid-column:3;grid-row:1/3;color:#b85b43}
.save-banner{background:#f4eaf8;border:1px solid #e9dcef;border-radius:25px;padding:34px;display:grid;grid-template-columns:70px 1fr;gap:23px;align-items:start}.save-symbol{border-radius:17px;display:grid;place-items:center;background:#fff;font-size:36px;color:#77509c;width:68px;height:68px}.save-banner .section-kicker{color:#8359a1}.save-banner p{max-width:820px;color:#695c75}.save-banner .button{margin-top:5px}.trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px 0;border-top:1px solid #e8dfd6}.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{font-size:14px}.trust-strip span{font-size:13px;color:#6b7585}.landing-disclaimer{font-size:12px;color:#697385;margin-bottom:20px}
.myprojects-hero{padding:20px 0 15px;max-width:900px}.storage-info{padding:18px;background:#f2ecff;border-left:4px solid #8a70ae;border-radius:7px;max-width:860px;color:#453e59;margin:22px 0}.projects-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:20px 0}.projects-tools h2{margin:0}.projects-tools .action-row{margin:0}.saved-list{display:grid;gap:12px}.saved-item{background:#fff;border:1px solid #e1dce2;border-radius:15px;padding:19px;display:flex;align-items:center;justify-content:space-between;gap:20px}.saved-item strong,.saved-item small{display:block}.saved-item small{color:#647084}.saved-item .action-row{margin:0}.saved-item .button{min-height:37px;padding:7px 15px;font-size:14px}.save-project{margin:16px 0;padding:16px;background:#f2ecff;border:1px solid #e4d7f0;border-radius:14px;max-width:750px}.save-project summary{font-weight:800;cursor:pointer;color:#65518f}.save-project label{margin:12px 0}.save-project .button{margin:8px 8px 0 0}.save-project p{font-size:12px;color:#5e5771;margin:8px 0 0}.save-project [role=status]{font-size:13px;color:#4c4373;margin-top:9px}.import-label{cursor:pointer}
@media(max-width:1090px){.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero{gap:24px}.landing-hero h1{font-size:clamp(35px,5.5vw,55px)}}
@media(max-width:830px){.landing-hero{grid-template-columns:1fr;padding:28px 0 35px}.hero-showcase{max-width:620px;transform:none}.diy-top{flex-direction:column;align-items:flex-start}.guide-split{grid-template-columns:1fr;gap:25px}.diy-path{padding:25px}.site-header .menu{gap:4px}}
@media(max-width:680px){.header-inner{min-height:67px}.menu{gap:0}.menu a{padding:11px 6px!important}.menu .nav-saved{text-align:center;margin-top:6px}.landing-hero h1{font-size:38px}.hero-lead{font-size:16px}.landing-actions{align-items:stretch}.landing-actions .button{width:100%}.hero-showcase{padding:15px}.job-grid{grid-template-columns:1fr}.job-card{min-height:230px;padding:20px}.job-card h3{font-size:22px}.landing-section{margin:35px 0 48px}.diy-steps,.mini-tools,.trust-strip{grid-template-columns:1fr}.diy-path{padding:22px 18px}.save-banner{grid-template-columns:1fr;padding:24px}.saved-item{align-items:flex-start;flex-direction:column}.saved-item .action-row{width:100%}.site-main{padding-top:10px}}
@media print{.save-project,.landing-actions,.nav-saved{display:none!important}}

/* ObraPauta: claridad, accesibilidad y decisiones de compra */
.material-explainer{display:grid;grid-template-columns:155px minmax(0,1fr);gap:20px;align-items:center;background:#fff;border:1px solid #e4e6e3;border-radius:18px;padding:16px 20px;margin:0 0 22px;box-shadow:0 7px 20px rgba(31,53,67,.035)}
.material-explainer img{display:block;width:155px;aspect-ratio:13/7;object-fit:cover;border-radius:12px}.material-explainer h3{margin:0 0 7px;font-size:19px}.material-explainer p{margin:0;color:#566178;font-size:14px;line-height:1.55}
.job-picture{display:block;width:100%;height:112px;object-fit:cover;border-radius:13px;margin:0 0 2px}.job-card{min-height:400px}.job-card .job-emoji{display:none}
.field-help{display:block;color:#5a6778;font-size:12px;font-weight:400;line-height:1.4;max-width:50ch}.help-toggle{font-size:12px;color:#5a647b;font-weight:600}.soft-muted{color:#64718a;font-size:14px;line-height:1.55}.choose-product{margin:20px 0;background:#edf2ff;border:1px solid #cdd9f3;padding:20px;border-radius:16px}.choose-product .checkbox-line{align-items:flex-start;min-height:auto;color:#273954;font-size:17px}.choose-product .checkbox-line input{margin-top:5px;accent-color:#365f9a}.conditional-fields{margin:20px 0 0;background:#fff;border:1px solid #cad7f2;border-radius:13px;padding:18px}.conditional-fields h3{margin:0 0 7px}.tip-box{background:#fff5db;border-left:4px solid #e7a74a;border-radius:10px;padding:13px 15px;font-size:14px;color:#4f462f;line-height:1.6;margin:15px 0}.tip-box strong{color:#45361d}.glossary-box{background:#f7f9fc;border:1px solid #e0e5ee;border-radius:15px;padding:19px 22px;margin:18px 0 30px}.glossary-box h3{margin:0 0 7px}.glossary-box details{border-bottom:1px solid #e4e8ee;padding:12px 0}.glossary-box details:last-child{border:0;padding-bottom:0}.glossary-box summary,.how-to-measure summary{font-weight:750;color:#314562;cursor:pointer}.glossary-box p,.how-to-measure p{color:#53647b;font-size:14px;line-height:1.6;margin:9px 0 5px}.how-to-measure{margin:10px 0 18px;border-radius:12px;border:1px solid #b8d7c9;background:#f2faf5;padding:13px 18px}.result .result-head h2{font-size:27px;line-height:1.2;margin:9px 0}.purchase-line{background:white;border-radius:12px;padding:16px;border:1px solid #b7d8c4;margin:14px 0;font-size:16px;color:#203b36}.purchase-line strong{font-size:18px}.purchase-steps{padding-left:22px;margin:11px 0}.purchase-steps li{padding-left:3px;margin:0 0 7px}.result-lede{margin:7px 0;color:#385345}.result .result-tip{background:#fff5dc;border-left:4px solid #e2a746;border-radius:10px;padding:14px 17px;margin:18px 0 12px;color:#59472a}.result .result-tip strong{display:block;color:#654317;margin-bottom:4px}.result .result-tip p{margin:0;font-size:14px}.result .result-caution{font-size:13px;color:#586674;border-top:1px solid #bfd6ca;padding-top:11px;margin:13px 0}.result .result-diagram{background:#fff;border:1px solid #d1e1d5;border-radius:13px;margin:17px 0;padding:15px;overflow:hidden}.result-diagram svg{display:block;width:100%;max-height:270px}.result-diagram figcaption{font-size:13px;color:#526372;margin:10px 0 0}.orientation-alts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.orientation-alts article{background:#fff;padding:15px;border:1px solid #c4dacb;border-radius:12px}.orientation-alts p{font-size:13px;margin:5px 0}.orientation-alts strong{font-size:17px}.orientation-alts .better{color:#1e765a;font-weight:800;font-size:12px;text-transform:uppercase}.statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat strong{font-size:19px}.result .small-btn{margin-top:10px}.result .result-icon{font-size:21px;margin-right:7px;vertical-align:middle}.result .result-fine{font-size:12px;color:#5d6981}.result .result-step-title{font-size:17px;margin:16px 0 10px}.result .result-note{line-height:1.55}.result strong,.result p{overflow-wrap:anywhere}
@media(max-width:650px){.material-explainer{grid-template-columns:1fr;gap:12px}.material-explainer img{width:100%;height:170px}.job-card{min-height:300px}.job-picture{height:130px}.orientation-alts,.statgrid{grid-template-columns:1fr}.choose-product{padding:14px}.result .result-head h2{font-size:25px}}
@media print{.material-explainer{break-inside:avoid}.result-diagram,.result .result-tip{break-inside:avoid}}