*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #f2ede4;--brown: #4a3f33;--sand: #8a7560;--border: #c8b99a}body{height:100vh;background-color:var(--cream);background-image:url(/fondo-textura.webp);background-repeat:repeat-y;background-size:100% auto;font-family:Georgia,serif;color:var(--brown)}.form-root{max-width:480px;margin:0 auto;height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.progress{width:100%;height:2px;background:var(--border);flex-shrink:0}.progress-fill{height:100%;background:var(--sand);transition:width .4s ease}.btn-back{position:absolute;top:1rem;left:1.2rem;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:10}.img-btn-back{display:block;width:22px;transform:rotate(90deg);pointer-events:none;height:auto}@keyframes enterRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes enterLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes exitLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes exitRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.step-anim{flex:1;display:flex;flex-direction:column;overflow:hidden}.enter-right{animation:enterRight .28s ease forwards}.enter-left{animation:enterLeft .28s ease forwards}.exit-left{animation:exitLeft .28s ease forwards}.exit-right{animation:exitRight .28s ease forwards}.screen{flex:1;display:flex;flex-direction:column;padding:4.5rem 1.8rem 5rem;gap:1.4rem;overflow-y:auto}.screen--center{align-items:center;text-align:center}.step-illo{font-size:3.5rem;line-height:1;text-align:center}.step-title{font-size:1.75rem;font-weight:400;line-height:1.35;color:var(--brown);text-align:center}.step-sub{font-size:.9rem;color:var(--sand);text-align:center}.field-label{font-size:.75rem;color:var(--sand);letter-spacing:.06em;text-transform:uppercase}.img-step-sub{display:block;width:55%;height:auto;margin:-3rem auto 0}.img-step-title{display:block;width:100%;height:auto;margin:0 auto 1.5rem}.img-option{display:block;width:50%;margin:0 auto;pointer-events:none;height:auto}.btn-img{background:none;border:none;padding:0;cursor:pointer;width:fit-content;margin:0 auto;display:block;-webkit-tap-highlight-color:transparent}.btn-img:disabled{opacity:.35}.img-btn-siguiente{display:block;width:160px;margin:0 auto;pointer-events:none;height:auto}.fields-stack{display:flex;flex-direction:column;gap:.5rem;width:100%}.hand-field{width:100%;background-image:url(/campo.webp);background-size:100% 100%;background-repeat:no-repeat;background-color:transparent}.hand-field input,.hand-field textarea{display:block;width:100%;background:transparent;border:none;outline:none;padding:.5rem 1rem;font-family:Amatic SC,cursive;font-size:1.8rem;font-weight:700;color:var(--brown);-webkit-appearance:none}.hand-field textarea{resize:none;line-height:1.5}.hand-field input::placeholder,.hand-field textarea::placeholder{color:#9ba67c}.hand-field input:-webkit-autofill,.hand-field input:-webkit-autofill:hover,.hand-field input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px transparent inset;box-shadow:0 0 0 1000px transparent inset;-webkit-text-fill-color:var(--brown);transition:background-color 5000s ease-in-out 0s}.hand-field--tall{width:100%}.option-stack{display:flex;flex-direction:column;gap:.9rem;width:100%}.option-stack--row{flex-direction:row}.option-stack--row .img-option{width:85%}.option-card{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem 0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:.4;transition:opacity .2s}.option-card--on{opacity:1}.option-illo{font-size:1.6rem}.option-label{flex:1;text-align:left}.option-row{display:flex;gap:.75rem}.option-chip{flex:1;padding:.3rem;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:.35;transition:opacity .2s}.option-chip--on{opacity:1}.img-chip{width:100%;pointer-events:none;height:auto}.allergen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem;width:100%}.allergen-card{display:flex;align-items:center;justify-content:center;padding:.3rem;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:.35;transition:opacity .2s}.allergen-card--on{opacity:1}.allergen-img{width:100%;pointer-events:none;height:auto}.companion-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.companion-row{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border:1px solid var(--border);border-radius:6px}.companion-name{display:block;font-size:.95rem}.companion-meta{display:block;font-size:.75rem;color:var(--sand);margin-top:.1rem}.btn-remove{background:none;border:none;color:var(--sand);font-size:.9rem;cursor:pointer;padding:.25rem .5rem;-webkit-tap-highlight-color:transparent}.inline-form{display:flex;flex-direction:column;gap:.9rem;width:100%;border:1px solid var(--border);border-radius:8px;padding:1.2rem}.row-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-img-action{background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;flex:1}.btn-img-action:disabled{opacity:.35;pointer-events:none}.img-action{width:100%;pointer-events:none;height:auto}.hora-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;width:100%}.hora-section .img-step-sub{width:85%}.hora-row{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.hora-chip{flex:1;padding:.2rem;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:.35;transition:opacity .2s}.hora-chip--on{opacity:1}.img-hora{width:100%;pointer-events:none;height:auto}.btn-main{background:transparent;border:1px solid var(--sand);color:var(--sand);font-family:Georgia,serif;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;padding:.8rem 2rem;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s}.btn-main:disabled{opacity:.3;pointer-events:none}.btn-main.btn-full{width:100%}.btn-ghost{background:none;border:1px solid var(--border);color:var(--sand);font-family:Georgia,serif;font-size:.85rem;padding:.6rem 1rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.btn-add{background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%}.img-btn-add{width:100%;pointer-events:none;height:auto}.nav-bottom{position:fixed;bottom:0;left:0;right:0;padding:1rem 1.8rem 2rem;background:transparent;pointer-events:none}.nav-bottom .btn-main,.nav-bottom .btn-img{pointer-events:all}.screen-final{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:3.5rem 0 0;position:relative}.img-submitted-title{width:87%;height:auto}.img-submitted-illo{width:85%;height:auto;margin-bottom:2rem}