@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Arial,sans-serif;color:#333;height:100%;width:100%;background-color:#ff7f00!important;display:flex;justify-content:center;align-items:center}.inscripcion-outer{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#ff7f00}.inscripcion-container{background-color:#fff;padding:30px;border-radius:12px;width:100%;max-width:400px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box}.title{text-align:center;color:#0032a0;font-size:28px;font-weight:700}.label{display:block;margin:10px 0 5px;color:#333;font-weight:700}.input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:8px;font-size:14px;color:#333;background-color:#fff;outline:none;box-sizing:border-box}.input:focus{border-color:#0032a0}.btn-enviar{display:block;width:100%;padding:10px;font-size:16px;font-weight:700;color:#fff;background-color:#0032a0;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.btn-enviar:hover{background-color:#002080}.password-toggle{position:relative;right:10px;top:-32px;background:none;border:none;cursor:pointer;color:#0032a0;font-size:12px;text-decoration:underline}.btn-ciudad{background-color:#0032a0;color:#fff;border:none;border-radius:8px;cursor:pointer;padding:10px 20px;font-size:16px;font-weight:700;margin:0 10px;transition:background-color .3s ease}.btn-ciudad:hover{background-color:#002080}.input[name=telefono]{text-align:left;font-family:Courier New,Courier,monospace}.confirm-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.confirm-popup-content{background:#fff;padding:20px;border-radius:10px;text-align:center;box-shadow:0 4px 8px #0003}.confirm-popup-gif{width:120px;height:auto;margin-top:10px}.home-container{background-color:#f4f4f4;min-height:100vh;display:flex;flex-direction:column;align-items:center;width:100%}.header-container{background-color:#ff7f00;padding:20px;text-align:center;border-radius:0 0 30px 30px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:1200px;margin:0 auto}.hamburger-button{background-color:#0032a0;border:none;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;transform:translateY(-50%);left:10px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;cursor:pointer}.hamburger-line{width:20px;height:3px;background-color:#fff;border-radius:2px}.main-title{color:#002080;font-size:26px;font-weight:700;margin:0}.title-highlight{color:#fff;font-weight:700}.info-box{margin-top:25px;background-color:#fff;padding:15px 20px;border-radius:15px;display:inline-block;box-shadow:0 4px 8px #0000001a;text-align:center;width:auto;transition:all .3s ease}.info-text{margin:0;font-size:16px;color:#333;font-weight:500}.highlight-points{color:#662d91;font-weight:700}.info-button{margin-top:10px;background-color:#ff7f00;color:#fff;border:none;border-radius:20px;padding:8px 15px;font-weight:700;cursor:pointer;font-size:14px;box-shadow:0 2px 4px #0003;transition:all .3s ease}.info-button:hover{background-color:#e67e22}.home-content{width:calc(100% - 40px);max-width:1200px;min-width:280px;flex-grow:1;padding:20px;box-sizing:border-box;margin:20px 20px 80px;background-color:#fff;border:1px solid #E0E0E0;border-radius:10px;box-shadow:0 2px 4px #0000001a;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.carrusel{flex:1;width:100%;height:auto;padding:15px;background-color:#f9f9f9;border:1px solid #DDD;border-radius:5px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;justify-content:center}.footer-pedidosya{display:flex;justify-content:space-around;align-items:center;background-color:#fff;box-shadow:0 -2px 5px #0000001a;padding:10px 0;width:100%;height:80px;z-index:1000;border-top:1px solid #e6e6e6}.footer-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#333;font-size:12px;transition:color .2s ease}.pulse{animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (min-width: 1200px){.header-container,.home-content{max-width:100%}.home-content{flex-direction:row;align-items:flex-start}.carrusel{width:48%}}@media (min-width: 768px) and (max-width: 1199px){.home-content{flex-direction:row;align-items:flex-start}.carrusel{width:100%}}@media (max-width: 767px){.header-container{padding:15px}.main-title{font-size:20px}.info-box{margin-top:15px;padding:10px 15px}.info-text{font-size:14px}.home-content{flex-direction:column;padding:20px;margin:20px 20px 80px}.carrusel{padding:10px}.footer-pedidosya{height:60px}.footer-icon{font-size:18px}.footer-label{font-size:10px}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;border-radius:20px;padding:20px;max-width:400px;width:90%;box-shadow:0 4px 10px #0000004d;text-align:center;position:relative}.close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:18px;cursor:pointer;color:#333}.popup-header{text-align:center;margin-bottom:20px}.popup-image{width:100px;height:100px;margin-bottom:15px}h2{font-size:22px;color:#ff8c00}p{font-size:14px;color:#555}.productos-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:15px 0}.producto-boton{background:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;transition:background .3s}.producto-boton:hover{background:#0056b3}.detalles-lista{list-style:none;padding:0;margin:10px 0;text-align:left}.detalles-lista li{background:#f0f0f0;margin:5px 0;padding:5px 10px;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.detalles-lista li button{background:#e74c3c;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px;padding:3px 5px}.detalles-lista li button:hover{background:#c0392b}.confirmar-boton{background:#ff8c00;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:16px;margin-top:15px;transition:background .3s}.confirmar-boton:hover{background:#e67e00}.mi-perfil-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mi-perfil-modal{background:#fff;padding:30px 20px;border-radius:20px;text-align:center;width:350px;max-width:90%;position:relative;box-shadow:0 8px 30px #0003;animation:slideUp .3s ease-in-out}@keyframes slideUp{0%{transform:translateY(50%);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-size:20px;font-weight:700;margin-bottom:20px;color:#333}.dropdown-item{display:block;margin:15px auto;padding:12px 20px;background:linear-gradient(145deg,#3a8df7,#307bdf);border:none;color:#fff;border-radius:12px;cursor:pointer;text-align:center;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,background .3s ease;width:100%;box-shadow:4px 4px 10px #0000001a,-4px -4px 10px #ffffffb3}.dropdown-item:hover{transform:translateY(-3px);box-shadow:6px 6px 15px #0003,-6px -6px 15px #fffc;background:linear-gradient(145deg,#307bdf,#3a8df7)}.cerrar-sesion{background:linear-gradient(145deg,#ff6b6b,#ff4b4b);color:#fff;font-weight:700;border:none}.cerrar-sesion:hover{background:linear-gradient(145deg,#ff4b4b,#ff6b6b)}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:20px;cursor:pointer;color:#888;transition:color .2s}.close-button:hover{color:#333}.tarjeta-pedido{display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:28rem;margin:20px auto;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;box-sizing:border-box;height:auto}.tarjeta-pedido-header{padding:1rem;background-color:#ff7f00;color:#fff;font-size:1.5rem;font-weight:700;text-align:center}.tarjeta-pedido-content{padding:1rem;flex-grow:1;display:flex;flex-direction:column;gap:1rem}.map-placeholder{position:relative;height:8rem;width:100%;background-color:#f3f4f6;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.map-icon{font-size:2.5rem;color:#ff7f00;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tarjeta-pedido-progress-container{position:relative;height:.5rem;background-color:#e5e7eb;border-radius:9999px;overflow:hidden}.tarjeta-pedido-progress-bar{height:100%;background-color:#ff7f00;transition:width 1s ease}.tarjeta-pedido-status{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.time-left{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600}.time-estimate{text-align:right;font-size:.75rem;color:#6b7280}.tarjeta-pedido-details{background-color:#f9fafb;padding:.75rem;border-radius:.5rem}.tarjeta-pedido-details-title{font-weight:600;margin-bottom:.5rem;font-size:1rem}.tarjeta-pedido-details-list{list-style:disc inside;font-size:.75rem;color:#374151;padding-left:1rem}.tarjeta-pedido-details-list li{margin-bottom:.25rem}.call-center-button-container{display:flex;justify-content:center;margin-top:0}.call-center-button{background-color:#25d366;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease;text-align:center}.call-center-button:hover{background-color:#1da851}@media (min-width: 1200px){.tarjeta-pedido{max-width:28rem}.map-placeholder{height:10rem}.map-icon{font-size:3rem}.time-left{font-size:1.125rem}.time-estimate{font-size:.875rem}.tarjeta-pedido-details-title{font-size:1.2rem}.tarjeta-pedido-details-list{font-size:.875rem}}@media (min-width: 768px) and (max-width: 1199px){.tarjeta-pedido{max-width:24rem}.map-placeholder{height:9rem}.map-icon{font-size:2.75rem}.time-left{font-size:1rem}.time-estimate{font-size:.8rem}.tarjeta-pedido-details-title{font-size:1rem}.tarjeta-pedido-details-list{font-size:.8rem}}@media (max-width: 767px){.tarjeta-pedido{max-width:95%;margin:10px auto}.map-placeholder{height:7rem}.map-icon{font-size:2.5rem}.tarjeta-pedido-header{font-size:1.3rem}.tarjeta-pedido-content{padding:.75rem;gap:.75rem}.time-left{font-size:.9rem}.time-estimate{font-size:.7rem}.tarjeta-pedido-details-title{font-size:.9rem}.tarjeta-pedido-details-list{font-size:.7rem}.call-center-button{width:100%;font-size:.9rem;padding:8px 0}}body.precios-body{background-color:#fff!important;margin:0;padding:0}.precios-container{display:flex;flex-direction:column;align-items:center;background-color:#fff;min-height:100vh;width:100%;box-sizing:border-box}.precios-header{background-color:#fff;color:#002080;text-align:center;padding:10px 0;width:100%;margin:0}.precios-header h1{font-size:24px;font-weight:700;margin:0}.qr-info{font-size:14px;margin-top:10px;text-align:center;font-weight:700}.precios-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;justify-content:center;width:100%;max-width:600px;margin:20px auto;padding:0 10px}.precio-item{display:flex;flex-direction:column;align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:10px;padding:10px;box-shadow:0 2px 5px #0000001a;text-align:center;width:100%;height:auto;margin:0 auto}.producto-image{width:80%;max-width:100px;height:auto;object-fit:contain;margin-bottom:10px}.producto-info{display:flex;flex-direction:column;align-items:center}.producto-label{font-size:14px;font-weight:700;color:#333;margin:0}.producto-precio-original{font-size:12px;color:#888;text-decoration:line-through;margin:0}.producto-precio-descuento{font-size:16px;color:#ff7f00;font-weight:700;margin-top:5px}.footer-pedidosya{display:flex;justify-content:space-around;align-items:center;background-color:#fff;box-shadow:0 -2px 5px #0000001a;padding:10px 0;width:100%;position:fixed;bottom:0;height:80px;z-index:1000;border-top:1px solid #e6e6e6}.footer-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333;font-size:12px;transition:all .2s ease;width:60px;height:60px;border-radius:50%;background-color:transparent;justify-content:center}.footer-item:hover{color:#ff7f00;background-color:#ff7f001a}@media (max-width: 768px){.precios-header h1{font-size:20px}.qr-info,.producto-label{font-size:12px}.producto-precio-descuento{font-size:14px}.precios-list{grid-template-columns:1fr 1fr;gap:10px}.precio-item{padding:8px}.producto-image{max-width:90px}.footer-pedidosya{height:70px}.footer-item{font-size:10px;width:50px;height:50px}.footer-icon{font-size:18px}}@media (max-width: 480px){.precios-header h1{font-size:18px}.producto-image{max-width:80px}.footer-pedidosya{height:60px}.footer-item{font-size:10px;width:45px;height:45px}.footer-icon{font-size:16px}.precios-list{grid-template-columns:1fr 1fr;gap:8px}}body{background-color:#fff;margin:0;padding:0;font-family:Arial,sans-serif}#root{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#fff;min-height:100vh;width:100%;margin:0;padding:0;box-sizing:border-box}.pedidos-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#fff;min-height:100vh;width:100%;max-width:600px;margin:0 auto;padding:20px 15px;box-sizing:border-box}.pedidos-header{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;padding:10px 0;margin-bottom:20px}.pedidos-header h1{font-size:30px;font-weight:700;color:#002080;margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.pedidos-header img{width:24px;height:24px}.pedidos-list{width:100%;display:flex;flex-direction:column;gap:15px}.pedido-item{background-color:#fff;border:1px solid #ddd;border-radius:10px;padding:15px;box-shadow:0 2px 5px #0000001a;position:relative;cursor:pointer;transition:all .3s ease}.pedido-item:hover{box-shadow:0 4px 10px #0003}.pedido-status{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;padding:5px 10px;border-radius:5px;color:#fff;width:fit-content}.pedido-status.entregado{background-color:#d4edda;color:#155724}.pedido-status.anulado{background-color:#f8d7da;color:#721c24}.pedido-orden{position:absolute;top:10px;right:15px;font-size:14px;font-weight:700;color:#ff7f00}.pedido-fecha{position:absolute;bottom:10px;right:15px;font-size:14px;color:#555}.pedido-details{display:none;margin-top:10px;font-size:14px;color:#555}.pedido-details p{margin:5px 0}.pedido-details ul{margin:5px 0;padding-left:20px}.pedido-details ul li{list-style-type:disc}.pedido-item.expanded .pedido-details{display:block}.footer-pedidosya{display:flex;justify-content:space-around;align-items:center;background-color:#fff;box-shadow:0 -2px 5px #0000001a;padding:10px 0;position:fixed;bottom:0;width:100%;height:80px;z-index:1000;border-top:1px solid #e6e6e6}.footer-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333;font-size:12px;transition:all .2s ease;width:60px;height:60px;justify-content:center}.footer-item:hover{color:#ff7f00}.footer-icon{font-size:20px;margin-bottom:5px}@media (max-width: 768px){.footer-pedidosya{height:70px}.footer-item{font-size:10px;width:50px;height:50px}.footer-icon{font-size:18px}}@media (max-width: 480px){.footer-pedidosya{height:60px}.footer-item{font-size:10px;width:45px;height:45px}.footer-icon{font-size:16px}}