.color-studio{margin-top:45px;padding:32px;background:#fafbf9;border:1px solid #cfdbcd}.studio-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:30px}.studio-heading h3{font-size:34px;letter-spacing:-.035em;margin-top:10px}.finish-toggle{display:flex;gap:5px;padding:4px;background:#e8eee5}.finish-toggle button{border:0;background:transparent;padding:12px 16px;font-size:14px}.finish-toggle button[aria-pressed=true]{background:#214e32;color:white}.studio-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:start}.color-preview{position:relative;aspect-ratio:1/1;overflow:hidden;background:#c5c7c4;isolation:isolate}.roughness{position:absolute;inset:0;background-image:url('assets/multicapa-8.webp');background-size:170% auto;background-position:center bottom;filter:grayscale(1) brightness(1.8) contrast(1.2);mix-blend-mode:soft-light;opacity:.9}.preview-tag{position:absolute;bottom:15px;left:15px;color:white;background:#15271dbb;padding:7px 10px;font-size:10px;letter-spacing:.12em}#quartz-preview{height:100%;width:100%;object-fit:cover}.color-preview.quartz-preview .roughness{display:none}.selection-caption{display:flex;flex-direction:column;gap:4px;margin-top:17px}.selection-caption strong{font-size:23px;font-weight:500}.selection-caption>span{font-size:14px;color:#566959}.preview-disclaimer{font-size:12px;color:#555e50;margin-top:15px;line-height:1.6}.color-controls label,.control-title{display:block;font-size:15px;font-weight:600;margin-bottom:12px}.color-controls input{width:100%;padding:13px 15px;border:1px solid #bfcdbb;background:white;font:inherit;font-size:16px;border-radius:0}.color-controls input:focus-visible{outline:2px solid #257836;outline-offset:2px}.color-count{font-size:12px;color:#555e50;margin:12px 0}.swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:300px;overflow:auto;padding:5px}.swatch{padding:4px;border:2px solid transparent;background:#edf1ea;text-align:center;min-width:0}.swatch[aria-pressed=true]{border-color:#1e5e31;background:#e0ecdc}.swatch:hover{border-color:#7d9b7a}.swatch-color{display:block;height:40px;box-shadow:inset 0 0 0 1px #0001}.swatch span:last-child{display:block;font-size:11px;line-height:1.4;margin-top:5px;overflow-wrap:anywhere}.swatch img{height:55px;object-fit:cover}.quartz-grid{max-height:360px;margin-top:20px}.palette-note{font-size:12px;line-height:1.6;color:#555e50;margin:15px 0}.color-controls>.solid-button{margin-top:20px;font-size:14px}.no-colors{grid-column:1/-1;font-size:14px;padding:20px 0}.color-studio [hidden]{display:none!important}@media(max-width:1000px){.studio-heading{align-items:flex-start;flex-direction:column}.studio-layout{gap:23px}.swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.color-studio{padding:20px;margin-top:30px}.studio-layout{grid-template-columns:1fr}.studio-heading h3{font-size:30px}.finish-toggle{width:100%}.finish-toggle button{flex:1;padding:12px 8px;font-size:13px}.color-preview{aspect-ratio:1.15}.swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quartz-grid{max-height:350px}}

#acabados .color-studio{margin-top:0}.studio-heading h2{font-size:34px;letter-spacing:-.035em;margin-top:10px}.finish-description{padding:22px 0;margin:-5px 0 28px;border-top:1px solid #d3dece;border-bottom:1px solid #d3dece}.finish-description h3{font-size:24px;margin-bottom:12px}.finish-description p{font-size:16px;color:#566959;max-width:650px}.finish-description #finish-feature{font-size:14px;margin-top:10px}.color-studio .finish-footnote{margin-bottom:0}@media(max-width:760px){.studio-heading h2{font-size:30px}}

.autonivelante-page .product-cover img{object-position:center}.autonivelante-page .product-heading .eyebrow{max-width:400px}



.compact-grain{position:absolute;inset:0;background-image:url("assets/cuarzo-15.jpg");background-size:160px 160px;background-repeat:repeat;filter:grayscale(1) contrast(.8) brightness(1.35);mix-blend-mode:soft-light;opacity:.7;pointer-events:none}

.masterly-texture{position:absolute;inset:0;background-image:url("assets/masterly-textura.webp");background-position:center;background-size:cover;filter:grayscale(1) contrast(2.2);mix-blend-mode:luminosity;opacity:.48;pointer-events:none}

.pavitron-texture{position:absolute;inset:-22%;background-image:url("assets/masterly-textura.webp");background-position:42% 58%;background-size:cover;transform:rotate(-16deg) scale(1.08,.94);filter:grayscale(1) contrast(2.35) blur(.4px);mix-blend-mode:luminosity;opacity:.48;pointer-events:none}

.palette-group-heading{grid-column:1/-1;font-size:13px;font-weight:650;margin:8px 0 2px;color:#32573b}.palette-group-heading:first-child{margin-top:0}
/* Material previews fill their available column without changing the controls. */
.product-page .studio-layout:has(.color-preview){align-items:stretch}
.product-page .studio-layout>div:has(>.color-preview){display:flex;flex-direction:column;min-width:0}
.product-page .studio-layout .color-preview{flex:1 0 auto;aspect-ratio:1;min-height:clamp(340px,36vw,640px);max-height:none;width:100%}
.product-page .studio-layout .color-preview #quartz-preview{position:absolute;inset:0;object-fit:cover}
.product-page .studio-layout .color-preview canvas{object-fit:cover}
@media(max-width:760px){.product-page .studio-layout .color-preview{flex:none;min-height:0;aspect-ratio:1;width:100%}}


/* Multicapa uses the same relief as the antislip polyurethane cement preview. */
[data-resin-page="multicapa"] .color-preview.quartz-preview .roughness{display:block;z-index:1;pointer-events:none;opacity:.9}
[data-resin-page="multicapa"] .color-preview .preview-tag{z-index:2}