@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/archivo-black-latin-400-normal.BTVu2TQR.woff2)format("woff2"),url(/_astro/archivo-black-latin-400-normal.HW9MwEcM.woff)format("woff")}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/courier-prime-latin-400-normal.BbyBr73r.woff2)format("woff2"),url(/_astro/courier-prime-latin-400-normal.BAlbUm6l.woff)format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/hanken-grotesk-latin-400-normal.BG6hkEXj.woff2)format("woff2"),url(/_astro/hanken-grotesk-latin-400-normal.CjyVwvJV.woff)format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/hanken-grotesk-latin-700-normal.CeQ8H3UY.woff2)format("woff2"),url(/_astro/hanken-grotesk-latin-700-normal.6IGCzoPh.woff)format("woff")}:root{--negro:#000;--creamita:#f5ece4;--rojo:#eb2527;--carbon:#1a1816;--grafito:#4f4a45;--piedra:#b5aca3;--arena:#e4d9cc;--vino:#b8161c;--rubor:#f8d3cc;--titulos:"Archivo Black", "Arial Black", sans-serif;--texto:"Hanken Grotesk", system-ui, sans-serif;--rotulos:"Courier Prime", "Courier New", monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}*,:before,:after{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--negro);color:var(--creamita);font-family:var(--texto);margin:0;font-size:1.125rem;line-height:1.55}.sobre-negro{--tinta:var(--creamita);--tinta-apoyo:var(--piedra);--enlace:var(--creamita);background:var(--negro);color:var(--tinta)}.sobre-creamita{--tinta:var(--negro);--tinta-apoyo:var(--grafito);--enlace:var(--vino);background:var(--creamita);color:var(--tinta)}h1,h2{font-family:var(--titulos);letter-spacing:-.035em;margin:0;font-weight:400}h1{line-height:1}h2{font-size:clamp(2rem,1.5rem + 2.5vw,2.5rem);line-height:1.1}a{color:var(--enlace)}a:focus-visible,button:focus-visible{outline:3px solid var(--tinta);outline-offset:3px}.rotulo{color:var(--tinta-apoyo);font-family:var(--rotulos);margin:0;font-size:.875rem;line-height:1.4}.rotulo--mayus{letter-spacing:.06em}.solo-lector{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.logo{flex:none;width:120px;height:auto;display:block}@media (width>=600px){.logo{width:150px}}@media (width>=1024px){.logo{width:180px}}.boton{--boton-relleno:var(--creamita);isolation:isolate;background:var(--rojo);color:var(--negro);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-out);padding:16px 32px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-block;position:relative;overflow:clip}.sobre-creamita .boton{--boton-relleno:var(--arena)}.boton:before{content:"";z-index:-1;background:var(--boton-relleno);transform-origin:0;transition:transform .24s var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.boton:active{transition-duration:.1s;transform:scale(.97)}@media (hover:hover) and (pointer:fine){.boton:hover:before{transform:scaleX(1)}}ol{margin:0;padding:0;list-style:none}h1,.cierre__titulo{font-size:clamp(2.375rem,.25rem + 11.2vw,8.25rem)}.hero{--diametro:min(86vw, 38svh);flex-direction:column;justify-content:space-between;gap:48px;min-height:100svh;padding:1.5rem 1rem 2rem;display:flex;position:relative;overflow:clip}.hero__barra{justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.hero__texto{flex-direction:column;align-items:flex-start;gap:16px;display:flex;position:relative}.hero__sub{max-width:36ch;margin:0 0 8px}.hero__carril{top:15svh;right:calc(var(--diametro) * -.4);width:var(--diametro);aspect-ratio:1;position:absolute}.hero__punto{background:var(--rojo);width:100%;height:100%;animation:punto-entra .9s var(--ease-out) both;border-radius:50%}.linea{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow-y:clip}.linea>span{animation:linea-sube .8s var(--ease-out) both;animation-delay:calc(var(--i) * 70ms + 80ms);display:block}.hero__entra{animation:entra .4s var(--ease-out) both;animation-delay:calc(var(--j) * 50ms + .12s)}@keyframes linea-sube{0%{transform:translateY(105%)}}@keyframes entra{0%{opacity:0;transform:translateY(12px)}}@keyframes funde{0%{opacity:0}}@keyframes punto-entra{0%{opacity:0;transform:scale(.92)}}@keyframes punto-sale{to{transform:translate(48%)}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.hero__carril{animation:linear both punto-sale scroll(root);animation-range:0 100svh}}}.guion,.servicios,.cierre,.pie{padding:4.5rem 1rem}.guion{gap:2.5rem;display:grid}.frase{border-top:1px solid var(--arena);padding:1.75rem 0;position:relative}.frase__antes{color:var(--grafito);font-family:var(--rotulos);text-decoration:line-through 2px var(--vino);font-size:1rem;line-height:1.5}.js .frase__antes{text-decoration:none}.tachado{background:var(--vino);transform-origin:0;height:2px;transition:transform .52s var(--ease-in-out);transition-delay:calc(var(--i) * .26s);position:absolute;transform:scaleX(0)}.visible .tachado{transform:scaleX(1)}.frase__ahora{font-family:var(--titulos);letter-spacing:-.035em;text-wrap:balance;margin:12px 0 0;font-size:clamp(1.625rem,1rem + 2.6vw,2.5rem);line-height:1.1}.js .frase:not(.visible) .frase__ahora{opacity:0;transform:translateY(12px)}.frase__ahora{transition:opacity .5s var(--ease-out) .38s, transform .5s var(--ease-out) .38s}.servicios{gap:2.5rem;display:grid}.servicios__rejilla{gap:1.5rem;display:grid}.escenario{z-index:1;aspect-ratio:16/10;background:var(--carbon);color:var(--creamita);font-family:var(--rotulos);padding:16px;font-size:.75rem;line-height:1.2;display:grid;position:sticky;top:12px}.mini{grid-area:1/1;min-width:0;min-height:0;transition:opacity .2s}.mini:not([data-activo]){opacity:0}.mini__celda--llena,.mini__cuadro,.mini__barra,.mini__fila{transition:opacity .32s var(--ease-out), transform .32s var(--ease-out)}.mini[data-activo] :is(.mini__celda--llena,.mini__cuadro,.mini__barra,.mini__fila){transition-delay:calc(var(--i) * 45ms + .12s)}.js .escenario:not(.visible) :is(.mini__celda--llena,.mini__cuadro,.mini__barra,.mini__fila),.js .mini:not([data-activo]) :is(.mini__celda--llena,.mini__cuadro,.mini__barra,.mini__fila){opacity:0;transform:translateY(8px)}.mini--redes{grid-template-rows:auto repeat(3,1fr);grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.mini__dia{color:var(--piedra);text-align:center}.mini__celda{border:1px solid var(--grafito);place-items:center;display:grid}.mini__celda--llena{border-color:var(--arena);background:var(--arena);color:var(--negro)}.mini--contenido{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:auto 1fr 1.6fr;align-items:end;gap:8px 16px;display:grid}.mini__cuadro{background-color:var(--grafito);background-image:linear-gradient(to right, var(--piedra) 1px, transparent 1px), linear-gradient(to bottom, var(--piedra) 1px, transparent 1px);background-size:33.34% 33.34%;width:100%;position:relative}.mini__cuadro--vertical{aspect-ratio:9/16;width:auto;height:100%}.mini__cuadro--cuadrado{aspect-ratio:1}.mini__cuadro--ancho{aspect-ratio:16/9}.mini__nombre{color:var(--piedra)}.mini__rec{background:var(--negro);align-items:center;gap:4px;padding:2px 4px;display:flex;position:absolute;top:6px;left:6px}.mini__rec:before{content:"";background:var(--rojo);border-radius:50%;width:8px;height:8px}.mini--landing{flex-direction:column;display:flex}.mini__url{background:var(--grafito);color:var(--creamita);padding:6px 8px}.mini__pagina{background:var(--creamita);flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:8px;padding:16px;display:flex;position:relative}.mini__barra{background:var(--negro);width:72%;height:14px}.mini__barra--corta{width:46%}.mini__cta{background:var(--rojo);color:var(--negro);font-family:var(--texto);margin-top:8px;padding:8px 14px;font-weight:700;position:relative}.mini__cursor{transition:transform .32s var(--ease-in-out);position:absolute;top:55%;left:62%}.mini[data-activo] .mini__cursor{transition:transform .64s var(--ease-in-out) .26s}.js .escenario:not(.visible) .mini__cursor,.js .mini:not([data-activo]) .mini__cursor{transform:translate(120px,34px)}.js .escenario.visible .mini[data-activo] .mini__cta{animation:.22s .9s clic}@keyframes clic{50%{transform:scale(.94)}}.mini--software{flex-direction:column;justify-content:center;display:flex}.mini__fila{border-top:1px solid var(--grafito);flex:1;justify-content:space-between;align-items:center;display:flex}.mini__estado{justify-items:end;display:grid}.mini__en-curso,.mini__listo{grid-area:1/1;padding:3px 8px;transition:opacity .2s}.mini[data-activo] :is(.mini__en-curso,.mini__listo){transition-delay:calc(var(--i) * .22s + .5s)}.mini__en-curso{color:var(--piedra);opacity:0}.mini__listo{background:var(--arena);color:var(--negro)}.js .escenario:not(.visible) .mini__en-curso,.js .mini:not([data-activo]) .mini__en-curso{opacity:1}.js .escenario:not(.visible) .mini__listo,.js .mini:not([data-activo]) .mini__listo{opacity:0}h3{font:inherit;margin:0}.servicio{border:0;border-top:1px solid var(--grafito);width:100%;color:var(--creamita);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;gap:4px;padding:16px 0;display:grid;position:relative}.servicio:after{content:"";background:var(--creamita);transform-origin:0;width:100%;height:1px;transition:transform .3s var(--ease-out);position:absolute;top:-1px;left:0;transform:scaleX(0)}.servicio[aria-pressed=true]:after{transform:scaleX(1)}.servicio__nombre{font-family:var(--titulos);letter-spacing:-.035em;opacity:.72;transform-origin:0;transition:transform .2s var(--ease-out), opacity .2s ease;font-size:clamp(1.625rem,1.25rem + 1.5vw,2.5rem);line-height:1.1}.servicio[aria-pressed=true] .servicio__nombre{opacity:1}.servicio:active .servicio__nombre{transition-duration:.1s;transform:scale(.98)}.servicio__detalle{color:var(--piedra);font-size:1rem;line-height:1.4}.servicios__hablemos{text-underline-offset:4px;touch-action:manipulation;margin-top:.5rem;padding-block:.75rem;font-weight:700;display:inline-block}@media (hover:hover) and (pointer:fine){.servicio:hover .servicio__nombre{transform:translate(6px)}}.cierre{justify-items:start;gap:.75rem;padding-block:6rem;display:grid}.cierre__antes{margin:0;position:relative}.cierre__titulo{line-height:1}.cierre__punto{color:var(--rojo)}.cierre__contacto{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.25rem;display:flex}.cierre__correo{font-family:var(--rotulos);margin:0}.copiar{border:1px solid var(--grafito);min-height:44px;color:var(--negro);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-out);background:0 0;padding:0 .875rem;font-size:1rem;font-weight:700;display:grid}.copiar[hidden]{display:none}.copiar:active{transition-duration:.1s;transform:scale(.97)}.copiar__estado{text-align:center;transition:opacity .16s ease, transform .16s var(--ease-out);grid-area:1/1;align-self:center}.copiar__estado--hecho{opacity:0;transform:translateY(6px)}.copiar[data-copiado] .copiar__estado--listo{opacity:0;transform:translateY(-6px)}.copiar[data-copiado] .copiar__estado--hecho{opacity:1;transform:none}.js .cierre:not(.visible) .cierre__titulo{opacity:0;transform:translateY(12px)}.cierre__titulo{transition:opacity .6s var(--ease-out) .38s, transform .6s var(--ease-out) .38s}.pie{justify-content:space-between;align-items:center;gap:24px;padding-block:32px;display:flex}.pie .rotulo{text-align:right}@media (height<=640px){.hero{--diametro:33svh}.hero__carril{top:12svh}}@media (width>=600px){.hero{padding:2rem 2rem 3rem}.guion,.servicios,.cierre,.pie{padding-inline:2rem}.pie{padding-block:2rem}.frase__antes{font-size:1.125rem}.escenario{padding:1.5rem;font-size:.875rem}}@media (width>=1024px){.hero{--diametro:min(52vw, 78svh);padding:2.5rem 4rem 4rem}.hero__carril{top:calc(50% - var(--diametro) / 2);right:calc(var(--diametro) * -.3)}.guion,.servicios,.cierre,.pie{padding-inline:4rem}.guion,.servicios{padding-block:7.5rem}.guion{grid-template-columns:5fr 7fr;align-items:start;gap:64px}.guion h2{position:sticky;top:64px}.servicios__rejilla{grid-template-columns:6fr 5fr;align-items:start;gap:64px}.servicios__columna{order:-1}.escenario{aspect-ratio:4/3;top:64px}.cierre{padding-block:10rem}}@media (prefers-reduced-motion:reduce){.hero__punto,.linea>span,.hero__entra{animation-name:funde;animation-duration:.2s;animation-delay:0s}.frase__ahora,.cierre__titulo,.mini__cursor,.copiar__estado,.mini__celda--llena,.mini__cuadro,.mini__barra,.mini__fila{transform:none!important}.frase__ahora,.cierre__titulo,.mini__celda--llena,.mini__cuadro,.mini__barra,.mini__fila,.mini__en-curso,.mini__listo,.copiar__estado{transition:opacity .2s!important}.tachado{opacity:1;transition:opacity .2s;transform:none}.js :is(.frase,.cierre):not(.visible) .tachado{opacity:0}.js .escenario.visible .mini[data-activo] .mini__cta{animation:none}.boton:before,.servicio:after{transition:none}.boton,.copiar,.servicio{transition:opacity .1s}.boton:active,.copiar:active{opacity:.8;transform:none}.servicio:active{opacity:.8}.servicio__nombre{transition:opacity .2s}.servicio:hover .servicio__nombre,.servicio:active .servicio__nombre{transform:none}}
