:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]){--sl-afiche:var(--rol-afiche,min(clamp(2.5rem, 1.525rem + 4vw, 5.125rem), 1.25rem + 7svh));--sl-titulo:var(--rol-titulo,clamp(1.75rem, 1.379rem + 1.524vw, 2.75rem));--sl-lista:var(--rol-lista,clamp(1.25rem, 1.018rem + .952vw, 1.875rem));--sl-subtitulo:var(--rol-subtitulo,clamp(1.25rem, 1.203rem + .19vw, 1.375rem));--sl-entrada:var(--rol-entrada,var(--sl-subtitulo));--sl-cuerpo:var(--rol-cuerpo,clamp(1.0625rem, 1.016rem + .19vw, 1.1875rem));--sl-nota:var(--rol-nota,.9375rem);--sl-chico:var(--rol-chico,.8125rem);--sl-medida:44ch;--sl-r-control:.5rem;--sl-r-superficie:1rem}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) :is(.sl-titulo,h2.sl-titulo){font-family:var(--font-display);font-weight:700;font-size:var(--sl-titulo);letter-spacing:-.01em;font-variation-settings:"wdth" var(--ancho-display,100);text-wrap:balance;color:var(--color-text);max-inline-size:22ch;line-height:1.1}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .sl-subtitulo{font-family:var(--font-body);font-weight:500;font-size:var(--sl-subtitulo);letter-spacing:-.005em;text-wrap:balance;color:var(--color-text);line-height:1.25}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .sl-entrada{font-family:var(--font-body);font-weight:400;font-size:var(--sl-entrada);color:var(--color-text-2);max-inline-size:var(--sl-medida);text-wrap:pretty;margin-block-start:var(--spacing-titulo,clamp(1.5rem, 1.333rem + .741vw, 2rem));line-height:1.45}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .sl-cuerpo{font-family:var(--font-body);font-weight:400;font-size:var(--sl-cuerpo);color:var(--color-text-2);max-inline-size:var(--sl-medida);text-wrap:pretty;line-height:1.6}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .sl-chico{font-family:var(--font-body);font-weight:500;font-size:var(--sl-chico);letter-spacing:.01em;color:var(--color-text-2);line-height:1.3}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) [data-piel=tinta] :is(.sl-entrada,.sl-cuerpo){line-height:1.55}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .c-hero-interno h1{font-family:var(--font-display);font-weight:700;font-size:var(--sl-afiche);letter-spacing:-.01em;font-variation-settings:"wdth" var(--ancho-display,100);text-wrap:balance;max-inline-size:20ch;line-height:1.04}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .c-hero-cuerpo>:first-child{display:contents}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .c-hero-cuerpo>:first-child>*,:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .c-hero-cuerpo>:is(.c-hero-pie,.c-hero-derecha){grid-column:1/-1}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .c-hero-cuerpo>:first-child>h1+p{font-size:var(--sl-entrada);max-inline-size:40ch;line-height:1.5}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .c-hero-cuerpo>:first-child>div+p{font-size:var(--sl-nota);line-height:1.45}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .c-hero-cuerpo>:is(.c-hero-pie,.c-hero-derecha){margin-block-start:var(--spacing-stack,clamp(2.5rem, 2rem + 2vw, 4rem));padding-inline-start:0}@media (min-width:64rem){:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .c-hero-cuerpo.c-hero-cuerpo{grid-template-rows:auto auto auto auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .c-hero-cuerpo.c-hero-cuerpo>:first-child>h1{grid-area:1/1/auto/-1}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .c-hero-cuerpo.c-hero-cuerpo>:first-child>:not(h1){grid-column:1/span 6}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .c-hero-cuerpo.c-hero-cuerpo>:is(.c-hero-pie,.c-hero-derecha){grid-area:2/8/-1/span 5;align-self:start;margin-block-start:var(--spacing-titulo,clamp(1.5rem, 1.333rem + .741vw, 2rem))}}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .sl-pal{clip-path:inset(-.3em -.12em -.25em);display:inline-block}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .sl-pal>span{margin-block:-.3em -.25em;padding-block:.3em .25em;display:inline-block}:is(main[data-ruta=arranque],main[data-ruta=creadores]) .sl-hoja-titulo{font-family:var(--font-body);font-weight:500;font-size:var(--sl-chico);letter-spacing:.01em;color:var(--color-text-2);line-height:1.3}:is(main[data-ruta=arranque],main[data-ruta=creadores]) .sl-hoja-lista{margin-block-start:.875rem;display:grid}:is(main[data-ruta=arranque],main[data-ruta=creadores]) .sl-hoja-lista>li{border-block-start:1px solid var(--color-border);padding-block:clamp(1rem,.9rem + .4vw,1.375rem)}:is(main[data-ruta=arranque],main[data-ruta=creadores]) .sl-hoja-lista>li:last-child{padding-block-end:0}:is(main[data-ruta=arranque],main[data-ruta=creadores]) .sl-hoja-fila-titulo{font-family:var(--font-body);font-weight:500;font-size:var(--sl-subtitulo);letter-spacing:-.005em;color:var(--color-text);text-wrap:balance;line-height:1.25;display:block}:is(main[data-ruta=arranque],main[data-ruta=creadores]) .sl-hoja-fila-texto{font-family:var(--font-body);font-weight:400;font-size:var(--sl-cuerpo);color:var(--color-text-2);text-wrap:pretty;margin-block-start:var(--spacing-dato,.375rem);line-height:1.55;display:block}:is(main[data-ruta=arranque],main[data-ruta=creadores]) .sl-hoja-lista>li>.sl-hoja-fila-texto:only-child{color:var(--color-text);margin-block-start:0}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) fieldset label:has(>input[type=radio].sr-only,>input[type=checkbox].sr-only):not(.c-est-n-fila){border-radius:var(--sl-r-control);border-color:var(--color-border-strong);block-size:2.75rem;font-family:var(--font-body);font-size:var(--sl-nota);letter-spacing:0;color:var(--color-text);transition:background-color .15s ease, border-color .15s ease, color .15s ease, scale .1s var(--ease-out,ease-out);padding-inline:1rem 1.125rem;font-weight:500}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) fieldset label:has(>input[type=radio].sr-only:checked,>input[type=checkbox].sr-only:checked):not(.c-est-n-fila){background-color:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}@media (hover:hover) and (pointer:fine){:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) fieldset label:has(>input[type=radio].sr-only:not(:checked),>input[type=checkbox].sr-only:not(:checked)):not(.c-est-n-fila):hover{border-color:var(--color-text);color:var(--color-text)}}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) fieldset label:has(>input.sr-only):not(.c-est-n-fila):active{transition-duration:0s;scale:.97}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) fieldset>legend{font-family:var(--font-body);font-size:var(--sl-nota);letter-spacing:0;text-wrap:balance;font-weight:500;line-height:1.35}:is(main[data-ruta=arranque],main[data-ruta=creadores]) form label:not(:has(>input)){font-family:var(--font-body);font-size:var(--sl-nota);letter-spacing:0;font-weight:500}:is(main[data-ruta=arranque],main[data-ruta=creadores]) form :is(input[type=text],input[type=email],input[type=tel],textarea){border-radius:var(--sl-r-control);border-color:var(--color-border-strong);background-color:var(--color-surface)}@media (hover:hover) and (pointer:fine){:is(main[data-ruta=arranque],main[data-ruta=creadores]) form :is(input[type=text],input[type=email],input[type=tel],textarea):hover{border-color:var(--color-text)}}:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) a[data-enlace=texto]{text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);text-underline-offset:.3em}@media (hover:hover) and (pointer:fine){:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) a[data-enlace=texto]:hover{text-decoration-thickness:2px;-webkit-text-decoration-color:var(--color-subraya);text-decoration-color:var(--color-subraya)}}@media (prefers-reduced-motion:no-preference){:is(main[data-ruta=arranque],main[data-ruta=creadores],main[data-ruta=herramientas\/cuanto-cuesta-mi-proyecto]) .sl-pal>span{animation:sl-ranura .72s var(--ease-out) backwards;animation-delay:calc(60ms + var(--i,0) * 70ms)}}@keyframes sl-ranura{0%{transform:translateY(112%)}}