.roof-article .case-metrics strong{font-size:clamp(38px,5vw,58px)}.roof-article .case-metrics strong span{font-size:19px}.roof-article .roof-download .button{margin-top:0}.roof-dynamic{background:#e5efeb;padding:28px;border-radius:12px;margin:32px 0}.roof-dynamic[hidden]{display:none}.roof-dynamic h3{margin-top:10px}.roof-dynamic .eyebrow{margin:0}.roof-dynamic svg{display:block;width:100%;height:auto;margin:20px 0}.roof-dynamic label{display:block;font-size:15px;font-weight:bold}.roof-dynamic input[type=range]{width:100%;min-height:36px;accent-color:#a84320;cursor:pointer}.roof-dynamic-values{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:16px;margin-top:15px}.roof-dynamic-values p{font-size:13px;margin:0}.roof-dynamic-values strong{display:block;font-size:18px}.roof-dynamic .case-small{font-size:12px}.roof-book{border-left:3px solid #a84320;padding:6px 22px;margin:25px 0;background:#f2e9da}.roof-book h3{font-size:21px;margin-top:12px}.roof-book p{font-size:14px}.roof-article .case-result p:last-child{font-size:15px}
@media(max-width:650px){.roof-dynamic{padding:20px}.roof-dynamic-values{grid-template-columns:1fr 1fr}.roof-dynamic-values p:last-child{grid-column:1/-1}.roof-article .case-metrics{grid-template-columns:1fr}.roof-article .case-metrics small{max-width:none}.roof-article .case-metrics strong{font-size:47px}.roof-download .button{font-size:12px}}
@media print{.roof-dynamic{display:none!important}}

/* Tratamiento editorial de las láminas técnicas. */
.roof-article .technical-figure{margin:46px 0;background:#fcf8f0;border:1px solid #d7dfd5;border-radius:3px;overflow:hidden;box-shadow:0 8px 26px #193d4608}.roof-article .technical-figure img{border:0;border-radius:0;display:block;width:100%;height:auto}.roof-article .technical-figure figcaption{padding:17px 22px;margin:0;border-top:1px solid #d7dfd5;color:#536d70;font-size:13px;line-height:1.7}.roof-article .technical-figure figcaption a{display:inline-block;margin-left:6px;color:#286b78}.roof-article .roof-dynamic{background:#f3f3e9;border:1px solid #d7dfd5;border-radius:3px}