.planner{--card-radius:var(--radius-lg);isolation:isolate;width:100%;max-width:560px;scroll-margin-top:calc(var(--header-height) + var(--space-4));margin-inline:auto;position:relative}@media (width>=700px){.planner{--card-radius:var(--radius-2xl)}}.planner [hidden]{display:none!important}.planner__under{border-radius:var(--card-radius);position:absolute;inset:0}.planner__under--1{background:var(--card-next);translate:6px 8px;rotate:2.5deg}.planner__under--2{background:var(--card-after);translate:-7px 14px;rotate:-2deg}.planner__card{z-index:2;gap:var(--space-4);padding:var(--space-5) var(--space-4);border-radius:var(--card-radius);background:var(--card);box-shadow:0 24px 60px color-mix(in srgb, var(--color-ink) 16%, transparent);flex-direction:column;display:flex;position:relative}@media (width>=700px){.planner__card{padding:var(--space-6)}}.planner__ghost{z-index:3;pointer-events:none;position:absolute;top:0;left:0;right:0;overflow:hidden}.planner[data-deal=forward] .planner__ghost{animation:.6s ease-in forwards planner-toss}.planner[data-deal=forward] .planner__card:not(.planner__ghost){animation:.6s cubic-bezier(.22,1,.36,1) planner-rise}.planner[data-deal=forward] .planner__under--1{animation:.6s cubic-bezier(.22,1,.36,1) planner-shift}.planner[data-deal=forward] .planner__under--2{animation:.6s cubic-bezier(.22,1,.36,1) planner-appear}.planner[data-deal=back] .planner__ghost{z-index:1;box-shadow:none;animation:.55s cubic-bezier(.22,1,.36,1) forwards planner-sink}.planner[data-deal=back] .planner__card:not(.planner__ghost){animation:.55s cubic-bezier(.22,1,.36,1) planner-return}.planner[data-deal=back] .planner__under--2{animation:.55s cubic-bezier(.22,1,.36,1) planner-unshift}@keyframes planner-toss{to{opacity:0;translate:-62% -4%;rotate:-14deg}}@keyframes planner-rise{0%{box-shadow:none;translate:6px 8px;rotate:2.5deg}}@keyframes planner-shift{0%{translate:-7px 14px;rotate:-2deg}}@keyframes planner-appear{0%{opacity:0;translate:0 26px;scale:.94}}@keyframes planner-return{0%{opacity:0;translate:-62% -4%;rotate:-14deg}}@keyframes planner-sink{to{translate:6px 8px;rotate:2.5deg}}@keyframes planner-unshift{0%{translate:6px 8px;rotate:2.5deg}}.planner__top{align-items:center;gap:var(--space-3);display:flex}.planner__progress{flex:1;gap:6px;margin:0;padding:0;list-style:none;display:flex}.planner__progress li{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-ink) 14%, transparent);flex:1;height:6px;transition:background-color .4s}.planner__progress .is-done,.planner__progress .is-current{background:var(--color-ink)}.planner__count{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);flex-shrink:0;font-weight:700}.planner__story{padding:var(--space-3) var(--space-4);border:1.5px dashed color-mix(in srgb, var(--color-ink) 26%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 62%, transparent);rotate:-.6deg}.planner__story-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:2px;font-weight:800;display:block}.planner__story-text,.planner__done-story{font-family:var(--font-display);font-style:italic;font-size:var(--text-lg);color:var(--color-ink);margin:0;line-height:1.35}.planner__slot{-webkit-text-decoration:underline dashed var(--color-coral);text-decoration:underline dashed var(--color-coral);text-underline-offset:4px;cursor:pointer;font-weight:600;text-decoration-thickness:2px}.planner__slot:hover{color:#c9392c}.planner__slot:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:4px}@media (width>=700px){.planner__steps{min-height:330px}}@keyframes planner-pop{0%{opacity:0;scale:.96}}.planner__question{margin:0 0 var(--space-2);font-family:var(--font-body);letter-spacing:-.02em;font-weight:800;font-size:var(--text-2xl);text-wrap:balance;line-height:1.1}.planner__question:focus{outline:none}@media (width>=700px){.planner__question{font-size:var(--text-3xl)}}.planner__hint{margin:0 0 var(--space-4);color:var(--color-text-muted)}.planner__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.planner__chips--months{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width>=700px){.planner__chips--months{grid-template-columns:repeat(4,minmax(0,1fr))}}.planner__chips--months .planner__chip--wide{grid-column:1/-1}.planner__chip{cursor:pointer;position:relative}.planner__chip input{opacity:0;cursor:pointer;position:absolute;inset:0}.planner__chip span{min-height:44px;padding:var(--space-2) var(--space-4);border:1.5px solid color-mix(in srgb, var(--color-ink) 16%, transparent);border-radius:var(--radius-pill);background:var(--color-surface);justify-content:center;align-items:center;gap:var(--space-2);text-align:center;color:var(--color-ink);font-weight:700;transition:background-color .2s,border-color .2s,color .2s,scale .2s;display:flex}.planner__chip:hover span{border-color:var(--color-ink)}.planner__chip:active span{scale:.96}.planner__chip input:checked+span{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-sand)}.planner__chip input:focus-visible+span{outline:3px solid color-mix(in srgb, var(--color-primary) 40%, transparent);outline-offset:2px}.planner__chip--wide span{border-style:dashed}.planner__flag{object-fit:cover;width:24px;height:16px;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-ink) 14%, transparent);border-radius:3px;flex-shrink:0}.planner__chip input:checked+span .planner__flag{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-sand) 40%, transparent)}.planner__chips:not(.planner__chips--months) .planner__chip--wide{flex-basis:100%}.planner__rows{gap:var(--space-2);display:grid}.planner__row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-4);border:1.5px solid color-mix(in srgb, var(--color-ink) 16%, transparent);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-lg);cursor:pointer;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,scale .2s;display:flex;position:relative}.planner__row input{opacity:0;cursor:pointer;position:absolute;inset:0}.planner__row:hover{border-color:var(--color-ink)}.planner__row:active{scale:.985}.planner__row:has(input:checked){border-color:var(--color-ink);background:var(--color-ink);color:var(--color-sand)}.planner__row:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--color-primary) 40%, transparent);outline-offset:2px}.planner__row-check{background:var(--color-sand);width:28px;height:28px;color:var(--color-ink);opacity:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s,scale .3s cubic-bezier(.34,1.56,.64,1);display:flex;scale:.6}.planner__row-check svg{width:16px;height:16px}.planner__row:has(input:checked) .planner__row-check{opacity:1;scale:1}.planner__counter{justify-content:center;align-items:center;gap:var(--space-5);padding-block:var(--space-5);display:flex}.planner__counter-btn{border:1.5px solid var(--color-border);background:var(--color-surface);width:60px;height:60px;font-size:var(--text-2xl);color:var(--color-ink);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;line-height:1;transition:background-color .2s,color .2s,opacity .2s,scale .15s;display:flex}.planner__counter-btn:hover:not(:disabled){background:var(--color-ink);color:var(--color-sand)}.planner__counter-btn:active:not(:disabled){scale:.92}.planner__counter-btn:disabled{opacity:.3;cursor:default}.planner__counter-btn:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 40%, transparent);outline-offset:2px}.planner__counter-value{justify-items:center;min-width:130px;display:grid}.planner__counter-value strong{font-size:var(--text-5xl);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.planner__counter-value span{color:var(--color-text-muted);font-weight:700}.planner__fields{gap:var(--space-3);margin-bottom:var(--space-4);display:grid}@media (width>=700px){.planner__fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.planner__field{gap:var(--space-2);font-size:var(--text-sm);font-weight:700;display:grid}.planner__field input,.planner__field select,.planner__field textarea{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border:1.5px solid color-mix(in srgb, var(--color-ink) 16%, transparent);border-radius:var(--radius-md);font:inherit;font-size:var(--text-base);color:var(--color-ink);background:#fff;font-weight:500;transition:border-color .15s,box-shadow .15s}.planner__field input::placeholder,.planner__field select::placeholder,.planner__field textarea::placeholder{color:color-mix(in srgb, var(--color-ink) 35%, transparent)}.planner__field input:hover,.planner__field select:hover,.planner__field textarea:hover{border-color:color-mix(in srgb, var(--color-ink) 28%, transparent)}.planner__field input:focus,.planner__field select:focus,.planner__field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 16%, transparent);outline:none}.planner__field input[aria-invalid=true],.planner__field select[aria-invalid=true],.planner__field textarea[aria-invalid=true]{border-color:var(--color-coral)}.planner__field textarea{resize:vertical}@media (width>=700px){.planner__field--full{grid-column:1/-1}}.planner__field--notes{margin-top:var(--space-4)}.planner__website{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.planner__check{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-3);margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;display:flex}.planner__check input{width:20px;height:20px;accent-color:var(--color-ink);cursor:pointer;flex-shrink:0;margin:1px 0 0}.planner__check a{font-weight:700;text-decoration:underline}.planner__error{font-size:var(--text-sm);color:#c9392c;font-weight:600;display:block}.planner__error--form{margin:0 0 var(--space-3)}.planner__nav{flex-direction:column;display:flex}.planner__actions{align-items:center;gap:var(--space-2);display:flex}.planner__back{min-height:44px;padding:0 var(--space-3) 0 var(--space-1);border-radius:var(--radius-pill);font-size:var(--text-base);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:2px;font-weight:600;transition:color .2s,background-color .2s;display:inline-flex}.planner__back span{display:flex}.planner__back svg{width:20px;height:20px}.planner__back:hover{background:color-mix(in srgb, var(--color-ink) 8%, transparent);color:var(--color-ink)}.planner__back:focus-visible{outline:3px solid color-mix(in srgb, var(--color-ink) 40%, transparent);outline-offset:2px}.planner__next{flex:1}.planner__next:disabled{opacity:.35;cursor:default;transform:none}.planner__next:disabled .btn__icon{transform:none}.planner__done{justify-items:start;gap:var(--space-3);animation:.6s cubic-bezier(.22,1,.36,1) planner-pop;display:grid}.planner__done-check{background:var(--color-ink);width:56px;height:56px;color:var(--color-sand);border-radius:50%;justify-content:center;align-items:center;display:flex}.planner__done .planner__question{margin:0}.planner__done-text{color:var(--color-text-muted);margin:0}.planner__done-story{width:100%;padding:var(--space-4);border:1.5px dashed color-mix(in srgb, var(--color-ink) 22%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 62%, transparent);rotate:-.6deg}.planner__whatsapp{align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--space-5);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);font-weight:700;transition:background-color .2s,color .2s;display:inline-flex}.planner__whatsapp span{color:#1fa855;display:flex}.planner__whatsapp:hover{background:var(--color-ink);color:var(--color-sand)}@media (prefers-reduced-motion:reduce){.planner__done{animation:none}}