*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit}body{overflow-x:hidden;font-family:'Roboto','Arial Narrow',sans-serif;line-height:1.6}.logo{height:100px;padding-left:2em}@media (max-width:768px){.logo{height:85px}}@media (max-width:480px){.logo{height:75px}}.navbar{color:darkblue;display:flex;justify-content:space-between;align-items:center;padding:1em;position:relative;z-index:10}.navbar .logo a{text-decoration:none;color:darkblue;font-size:1.8rem;font-weight:700}.hamburger{left:10px;display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:#fff0;border:none;cursor:pointer;z-index:20;transition:transform 0.3s ease}.hamburger span{display:block;width:100%;height:4px;background-color:darkblue;border-radius:4px;transition:all 0.3s ease}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-menu{list-style:none;display:flex;margin:0;padding:0;align-items:center;flex-direction:row}.nav-menu li{margin:0 1em}.nav-menu a{font-size:medium;color:darkblue;font-weight:700;text-decoration:none;padding:.5em 1em;transition:background-color 0.3s ease,color 0.3s ease}.nav-menu a:hover{background-color:#02026c;color:whitesmoke}@media (max-width:1024px){.hamburger{display:flex}.nav-menu{flex-direction:column;position:absolute;top:88px;left:0;right:0;background-color:#fff;width:100%;padding:1em 0;box-shadow:0 2px 5px rgb(0 0 0 / .1);opacity:0;transform:translateY(-20px);pointer-events:none;transition:opacity 0.3s ease,transform 0.3s ease}.nav-menu.active{opacity:1;transform:translateY(0);pointer-events:auto}.nav-menu li{margin:1em 0}}.search-bar{display:flex;align-items:center;margin-left:auto;gap:5px}.search-bar input{padding:8px 12px;font-size:1rem;border:1px solid #ccc;border-radius:20px;outline:none;width:200px;transition:width 0.3s ease}.search-bar input:focus{width:300px;border-color:#007bff}.search-bar button{font-weight:700;font-size:medium;color:#02026c;background:none;border:none;padding:8px;cursor:pointer;transition:background-color 0.3s ease,color 0.3s ease}.search-bar button:hover{background-color:#a02944;color:whitesmoke}@media (max-width:480px){.navbar{padding:.8em}.nav-menu li{margin:.5em 0}}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}.carousel{animation:1.5s ease-out 0s 1 slideInFromLeft;;z-index:1;position:relative;width:100%;overflow:hidden}.slides{display:flex;transition:transform 0.5s ease-in-out;width:100%;position:relative}.slide{min-width:100%;opacity:0;max-height:500px;transition:opacity 0.5s ease-in-out}.slide.active{opacity:1;position:relative}.slide img{width:100%;height:auto;display:block;object-fit:cover}.slide img[alt]:not([src])::after{content:attr(alt);display:block;text-align:center;font-size:18px;color:#666;background-color:#f9f9f9;padding:40px 0}button.prev,button.next{position:absolute;top:50%;transform:translateY(-50%);background-color:rgb(0 0 0 / .5);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;z-index:10}button.prev{left:10px}button.next{right:10px}button.prev:hover,button.next:hover{background-color:rgb(0 0 0 / .7)}.info-body{padding:2rem;background-color:#f9f9f9;text-align:center}.info-body h2{font-size:2rem;color:#333;margin-bottom:2rem}.product-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;padding:0 1rem}.product{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgb(0 0 0 / .1);text-align:center;padding:1rem;transition:background-color 0.3s ease,transform 0.3s ease}.product:hover{transform:translateY(-10px);background-color:#dedbdb}.product img{width:70%;height:auto;object-fit:cover;border-radius:8px;max-height:200px}.product h3{font-size:1rem;color:#333;margin-top:1rem}.product-demo{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgb(0 0 0 / .1);text-align:center;padding:1rem;transition:transform 0.3s ease}.product-demo:hover{transform:translateY(-10px)}.product-demo img{width:100%;height:auto;object-fit:cover;border-radius:8px;max-height:200px}.product-demo h3{font-size:1.25rem;color:#333;margin-top:1rem}.product-demo p{font-size:1rem;color:#777;margin-top:.5rem}.info-bottom{width:100%;display:inline-block;background:#333;height:50vh;text-align:center;font-size:22px;font-weight:700;text-decoration:underline}.info-brands{padding:2rem;background-color:#f9f9f9;text-align:center}.info-brands h2{font-size:2rem;color:#333;margin-bottom:2rem}.brand-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2rem;padding:0 1rem}.brand{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#e3e3e8;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:transform 0.3s ease}.brand:hover{transform:scale(1.05)}.brand img{width:100%;height:auto;max-width:120px;object-fit:contain}@media (max-width:768px){.brand-catalog{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:480px){.brand-catalog{grid-template-columns:1fr 1fr}}.info-cotizaciones{background-color:#02026c;text-align:center}.info-cotizaciones a{width:30%}@media (max-width:410px){.info-cotizaciones a{width:40%}}.contacto-btn{display:inline-block;padding:10px 20px;background-color:#a02944;color:#fff;text-decoration:none;font-size:1rem;font-weight:700;border-radius:5px;transition:background-color 0.3s ease}.contacto-btn:hover{background-color:#0056b3}.modal{visibility:hidden;opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .6);z-index:1000;transition:visibility 0s,opacity 0.3s ease-in-out}.modal-content{position:relative;margin:10% auto;width:80%;max-width:800px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .2);transform:scale(.8);transition:transform 0.3s ease-in-out}.modal.open{visibility:visible;opacity:1}.modal.open .modal-content{transform:scale(1)}.close-btn{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer;color:#333;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s ease,color 0.3s ease,border-radius 0.3s ease;border-radius:30%}.close-btn:hover{background-color:#a02944;color:whitesmoke}.modal-content form{display:flex;flex-direction:column;gap:15px}.modal-content label{font-size:16px;font-weight:700}.modal-content input,textarea{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;outline:none}.modal-content input:focus,textarea:focus{border-color:#007BFF}.modal-content button{background-color:#007BFF;color:#fff;padding:12px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color 0.3s}.modal-content button:hover{background-color:#0056b3}@media screen and (max-width:600px){.modal-content{width:90%;margin-top:10%;padding:15px;max-width:none;border-radius:8px}.close-btn{font-size:20px}}.form-message{margin-top:10px;font-size:14px;font-weight:700;display:block}.footer{background-color:#222;color:#fff;padding:20px;font-family:Arial,sans-serif}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:1500px;margin:0 auto;gap:20px}.footer-logo{flex:1 1 150px;text-align:center}.footer-logo img{max-width:60%;height:auto}.footer-info{flex:2 1 400px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;align-items:center}.info-section{flex:1 1 200px}.info-section h4{font-size:18px;margin-bottom:10px}.info-section p{font-size:14px;font-weight:300;margin:5px 0;line-height:1.5}.logo-social{flex:1 1 30px;max-width:40px;text-decoration:none}.footer-bottom{text-align:center;padding:10px 0;font-size:14px;border-top:1px solid #444;margin-top:20px}.footer-bottom p{margin:0}.footer-map iframe{border:none;width:100%;height:300px;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .2)}@media (max-width:768px){.footer-container{flex-direction:column;align-items:center}.footer-info{justify-content:center;text-align:center}.info-section{margin-bottom:15px}}@media (max-width:480px){.info-section h4{font-size:16px}.info-section p{font-size:13px}}.catalog{padding:2em;text-align:left}.catalog-outlet{color:#d12323;text-align:center}.catalog-regular{color:#222}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1em;padding:1em}.product-item{border:1px solid #ccc;border-radius:10px;overflow:hidden;text-align:center;transition:transform 0.3s ease}.product-item:hover{transform:scale(1.05)}.product-item img{width:100%;height:200px;object-fit:cover}.product-item h3{font-size:1.2rem;margin:1em 0 .5em}.product-item p{color:#555;padding:0 1em;font-size:1rem}.product-details{max-width:1200px;margin:50px auto;padding:20px;background-color:#fff;box-shadow:0 4px 6px rgb(0 0 0 / .1);border-radius:8px;display:flex;flex-direction:column;gap:20px}.product-container{display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:center}.product-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 6px rgb(0 0 0 / .1);width:400px;max-height:400px;object-fit:contain}.product-info{flex:1;max-width:600px}.product-info h1{font-size:2rem;margin-bottom:10px;color:#222}.product-info p{font-size:1rem;line-height:1.6;margin-bottom:20px;color:#555}.cotizacion-btn{display:inline-block;padding:10px 20px;background-color:#007bff;color:#fff;text-decoration:none;font-size:1rem;font-weight:700;border-radius:5px;transition:background-color 0.3s ease}.cotizacion-btn:hover{background-color:#0056b3}@media (max-width:768px){.product-container{flex-direction:column;text-align:center}.product-image{width:300px;height:auto}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #fff;border-top:2px solid #3498db;border-radius:50%;animation:spin 0.6s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}