*,*:before,*:after{box-sizing:border-box;max-width:100%}html,body{overflow-x:hidden;width:100%;margin:0;padding:0}:root{--fondo-body: #f4f6f9;--fondo-tarjeta: #ffffff;--texto-principal: #1f2937;--texto-secundario: #6b7280;--fondo-input: #f9fafb;--borde-input: #e5e7eb;--color-primario: #007bff;--color-primario-hover: #0056b3;--sombra-suave: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--sombra-fuerte: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radio-tarjeta: 16px;--radio-boton: 12px}[data-tema=oscuro]{--fondo-body: #121212;--fondo-tarjeta: #1e1e1e;--texto-principal: #f3f4f6;--texto-secundario: #9ca3af;--fondo-input: #2d2d2d;--borde-input: #374151;--color-primario: #3b82f6;--color-primario-hover: #60a5fa;--sombra-suave: 0 4px 6px -1px rgba(0, 0, 0, .3);--sombra-fuerte: 0 10px 15px -3px rgba(0, 0, 0, .5)}body{background-color:var(--fondo-body);color:var(--texto-principal);transition:background-color .3s ease,color .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased}.tarjeta{background-color:var(--fondo-tarjeta);border-radius:var(--radio-tarjeta);padding:20px;box-shadow:var(--sombra-suave);transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--borde-input)}.tarjeta:active{transform:scale(.98)}.input-estandar{width:100%;padding:14px;background-color:var(--fondo-input);color:var(--texto-principal);border:1px solid var(--borde-input);border-radius:var(--radio-boton);box-sizing:border-box;font-size:16px;transition:border-color .2s ease}.input-estandar:focus{outline:none;border-color:var(--color-primario)}.boton-primario{background-color:var(--color-primario);color:#fff;padding:14px 20px;border:none;border-radius:var(--radio-boton);cursor:pointer;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease,transform .1s ease}.boton-primario:active{transform:scale(.96)}.boton-flotante{position:fixed;bottom:25px;right:25px;width:60px;height:60px;border-radius:50%;background-color:var(--color-primario);color:#fff;border:none;box-shadow:var(--sombra-fuerte);display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000;transition:transform .2s ease,background-color .2s ease}.boton-flotante:active{transform:scale(.9)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease-out}.modal-bottom-sheet{background-color:var(--fondo-tarjeta);width:100%;max-width:600px;border-radius:24px 24px 0 0;padding:25px;box-sizing:border-box;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes giro3D{0%{transform:perspective(1000px) rotateY(90deg);opacity:0}to{transform:perspective(1000px) rotateY(0);opacity:1}}.animacion-giro{animation:giro3D .5s cubic-bezier(.25,.8,.25,1) forwards}.app-contenedor{width:100%;max-width:600px;margin:0 auto;min-height:100vh;padding-top:70px;padding-bottom:90px;box-sizing:border-box;overflow-x:hidden}.menu-deslizable{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--borde-input) transparent;padding-bottom:5px}.menu-deslizable::-webkit-scrollbar{height:4px}.menu-deslizable::-webkit-scrollbar-track{background:transparent}.menu-deslizable::-webkit-scrollbar-thumb{background-color:var(--borde-input);border-radius:10px}.menu-deslizable::-webkit-scrollbar-thumb:hover{background-color:var(--texto-secundario)}.boton-flecha{display:none;background-color:var(--fondo-tarjeta);border:1px solid var(--borde-input);border-radius:50%;width:36px;height:36px;justify-content:center;align-items:center;cursor:pointer;box-shadow:var(--sombra-fuerte);color:var(--texto-principal);position:absolute;top:50%;transform:translateY(-50%);z-index:10;transition:transform .1s ease}.boton-flecha:active{transform:translateY(-50%) scale(.9)}@media(min-width:768px){.boton-flecha{display:flex}}