/* ARALO BUILD_000003 · MATERIALES RC2 */
.catalog-hero{min-height:78svh;position:relative;display:flex;align-items:flex-end;padding:145px clamp(24px,5vw,84px) 85px;color:#fff;overflow:hidden;background:#151613}
.catalog-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.15)),url("../images/materiales/marmol-negro-marquina-500x500.jpg") center/cover;filter:saturate(.8);transform:scale(1.02)}
.catalog-hero-copy{position:relative;z-index:2;max-width:980px}.catalog-hero h1,.catalog-intro h2,.catalog-note h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.055em;margin:0}.catalog-hero h1{font-size:clamp(58px,9vw,138px);line-height:.86}.catalog-hero-copy>p:last-child{font-size:clamp(17px,1.6vw,23px);line-height:1.55;max-width:690px;margin:30px 0 0}
.catalog-intro{display:grid!important;grid-template-columns:1.15fr .85fr!important;gap:70px!important;align-items:end!important;padding:clamp(80px,10vw,150px) clamp(24px,5vw,84px)!important}.catalog-intro h2,.catalog-note h2{font-size:clamp(48px,7vw,100px);line-height:.92}.catalog-intro>p,.catalog-note>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#55544f;max-width:620px}
.catalog-wrap{padding:0 clamp(24px,5vw,84px) clamp(90px,11vw,160px)!important}.catalog-toolbar{display:flex!important;flex-wrap:wrap;gap:8px;padding:22px 0 34px;border-top:1px solid rgba(0,0,0,.18)}.catalog-toolbar .filter{appearance:none;border:1px solid rgba(0,0,0,.22)!important;background:transparent!important;color:#171715!important;padding:10px 16px!important;border-radius:999px!important;font:500 12px "DM Sans",Arial,sans-serif!important;cursor:pointer}.catalog-toolbar .filter.active,.catalog-toolbar .filter:hover{background:#171715!important;color:#fff!important}
.catalog-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.catalog-card{display:block;background:#fff;overflow:hidden;cursor:default;min-width:0}.catalog-card[hidden]{display:none!important}.catalog-image{aspect-ratio:1/1;overflow:hidden;background:#ddd}.catalog-image img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;display:block!important;transition:transform .5s ease}.catalog-card:hover img{transform:scale(1.045)}.catalog-meta{padding:18px 18px 22px}.catalog-meta span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#777}.catalog-meta h3{font:500 24px/1.08 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin:10px 0 20px}.catalog-meta small{font-size:10px;color:#999}.catalog-note{background:#ded8cc;padding:clamp(80px,10vw,150px) clamp(24px,5vw,84px)!important}.catalog-dark-button{margin-top:25px;background:#171715!important;color:#fff!important}.catalog-card:focus-visible{outline:3px solid #171715;outline-offset:3px}
@media(max-width:1050px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:800px){.catalog-intro{grid-template-columns:1fr!important}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:520px){.catalog-grid{grid-template-columns:1fr!important}.catalog-hero{min-height:72svh}.catalog-meta h3{font-size:28px}}