:root{--ink:#28241f;--muted:#6e675f;--paper:#f8f6f1;--sand:#eee8df;--line:#d9d2c8;--accent:#98724f;--display:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#e9e5df}body{max-width:520px;margin:0 auto;background:var(--paper);color:var(--ink);font:15px/1.55 var(--sans)}img{display:block;width:100%;object-fit:cover}.note{padding:8px;text-align:center;background:var(--ink);color:#fff;font-size:7px;letter-spacing:.1em}header{height:67px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid var(--line)}.brand{text-align:center;text-decoration:none;font:500 22px/1 var(--display)}.brand small{display:block;margin-top:5px;font:500 6px var(--sans);letter-spacing:.15em}.hero{min-height:calc(100svh - 67px);padding:54px 22px 38px;display:flex;align-items:flex-end;background:linear-gradient(0deg,rgba(30,25,20,.9),rgba(30,25,20,.15)),url('assets/murals.webp') center/cover;color:#fff}.hero>div{width:100%}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:9px;font-weight:600;letter-spacing:.15em}.hero .eyebrow,.final .eyebrow{color:#ead5ba}h1,h2{margin:0;font:500 clamp(42px,11vw,58px)/.92 var(--display)}.hero p:not(.eyebrow){margin:20px 0;font-size:13px}.button{min-height:52px;padding:15px 18px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:10px;font-weight:600;letter-spacing:.09em}.light{background:#fff;color:var(--ink)}.dark{background:var(--ink);color:#fff}.hero .button,.calculator .button,.final .button{width:100%}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 10px;background:#fff;border-bottom:1px solid var(--line)}.benefits div{padding:8px;text-align:center;border-right:1px solid var(--line)}.benefits div:last-child{border:0}.benefits strong,.benefits small{display:block;font-size:8px}.benefits small{margin-top:4px;color:var(--muted);font-size:7px}.split,.calculator,.steps{padding:62px 18px}.split{background:var(--sand)}.split h2,.calculator h2,.steps h2{font-size:clamp(36px,9.5vw,46px)}.split p:not(.eyebrow),.calculator>p:not(.eyebrow){color:var(--muted);font-size:11px}.split img{height:330px;margin-top:28px}.calculator{background:#fff}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0 15px}.fields label{font-size:9px}.fields input{width:100%;margin-top:6px;padding:13px 10px;border:1px solid var(--line);background:var(--paper);font:14px var(--sans)}.result{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px!important;color:var(--ink)!important}.limit{display:block;margin:14px 0;color:var(--muted);font-size:9px}.steps{background:var(--sand)}.steps>div{display:grid;gap:18px;margin-top:28px}.steps article{padding-top:14px;border-top:1px solid var(--line)}.steps b{color:var(--accent);font-size:10px}.steps h3{margin:7px 0 3px;font:500 25px var(--display)}.steps p{margin:0;color:var(--muted);font-size:10px}.whatsapp-link{color:var(--accent);font-weight:600;text-decoration:underline}.final{min-height:65svh;padding:64px 22px 40px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,rgba(30,25,20,.9),rgba(30,25,20,.15)),url('assets/murals.webp') center/cover;color:#fff}.final h2{font-size:clamp(44px,12vw,62px)}.final .button{margin-top:22px}footer{padding:28px 20px;background:#fff;font-size:8px}footer a{text-decoration:underline}.footer-cookie-settings{border:0;background:none;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}@media(min-width:900px){body{max-width:none}.hero{min-height:700px;padding:80px max(48px,calc((100vw - 1180px)/2))}.hero>div{max-width:560px}.hero h1{font-size:clamp(64px,7vw,96px)}.hero .button{max-width:280px}.benefits{padding:22px max(48px,calc((100vw - 1180px)/2))}.benefits strong{font-size:10px}.benefits small{font-size:9px}.split,.calculator,.steps{max-width:1180px;margin:auto;padding:110px 48px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:none;padding-left:max(48px,calc((100vw - 1180px)/2));padding-right:max(48px,calc((100vw - 1180px)/2))}.split img{height:520px;margin:0}.calculator{max-width:900px}.steps>div{grid-template-columns:repeat(3,1fr);gap:24px}.final{min-height:620px;padding:80px max(48px,calc((100vw - 1180px)/2))}.final>h2,.final>p,.final>a{max-width:560px}.final .button{max-width:300px}}

.final-trust{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:17px;color:rgba(255,255,255,.82);font-size:8px;line-height:1.3}.final-trust span+span:before{content:"·";margin-right:9px;color:rgba(255,255,255,.5)}
@media(max-width:899px){.section,.split,.calculator,.selection,.steps{padding-top:56px;padding-bottom:56px}.final{min-height:620px;padding:52px 23px 34px}.final-trust{font-size:8px}}
@media(min-width:900px){.final-trust{font-size:9px;gap:9px 18px}}

/* El cierre funciona como CTA compacto, no como una segunda portada. */
.final{min-height:0;padding:16px 18px 12px;background-position:center 48%}
.final h2{font-size:clamp(28px,7.8vw,34px);line-height:1.01}
.final>p:not(.eyebrow){margin:7px 0;font-size:10px;line-height:1.35}
.final .button{min-height:38px;margin-top:7px;padding:10px 14px}
.final-trust{gap:4px 9px;margin-top:7px;font-size:6.5px}
@media(min-width:900px){
  html{background:#e9e5df}
  body{max-width:1180px;margin:0 auto;box-shadow:0 0 50px rgba(39,32,25,.12)}
  .hero,.final{padding-left:48px;padding-right:48px}
  .benefits,.split{padding-left:48px;padding-right:48px}
  .final{min-height:0;padding:24px max(48px,calc((100vw - 1180px)/2)) 20px;background-position:center 46%}
  .final h2{font-size:clamp(36px,3.4vw,50px);line-height:1}
  .final>p:not(.eyebrow){margin:8px 0;font-size:11px;line-height:1.4}
  .final .button{min-height:42px;margin-top:8px}
  .final-trust{margin-top:9px;font-size:8px}
}

@media(min-width:900px){.final{padding-left:48px;padding-right:48px}}
@media(min-width:900px){body{width:auto!important;max-width:1180px!important;margin-left:auto;margin-right:auto;box-shadow:0 0 50px rgba(39,32,25,.12)}}

/* Portada real de la colección, compartida con la home. */
.hero{background-image:linear-gradient(0deg,rgba(30,25,20,.9),rgba(30,25,20,.15)),url('../assets/portadas/murales.jpg');background-position:center 56%}
@supports (background-image:image-set(url('../assets/portadas/murales.webp') type('image/webp'))){.hero{background-image:linear-gradient(0deg,rgba(30,25,20,.9),rgba(30,25,20,.15)),image-set(url('../assets/portadas/murales.webp') type('image/webp'),url('../assets/portadas/murales.jpg') type('image/jpeg'))}}