@layer components{.caderno{--linha:1.5rem;min-height:100svh;padding:calc(var(--linha) * 5) var(--space-5) 8rem}.caderno_folha{width:100%;max-width:44rem;padding:calc(var(--linha) * 3) var(--space-7);color:var(--dark-900);background-color:var(--light-100);border-radius:.125rem;margin-inline:auto;position:relative;rotate:-.4deg;box-shadow:0 .75rem 2rem #00000024}.caderno_pino{pointer-events:none;width:6.5rem;height:auto;position:absolute;top:-.25rem;left:50%;translate:-50%}.caderno_folha :is(h1,h2,h3,h4,h5,h6,p){&:before,&:after{content:none}}.caderno_folha [hidden]{display:none!important}.caderno_cabecalho{margin-bottom:calc(var(--linha) * 2)}.caderno_titulo{margin:0 0 var(--space-4);font-family:var(--handwriting-family);font-size:clamp(1.75rem,1.3rem + 1.9vw,2.5rem);font-weight:var(--primary-regular);letter-spacing:0;text-transform:none;text-wrap:balance;line-height:1.1}.caderno_intro,.passo_retorno{font-family:var(--primary-family);color:color-mix(in srgb, var(--dark-900) 58%, transparent);font-size:.875rem;line-height:1.7}.passo_retorno{margin-top:var(--space-3)}.caderno_passos{margin:0;padding:0;list-style:none}.passo{margin-bottom:calc(var(--linha) * 2);scroll-margin-top:5.5rem;&:focus-visible{outline:none}}.passo_campo{border:0;min-inline-size:0;margin:0;padding:0}.passo_pergunta{float:left;width:100%;font-family:var(--primary-family);color:color-mix(in srgb, var(--dark-900) 62%, transparent);margin-bottom:var(--space-5);padding:0;font-size:1rem;line-height:1.6;display:block}.passo_campo>:not(legend){clear:both}.passo_opcoes{align-items:baseline;column-gap:var(--space-7);row-gap:var(--space-4);flex-wrap:wrap;display:flex}.opcao{cursor:pointer;padding-left:1.35em;position:relative}.opcao_marca{border:.09375rem solid color-mix(in srgb, var(--dark-900) 40%, transparent);width:.62em;height:.62em;transition:border-color .2s,background-color .2s;position:absolute;top:.36em;left:0;rotate:-3deg}.opcao:hover .opcao_marca{border-color:var(--dark-900)}.opcao input:checked~.opcao_marca{border-color:var(--dark-900);background-color:var(--brand-500)}.opcao_texto{font-family:var(--handwriting-family);background-image:linear-gradient(100deg, transparent 1%, var(--yellow-500) 4%, color-mix(in srgb, var(--yellow-500) 82%, transparent) 55%, var(--yellow-500) 94%, transparent 98%);background-position:0 62%;background-repeat:no-repeat;background-size:0% 72%;padding:0 .3em;font-size:1.25rem;line-height:1.35;transition:background-size .25s;display:inline-block;@media (hover:hover){.opcao:hover &{background-size:100% 72%}}}.opcao input:focus-visible~.opcao_texto{outline:var(--focus-width) solid var(--dark-900);outline-offset:var(--focus-offset)}.passo_resposta{align-items:baseline;gap:var(--space-3);display:flex}.passo_resposta_texto{font-family:var(--handwriting-family);background-image:linear-gradient(100deg, transparent 1%, var(--brand-500) 4%, color-mix(in srgb, var(--brand-500) 82%, transparent) 55%, var(--brand-500) 94%, transparent 98%);background-position:0 62%;background-repeat:no-repeat;background-size:100% 72%;padding:0 .3em;font-size:1.5rem;line-height:1.35;display:inline-block}.passo_trocar{font-family:var(--primary-family);color:color-mix(in srgb, var(--dark-900) 45%, transparent);text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;padding:0;font-size:.75rem;text-decoration:underline;&:hover{color:var(--dark-900)}}.passo_livre,.assinatura_campo input{width:100%;font-family:var(--handwriting-family);color:var(--dark-900);border:0;border-bottom:var(--border-width) solid color-mix(in srgb, var(--dark-900) 28%, transparent);background:0 0;border-radius:0;padding:0 0 .25em;font-size:1.25rem;line-height:1.6;transition:border-color .2s,background-color .2s;&::placeholder{color:color-mix(in srgb, var(--dark-900) 30%, transparent)}&:focus-visible{border-bottom-color:var(--dark-900);background-color:color-mix(in srgb, var(--brand-500) 18%, transparent);outline:none}}.passo_livre{resize:vertical;min-height:6rem;display:block}.assinatura{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.assinatura_campo{gap:var(--space-1);flex-direction:column;display:flex}.assinatura_rotulo{font-family:var(--primary-family);letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--dark-900) 50%, transparent);font-size:.75rem}.caderno_isca{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.caderno_envio{margin-top:calc(var(--linha) * 2);align-items:flex-end;gap:var(--space-3);flex-direction:column;display:flex}.caderno_acao{align-items:center;gap:var(--space-3);font-family:var(--handwriting-family);color:var(--dark-900);cursor:pointer;background-color:#0000;background-image:linear-gradient(100deg, transparent 1%, var(--brand-500) 4%, color-mix(in srgb, var(--brand-500) 82%, transparent) 55%, var(--brand-500) 94%, transparent 98%);background-position:0 62%;background-repeat:no-repeat;background-size:0% 70%;border:0;padding:0 .3em;font-size:1.375rem;line-height:1.4;text-decoration:none;transition:background-size .25s;display:inline-flex;@media (hover:hover){&:hover{background-size:100% 70%}}&:disabled{cursor:progress;opacity:.6}}.caderno_acao_seta{--_size:1.35em;transition:translate .25s}@media (hover:hover){.caderno_acao:hover .caderno_acao_seta{translate:.25rem}}.caderno_erro{text-align:right;font-family:var(--primary-family);color:var(--dark-900);font-size:.875rem;line-height:1.6}.caderno_sucesso{scroll-margin-top:5.5rem;&:focus-visible{outline:none}& .caderno_acao{margin-top:calc(var(--linha) * 1.5)}}.caderno_folha>.caderno_acao{margin-top:calc(var(--linha) * 1.5)}@media (width<=40rem){.caderno{padding-inline:var(--space-4)}.caderno_folha{padding-inline:var(--space-5);rotate:none}.passo_opcoes{row-gap:var(--space-3);flex-direction:column}}}