.stepper-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-enter{opacity:0;transform:translateY(10px)}.fade-enter-active{transition:opacity .3s,transform .3s}.fade-enter-active,.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s}.stepper-line{background:linear-gradient(to right,#3B82F6 var(--progress),#E5E7EB var(--progress));transition:--progress .3s ease}.stepper-step{transition:all .2s ease}.stepper-step:hover:not(.disabled){transform:scale(1.05)}.stepper-step.completed{background-color:#3B82F6;color:white}.stepper-step.active{border-color:#3B82F6;box-shadow:0 0 0 4px rgba(59,130,246,.1)}.sintoma-badge{transition:all .2s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sintoma-badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.sintoma-badge.selected{background-color:#3B82F6;color:white}.servicio-card{transition:all .2s ease;position:relative;overflow:hidden}.servicio-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 40%,rgba(59,130,246,.05));opacity:0;transition:opacity .2s ease}.servicio-card:hover:before{opacity:1}.servicio-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.servicio-card.selected{border-color:#3B82F6;background-color:#EFF6FF}.servicio-card.selected:after{content:"✓";position:absolute;top:8px;right:8px;width:24px;height:24px;background-color:#3B82F6;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.time-slot{transition:all .2s ease;position:relative}.time-slot:hover:not(.disabled){transform:scale(1.05);border-color:#3B82F6;background-color:#F0F9FF}.time-slot.selected{background-color:#3B82F6;color:white;border-color:#3B82F6}.time-slot.disabled{opacity:.4;cursor:not-allowed;background-color:#F9FAFB}.time-slot.highlighted{border-color:#F59E0B;background-color:#FFFBEB;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(245,158,11,.4)}70%{box-shadow:0 0 0 10px rgba(245,158,11,0)}to{box-shadow:0 0 0 0 rgba(245,158,11,0)}}.resumen-sticky{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(255,255,255,.95)}.field-error{border-color:#EF4444!important}.field-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}.error-message{color:#EF4444;font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.error-message:before{content:"⚠️";font-size:1rem}.policy-checkbox{position:relative;padding-left:1.5rem}.policy-checkbox input[type=checkbox]{position:absolute;left:0;top:.25rem}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-resumen{max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#CBD5E1 #F1F5F9}.mobile-resumen::-webkit-scrollbar{width:6px}.mobile-resumen::-webkit-scrollbar-track{background:#F1F5F9}.mobile-resumen::-webkit-scrollbar-thumb{background-color:#CBD5E1;border-radius:3px}.file-upload{position:relative;display:inline-block;cursor:pointer}.file-upload input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-upload-label{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#F3F4F6;border:2px dashed #d1d5db;border-radius:.5rem;transition:all .2s ease}.file-upload:hover .file-upload-label{background-color:#F9FAFB;border-color:#9CA3AF}.file-upload.has-file .file-upload-label{background-color:#EFF6FF;border-color:#3B82F6;color:#1E40AF}.success-animation{animation:success-bounce .6s ease-out}@keyframes success-bounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@media (max-width:768px){.servicio-card{padding:1rem}.time-slot{padding:.75rem;font-size:.875rem}.stepper-step{width:2rem;height:2rem;font-size:.875rem}.mobile-bottom-spacing{height:4rem}}@media (hover:none){.servicio-card:active{transform:scale(.98)}.sintoma-badge:active,.time-slot:active{transform:scale(.95)}}:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}.skip-to-content{position:absolute;top:-40px;left:0;background:#3B82F6;color:white;padding:8px;text-decoration:none;z-index:100}.skip-to-content:focus{top:0}