@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:eb garamond,Outfit,sans-serif;scroll-behavior:smooth}#root{background:linear-gradient(to bottom,#444,#000)}body{min-height:100vh}a{text-decoration:none;color:inherit}.app{width:100%;margin:auto}.routes-container{margin-top:5px;padding:1rem;min-height:100vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1050px){.app{width:100%}}.navbar{width:100%;background-color:#333;color:#fff;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column}.navbar-top{display:flex;align-items:center;justify-content:space-between;background-color:#f3f7fa;padding:.68vw 1.36vw}.navbar-logo img{height:8vw;margin-left:2vw;width:12vw}.navbar-contact{text-align:right;font-size:1.5vw;color:#000}.navbar-bottom{display:flex;justify-content:flex-start;align-items:center;background-color:#0c4585;padding:.68vw 1.36vw}.navbar-links a{margin:0 2.72vw;text-decoration:none;color:#fff;font-size:1vw}.navbar-login{display:flex;align-items:center}.profile-section{position:relative;display:flex;align-items:center;cursor:pointer;margin-left:2vw}.profile-pic{width:40px;height:40px;border-radius:50%;object-fit:cover}.dropdown-menu{position:absolute;top:50px;right:0;background:#fff;color:#000;padding:10px;box-shadow:0 2px 10px #0003;border-radius:8px;z-index:1000;width:200px;border:2px;border-color:#0c4585}.dropdown-menu button{display:block;width:100%;padding:8px;background:transparent;text-align:left;cursor:pointer;font-size:1.2vw;transition:.2s;color:#000}.dropdown-menu button:hover{background:#f0f0f0}.cart-btn{background-color:#fff;border:none;padding:10px 15px;font-weight:700;cursor:pointer;font-size:18px;color:#000;display:flex;align-items:center;transition:.3s;margin-left:45vw;margin-right:2vw}.cart-btn:hover{background-color:#bebebe}.cart-btn:active{transform:scale(.95)}.cart-btn svg{margin-right:5px}.navbar-links,.navbar-login{display:flex;align-items:center;justify-content:space-between}.login{padding:12px 20px;background-color:#0079ca;margin-right:1vw}.login-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;width:400px;box-shadow:0 0 10px #00000080;z-index:1000;border-radius:10px;overflow:hidden;animation:fadeIn .3s ease}.login-popup:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffdc;z-index:-1}.close-button{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#999}.close-button:hover{color:#000}.tabs{display:flex;justify-content:space-between;margin-bottom:15px}.tabs button{background:none;border:none;font-weight:700;cursor:pointer;padding:10px;font-size:18px;color:#555}.tabs button:hover{background:#f0f0f0}.tabs button.active{border-bottom:2px solid #007bff;color:#007bff}input[type=text],input[type=email],input[type=password],button[type=submit]{width:100%;padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px}button[type=submit]{background-color:#007bff;color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s ease;font-size:18px;margin-top:10px}button[type=submit]:hover{background-color:#0056b3}.message{margin-top:15px;color:#d9534f;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.page-container{background-color:#1e1e2f;color:#fff;min-height:100vh;padding:20px;font-family:Arial,sans-serif}h2{text-align:center;margin-bottom:20px;font-size:1.8rem;color:#e0e0ff}.product-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.product-item{background-color:#29293d;border-radius:8px;padding:15px;text-align:center;box-shadow:0 4px 6px #00000080;transition:transform .3s ease,box-shadow .3s ease}.product-item:hover{transform:translateY(-5px);box-shadow:0 6px 10px #000000b3}.product-item img{width:150px;height:150px;object-fit:contain;margin-bottom:10px}.product-item h3{font-size:1.2rem;color:#fff;margin-bottom:10px}.product-item p{font-size:.9rem;color:#c0c0ff;margin-bottom:5px}.product-item span{display:inline-block;background-color:#ff5050;color:#fff;padding:5px 10px;border-radius:4px;font-size:.8rem;margin-top:5px}@media (max-width: 600px){.product-item img{width:100px;height:100px}h2{font-size:1.5rem}.product-item h3{font-size:1rem}}.search-bar-container{width:70%;margin:auto;text-align:center;margin-top:3.39vw;margin-bottom:4.94vw}.search-bar-title{margin-bottom:.54vw}.search-bar-form{display:flex;gap:.54vw;align-items:center}.search-bar-select{padding:.54vw;border-radius:.27vw;border:.067vw solid #ccc;background-color:#f9f9f9;width:15%}.search-bar-input{padding:.54vw;flex:1;border-radius:.27vw;border:.067vw solid #ccc;width:70%}.search-bar-button{padding:.54vw 1.08vw;border-radius:.27vw;border:none;background-color:#007bff;color:#fff;cursor:pointer;font-size:.9vw}.see-more-button{border-radius:.54vw;border:.067vw solid transparent;padding:.4vw .81vw;font-size:1em;font-weight:500;background-color:#646cff;color:#fff;cursor:pointer;transition:background-color .25s;margin-bottom:4.74vw}.see-more-button:hover{background-color:#535bf2}.product-grid{width:90%;margin-left:5%;margin-right:5%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.35vw;padding:1.35vw}.product-card{background-color:#fff;border:.067vw solid #e0e0e0;border-radius:.54vw;padding:1.08vw;text-align:center;box-shadow:0 .135vw .27vw #0000001a;transition:transform .2s;display:flex;flex-direction:column;justify-content:space-between;min-height:28vw}.product-card:hover{transform:translateY(-.34vw)}.product-image{width:10vw;height:10vw;object-fit:cover;border-radius:.54vw;margin-bottom:1.08vw;align-self:center}.product-name{font-size:1.22vw;font-weight:700;margin:.54vw 0}.product-brand{font-size:.95vw;color:#888;margin-bottom:.54vw}.product-description{font-size:.95vw;color:#555;margin-bottom:1.08vw}.product-price{font-size:1.08vw;font-weight:700;color:#007bff}.see-more-button{border-radius:.54vw;border:.067vw solid transparent;padding:.4vw .81vw;font-size:1em;font-weight:500;background-color:#005bd1;color:#fff;cursor:pointer;transition:background-color .25s;margin-bottom:4.74vw}.see-more-button:hover{background-color:#2b87ff}.footer{color:#d9d9d9;background-color:#323232;display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 8vw;padding-top:80px;margin-top:8vw}.footer-content{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.footer-content-left,.footer-content-center,.footer-content-right{display:flex;flex-direction:column;align-items:start;gap:20px}.footer-content-left ul li,.footer-content-center ul li,.footer-content-right ul li{margin-bottom:10px;list-style:none}.footer-content-left h2,.footer-content-center h2,.footer-content-right h2{color:#fff}.footer-social-icons img{width:40px}.footer-social-icons{display:flex;gap:15px}.footer li{cursor:pointer}.footer hr{width:100%;height:2px;margin:20px 0}@media (max-width: 750px){.footer-content{display:flex;flex-direction:column;gap:35px}.footer-copyright{text-align:center}}.carousel-container{position:relative;width:95%;margin:auto;overflow:hidden}.carousel-inner{margin-top:40px;display:flex;transition:transform .5s ease;border:20px solid #0c4585}.carousel-image{min-width:99.5%;transition:transform .5s ease,opacity .5s ease;opacity:.5;max-height:500px}.carousel-image.center{opacity:1;transform:scale(1.1)}.carousel-controls{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%)}.carousel-button{background-color:#00000080;color:#fff;border:none;padding:10px;cursor:pointer;font-size:18px;transition:background-color .3s}.carousel-button:hover{background-color:#000c}.product-page{max-width:800px;margin:40px auto;background-color:#1e1e1e;border-radius:10px;box-shadow:0 8px 16px #0000004d;padding:20px;color:#f5f5f5}h1{text-align:center;font-size:1.8rem;margin-bottom:20px;color:#fff}.content{display:flex;flex-direction:column;gap:20px;align-items:center}.content img{max-width:100%;max-height:300px;border-radius:10px;box-shadow:0 4px 8px #0003}.content .price{font-size:1.5rem;color:#fff;margin-top:10px}.details{text-align:center;margin-top:10px}.details p{font-size:1.3rem;line-height:1.6;color:#e0e0e0}.purchase-section{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.add-to-cart{display:flex;align-items:center;gap:10px}.add-to-cart button{background-color:#094aac;color:#fff;font-size:1rem;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.add-to-cart button:hover{background-color:#00c0e2}.add-to-cart span{font-size:1.2rem;font-weight:700;color:#fff}.add-to-cart-btn{background-color:#007bff;padding:10px 20px}.add-to-cart-btn:hover{background-color:#0056b3}.login-message{color:#ff6b6b;font-size:1rem;margin-top:10px}@media (min-width: 768px){.content{flex-direction:row;align-items:flex-start}.details{text-align:left;max-width:400px;margin-left:20px}}.product-categories{padding:20px;text-align:center}.categories-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.category-item{border:1px solid #ccc;border-radius:8px;padding:15px;width:200px;text-align:center;box-shadow:0 4px 6px #0000001a}.category-image{width:100%;height:auto;border-radius:5px;margin-bottom:10px}.category-item h2{color:#f3f9ff;font-size:18px;margin-bottom:10px}.category-item a{color:#47a3ff;text-decoration:none;font-weight:700}.category-item a:hover{text-decoration:underline}.product-branches{padding:20px;text-align:center}h1{background-color:#004080;color:#fff;padding:15px;margin-bottom:2vw}.branches-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.branch-item{border:1px solid #ccc;border-radius:8px;padding:15px;width:200px;text-align:center;box-shadow:0 4px 6px #0000001a}.branch-image{width:100%;height:auto;border-radius:5px;margin-bottom:10px}.branch-item h2{color:#f3f9ff;font-size:18px;margin-bottom:10px}.branch-item a{color:#47a3ff;text-decoration:none;font-weight:700}.branch-item a:hover{text-decoration:underline}.image-container{width:150px;height:150px;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#f0f0f0;border:1px solid #ddd}.image-container img{max-width:100%;max-height:100%;object-fit:contain}.nosotros{font-family:Arial,sans-serif;color:#fff;padding:20px;line-height:1.6}.nosotros-header{text-align:center;margin-bottom:20px}.nosotros-title{font-size:2.5em;color:#fff}.nosotros-content{display:flex;align-items:flex-start;gap:20px;margin-top:20px}.nosotros-image{flex:0 0 40%;width:100%;height:auto;object-fit:cover;border-radius:10px}.nosotros-text{flex:1;max-width:1000px;margin-left:10px;margin-right:10px;text-align:justify}.nosotros-vision h2{font-size:1.8em;color:#fff;margin-bottom:10px}.nosotros-vision p{margin-bottom:15px;text-align:justify;font-size:1.3em}.nosotros-contacto h2{font-size:1.8em;color:#fff;margin-bottom:15px;margin-top:40px}.contacto-trabajador h3{font-size:1.5em;color:#008cff;margin-bottom:5px}.contacto-trabajador p{margin:5px 0}.contacto-trabajador{margin-bottom:20px}.reservation-section{display:flex;flex-direction:row;height:auto;width:100%;border:5px solid rgba(192,192,192,.164);box-sizing:border-box;border-radius:1%;margin-top:20px;margin-bottom:20px}.reservation-image{flex:1;background:linear-gradient(to bottom,#1b1b1b,#000);display:flex;justify-content:center;align-items:center}.reservation-image img{height:100%;width:100%;object-fit:cover;border-radius:5px;box-shadow:0 4px 6px #0000001a}.reservation-form-container{flex:1;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#1b1b1b,#000);padding:20px;box-shadow:-4px 0 6px #0000001a}.reservation-form{width:100%;max-width:27vw}.reservation-form h2{text-align:center;font-family:Basker;margin-top:20px;font-size:3.5vw;color:#fff;margin-bottom:40px;font-weight:800}.reservation-form label{font-size:2vw;display:block;margin-bottom:10px;font-weight:800;color:#fff}.reservation-form input{width:100%;padding:8px;margin-top:5px;margin-bottom:15px;border:1px solid #80c0dd;border-radius:4px;font-size:1rem}.reservation-form button{width:100%;max-width:20vw;margin-left:3.5vw;margin-right:3.5vw;padding:15px;background-color:#0f38bd;color:#fff;border:none;font-size:1.5rem;cursor:pointer;text-align:center;clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);box-shadow:0 5px 15px #0000004d;transition:transform .3s ease,background-color .3s ease;margin-top:30px;margin-bottom:20px}.reservation-form button:hover{background-color:#ffb937;color:#0c0c00}.reservation-form input:focus{border-color:#007bff;outline:none;box-shadow:0 0 3px #007bff80}@media screen and (max-width: 800px){.reservation-section{flex-direction:column;margin-bottom:40px}.reservation-image,.reservation-form-container{flex:none;width:100%}.reservation-image img{border-radius:0}.reservation-form{max-width:90%}.reservation-form button{max-width:100%;margin-left:0;margin-right:0}.reservation-form h2{text-align:center;font-family:Basker;font-size:7vw;color:#fff;margin-bottom:40px;font-weight:800}.reservation-form label{font-size:6vw;display:block;margin-bottom:10px;font-weight:800;color:#fff}}@font-face{font-family:Basker;src:url(./fonts/LibreBaskerville-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Basker;src:url(./fonts/LibreBaskerville-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Basker;src:url(./fonts/LibreBaskerville-Italic.ttf) format("truetype");font-weight:400;font-style:italic}.add{width:70%;margin-left:max(5vw,25px);margin-top:50px;color:#6d6d6d;font-size:16px}.add form{gap:20px}.add-img-upload img{width:200px;margin-bottom:20px}.add-product-name,.add-product-description{width:max(40%,280px);margin-top:10px;margin-bottom:20px}.add-product-name input,.add-product-description textarea{padding:10px}.add-category-price{display:flex;gap:50px;margin-bottom:20px}.add-category-price select,.add-category-price input{max-width:140px;padding:10px}.add-btn{margin-top:20px;max-width:120px;border:none;padding:10px;background-color:#000;color:#fff;cursor:pointer}.add-brand,.add-onsale{display:flex;flex-direction:column;margin-bottom:1.5rem;margin-top:10px}.add-brand p,.add-onsale label{font-size:1.2rem;font-weight:700;margin-bottom:.2rem}.add-brand select{padding:.8rem;outline:none;transition:border-color .3s ease;max-width:120px;padding:10px}.add-brand select:focus{border-color:#007bff}.add-onsale input[type=checkbox]{margin-right:.5rem;transform:scale(1.2)}.add-onsale label{display:flex;align-items:center;font-size:1rem;color:#333}.add-btn{max-width:120px;border:none;padding:10px;background-color:#000;color:#fff;cursor:pointer;margin-bottom:8px}.list-table-format{display:grid;grid-template-columns:.5fr 1fr 1fr 1fr .5fr 2fr .3fr;align-items:center;gap:10px;padding:12px 15px;border:1px solid #cacaca;font-size:13px}.list-table-format.title{background-color:#f9f9f9}.list-table-format img{width:50px}.remove-item{font-size:24px;color:red}@media (max-width: 600px){.list-table-format{grid-template-columns:1fr 3fr 1fr;gap:15px}.list-table-format.title{display:none}}.service-reservation-item{display:flex;flex-direction:column;align-items:center;border:1px solid rgb(207,159,0);padding:20px;margin:10px;font-size:14px;color:#505050;width:22%;box-sizing:border-box}.service-reservation-list{margin-top:3vw;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.service-reservation-item-icon{width:50px;height:auto}.service-reservation-item-name{font-weight:600;margin:10px 0 5px}@media (max-width: 1000px){.service-reservation-item{width:45%;font-size:12px}}@media (max-width: 600px){.service-reservation-item{width:100%}}.parrafo{color:#fff;margin-left:1vw;font-size:1.2rem}.cart-item{width:75%;display:flex;align-items:center;justify-content:space-between;background-color:#1f1f1f;margin-bottom:15px;padding:15px;border-radius:8px;box-shadow:0 4px 6px #0000004d}.cart-item img{max-width:150px;max-height:150px;border-radius:8px;object-fit:cover;margin-right:20px}.product-details{flex:1;margin-right:20px}.product-details h2{margin:0 0 10px;font-size:18px}.product-details p{margin:5px 0;color:#fff}.buttons-section{display:flex;flex-direction:column;align-items:flex-end}.quantity-buttons{display:flex;align-items:center;margin-bottom:10px}.quantity-buttons button{width:30px;height:30px;margin:0 5px;background-color:#1e90ff;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:18px;line-height:30px}.quantity-buttons button:hover{background-color:#0056b3}.remove-btn{background-color:#ff4d4d;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer}.remove-btn:hover{background-color:#c00}.total-price h2{text-align:left;margin-left:25%;margin-top:4vw}button{margin:20px auto;background-color:#0436a1;color:#fff;border:none;font-size:16px;border-radius:8px;cursor:pointer}.button-with-padding{padding:12px 20px;margin-left:2vw}button:hover{background-color:#00b0cf}.order-list{display:flex;flex-direction:column;gap:20px}.order-item{background-color:#1e1e1e;color:#f5f5f5;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0003}.order-products{margin-top:10px;padding-left:20px}.product-item{margin-bottom:5px}.dashboard{font-family:Arial,sans-serif;padding:20px;background-color:#f5f5f5}.dashboard h1{text-align:center;color:#fff;margin-bottom:20px}.accordion-item{margin-bottom:10px;border:1px solid #333;border-radius:5px;background-color:#fff;overflow:hidden}.accordion-header{padding:10px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:#eaeaea;color:#333;font-weight:700;font-size:1.1em}.accordion-header h2{margin:0;color:#333;font-size:1.2em}.accordion-header:hover{background-color:#ddd}.accordion-content{padding:20px;background-color:#fff;color:#0300ac;border-top:1px solid #ccc}.accordion-content h3{color:#0300ac;margin-bottom:2vw}.accordion-header span{font-size:1.2em;color:#333}