@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-wght-normal.BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fbfbfa;--surface:#f3f3f1;--surface-2:#ebeae6;--line:#e2e1dc;--ink:#121212;--ink-2:#4a4945;--ink-3:#6b6963;--red:#bf0a00;--red-hover:#a10800;--font:"Geist Variable", "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--max:78rem;--cab-h:calc(4.25rem + 1px);--gutter:clamp(1.25rem, 4vw, 3rem);--section:clamp(4.5rem, 9vw, 8rem);--radius:22px;--radius-hoja:clamp(22px, 2.6vw, 40px);--ease:cubic-bezier(.2, .7, .2, 1);--ease-llega:cubic-bezier(.22, 1, .36, 1);--ease-se-va:cubic-bezier(.4, 0, 1, 1);--t-rapido:.16s;--t-medio:.24s;--t-lento:.36s;--t-entrada:.56s;--shadow-sm:0 1px 2px #1212120f, 0 6px 18px -8px #12121224;--shadow:0 1px 2px #1212120d, 0 22px 48px -18px #12121238;color-scheme:light;accent-color:var(--red);caret-color:var(--red);scrollbar-color:#c8c6c0 var(--bg)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:clamp(1rem,.97rem + .15vw,1.0625rem);line-height:1.55}img,svg,canvas{max-width:100%;display:block}img{height:auto}a{color:inherit;text-underline-offset:.2em;transition:color var(--t-rapido) var(--ease), text-decoration-color var(--t-rapido) var(--ease);text-decoration-thickness:1px}h1,h2,h3{letter-spacing:-.032em;text-wrap:balance;margin:0;font-weight:600;line-height:1.04}p{margin:0}::selection{background:var(--red);color:#fff}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section)}.h1{font-size:clamp(2.6rem,1.5rem + 4.2vw,5rem)}.h2{font-size:clamp(2rem,1.35rem + 2.5vw,3.5rem)}.lede{max-width:40rem;color:var(--ink-2);text-wrap:pretty;font-size:clamp(1.06rem,1rem + .35vw,1.28rem);line-height:1.5}.cabecera-seccion{gap:1.1rem;margin-bottom:clamp(2.5rem,5vw,4rem);display:grid}.btn{min-height:48px;font:inherit;letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:background-color var(--t-medio) var(--ease), box-shadow var(--t-medio) var(--ease), transform var(--t-medio) var(--ease-llega);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.55em;padding:0 1.4rem;font-size:1rem;font-weight:560;text-decoration:none;display:inline-flex}.btn svg{flex:none;width:1.2em;height:1.2em}.btn:active{transition-duration:var(--t-rapido);transform:scale(.98)}.btn--rojo{background:var(--red);color:#fff}.btn--rojo:hover{background:var(--red-hover)}.btn--claro{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:#fff}.btn--claro:hover{background:var(--surface)}.btn--tinta{background:var(--ink);color:#fff}.btn--tinta:hover{background:#000}.pendiente{color:var(--ink-3);background:#efede7;border-radius:6px;padding:.05em .35em}.muestra{background:var(--surface);display:block;box-shadow:inset 0 0 0 1px #1212120f}.muestra--pintura{background:radial-gradient(60% 40% at 28% 20%, #ffffff42, transparent 70%), linear-gradient(160deg, #d42a1f 0%, var(--red) 50%, var(--red-hover) 100%)}.muestra--revestimiento{background:url(/textures/revestimiento-texturizado.webp) 50%/240px}.muestra--mastik{background:url(/textures/mastik.webp) 50%/240px}.muestra--colores{position:relative;overflow:hidden}.muestra--colores i{transform-origin:50% 100%;border-radius:5px;width:26%;max-width:24px;height:100%;position:absolute;bottom:-18%;left:50%;translate:-50%;box-shadow:0 0 0 2px #fff,0 2px 6px #1212121f}.muestra--colores i:first-child{background:#5b4256;rotate:-40deg}.muestra--colores i:nth-child(2){background:#1f5b6b;rotate:-20deg}.muestra--colores i:nth-child(3){background:#8a9579}.muestra--colores i:nth-child(4){background:#c8984f;rotate:20deg}.muestra--colores i:nth-child(5){background:#a2573a;rotate:40deg}.hojas .hoja{z-index:var(--capa);padding-bottom:var(--resto,100vh);margin-bottom:calc(-1 * var(--resto,100vh));position:relative}.hojas main{background:#0d0d0d}.hojas main+.hoja{margin-bottom:0;padding-bottom:0}.hojas .hoja__papel{top:var(--pegar,0px);isolation:isolate;background:var(--bg);position:sticky}.hojas .hoja+.hoja .hoja__papel,.hojas main+.hoja .hoja__papel{border-radius:var(--radius-hoja) var(--radius-hoja) 0 0;overflow:clip;box-shadow:0 -22px 50px -26px #1212128c}.hoja__sombra{z-index:100;border-radius:inherit;opacity:0;pointer-events:none;background:#0a0a0a;position:absolute;inset:0}[data-revela] :is(h1,h2)[id$=-titulo]{transition:opacity var(--t-entrada) var(--ease-llega), translate var(--t-entrada) var(--ease-llega)}[data-revela=espera] :is(h1,h2)[id$=-titulo]{opacity:0;translate:0 12px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
