/* Apply the site's existing typography and spacing only to sector detail pages. */
.sector{width:min(1320px,calc(100% - 104px));margin-inline:auto;padding-block:78px 104px;overflow-wrap:anywhere}
.sector h1{font-size:clamp(2.8rem,5.6vw,5.3rem);max-width:24ch}
.sector>.lead{margin-top:26px;max-width:70ch;color:var(--muted)}
.sector>section{margin-top:64px;padding-top:35px;border-top:1px solid var(--line)}
.sector h2{font-size:clamp(2rem,3.6vw,3.2rem);margin-bottom:26px}
.sector h3{margin-bottom:17px}.sector p+p{margin-top:14px}
.sector ul{padding-left:24px}.sector li+li{margin-top:12px}
.sector .productos{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.sector .producto{margin:0;padding-top:25px;border-top:1px solid var(--line)}
.sector .normas,.sector .ref{font-size:.88rem;color:var(--muted)}
.sector a:not(.button){text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.sector{width:calc(100% - 40px);padding-block:48px 64px}.sector .productos{grid-template-columns:1fr}.sector>section{margin-top:44px}}
@media(max-width:380px){.sector{width:calc(100% - 32px)}}