.navbar{width:100%;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;padding:0;margin:0}.navbar-contenedor{position:fixed;top:0;left:0;width:100%;padding:0 0 10px;z-index:1000;background-color:#fff}.nav-item{position:relative;display:flex;justify-content:center;align-items:center;border-radius:0 0 10px 10px;color:#9b4f42;min-width:150px;padding:8px 16px;text-decoration:none;white-space:nowrap;background-color:transparent;z-index:1;transition:color .2s ease}.nav-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;border-radius:0 0 10px 10px;z-index:-1;transition:height .15s ease,background-color .15s ease}.nav-item:hover:before{background-color:#f4e8e0;height:calc(100% + 5px)}.nav-item:hover{color:#c78a70}.nav-item.active{background-color:#9b4f42;color:#e6e7e0}.nav-item.active:before{background-color:#9b4f42;height:100%}.nav-item.active:hover:before{background-color:#9b4f42;height:100%}.image-with-lines{padding-top:10px;display:flex;align-items:center;justify-content:center;width:100%}.image-with-lines .line{flex:1;height:2px;background-color:#9b4f42;margin:0 10px}.image-with-lines img{width:60px;height:auto}.home{display:flex;flex-direction:column;max-width:1200px;padding:140px 20px 0;text-align:center;overflow-x:hidden;margin:0 auto;font-family:World}.banner{max-width:100%;height:auto;display:block;padding:0 0 50px}.productos{padding:140px 20px;text-align:center;max-width:1200px;margin:0 auto}.lista-productos{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-top:30px}.producto{border:1px solid #eee;padding:20px;gap:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:transform .2s;display:flex;flex-direction:column;align-items:center}.producto:hover{transform:translateY(-4px)}.producto img{width:100%;height:auto;border-radius:8px}.carousel{position:relative;width:100%;overflow:hidden;margin-bottom:10px}.carousel img{width:100%;height:auto;object-fit:cover}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;padding:5px 10px;cursor:pointer;z-index:1}.nav-btn:first-of-type{left:0}.nav-btn:last-of-type{right:0}.color-options{display:flex;justify-content:center;gap:5px;margin-bottom:10px}.color-btn{border:1px solid #ccc;padding:5px 10px;color:#9b4f42;cursor:pointer;background-color:transparent;transition:background-color .3s}.color-btn.selected{background-color:#9b4f42;color:#fff;border-color:#9b4f42}.producto h3{margin:12px 0 8px}.producto p{font-size:.9rem;color:#555;margin-bottom:12px}.precio{display:block;font-weight:700;color:#b0413e;margin-bottom:10px}button{background-color:#b0413e;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s}button:hover{background-color:#902f2c;color:#fff}.acciones{margin-top:30px;display:flex;justify-content:center;gap:20px}.boton-carrito,.boton-cotizacion{background-color:#9b4f42;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.boton-carrito:hover,.boton-cotizacion:hover{background-color:#7d3f29}.carrito-cont{display:flex;justify-content:space-between}.icono-carrito{width:40px;height:40px;cursor:pointer}.footer{background-color:#333;color:#eee;padding:40px 20px;font-family:sans-serif}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.footer-col{flex:1;min-width:200px}.footer-col h4{margin-bottom:15px;font-size:1.2rem;border-bottom:2px solid #9B4F42;padding-bottom:5px}.footer-col ul{list-style:none;padding:0}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:#eee;text-decoration:none;transition:color .3s ease}.footer-col ul li a:hover{color:#9b4f42}.social-links{display:flex;gap:15px}.social-links li a{font-size:1rem}.footer-bottom{text-align:center;margin-top:30px;border-top:1px solid #555;padding-top:20px;font-size:.9rem}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center}.footer-col{margin-bottom:20px}}.carrito{display:flex;flex-direction:column;align-items:center;padding:140px 20px;gap:20px;margin:0 auto;max-width:800px}.carrito>div{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.carrito ul{width:100%;max-width:1200px;padding:0;margin:0 auto 20px}.carrito li{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #eee;padding:12px 16px;margin-bottom:12px;border-radius:8px;background-color:#fafafa;flex-wrap:wrap;width:100%}.carrito img{width:80px;height:auto;object-fit:cover;border-radius:8px;flex-shrink:0}.producto-info{flex:1;display:flex;flex-direction:column;gap:4px;text-align:left;min-width:200px}.producto-info h3{margin:0;font-size:1.1rem}.producto-info .color{font-size:.9rem;color:#555}.cantidad-controls{display:flex;align-items:center;gap:10px}.cantidad-controls button{background-color:#9b4f42;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s}.cantidad-controls button:hover{background-color:#7d3f29}.cantidad-controls span{font-weight:700;font-size:1rem}.carrito li>button{background-color:#9b4f42;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s;white-space:nowrap}.carrito li>button:hover{background-color:#7d3f29}.vaciar-carrito{margin-left:auto;background-color:#9b4f42;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s;width:100px;display:block}.vaciar-carrito:hover{background-color:#7d3f29}.carrito .formulario-cotizacion{width:100%;max-width:500px;margin:40px auto 0;padding:24px 32px;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #00000014;background-color:#fff}.carrito .formulario-cotizacion h2{font-size:1.5rem;font-weight:600;margin-bottom:24px;color:#333;text-align:center}.carrito .formulario-cotizacion form{display:grid;grid-template-columns:1fr;grid-row-gap:16px}@media (min-width: 480px){.carrito .formulario-cotizacion form{grid-template-columns:1fr 1fr;grid-column-gap:16px}.carrito .formulario-cotizacion form .full-width{grid-column:1 / -1}}.carrito .formulario-cotizacion label{display:block;font-size:.95rem;font-weight:500;margin-bottom:6px;color:#555}.carrito .formulario-cotizacion input,.carrito .formulario-cotizacion textarea{width:100%;padding:10px 12px;border:1px solid #cccccc;border-radius:6px;font-size:1rem;line-height:1.4;color:#333;transition:border-color .2s}.carrito .formulario-cotizacion input:focus,.carrito .formulario-cotizacion textarea:focus{outline:none;border-color:#9b4f42}.carrito .formulario-cotizacion button{grid-column:1 / -1;padding:12px 0;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background-color:#9b4f42;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s,box-shadow .2s}.carrito .formulario-cotizacion button:hover{background-color:#7d3f29;box-shadow:0 2px 6px #0000001a}.carrito .formulario-cotizacion textarea{resize:none}.contacto-container{display:flex;justify-content:center;align-items:center;padding:40px 20px;background-color:#f9f6f1;min-height:100vh}.contacto-caja{margin-top:100px;background-color:#fff;border-radius:20px;padding:30px;max-width:700px;width:100%;box-shadow:0 0 20px #0000001a;text-align:center;font-family:MiFuente,sans-serif}.contacto-titulo{font-size:2.2rem;color:#365f51;margin-bottom:10px}.contacto-subtitulo{color:#777;font-size:1rem;margin-bottom:30px}.contacto-formulario{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.contacto-formulario input,.contacto-formulario textarea{padding:12px 15px;border:1px solid #ccc;border-radius:10px;font-size:1rem;font-family:inherit;resize:none}.contacto-formulario textarea{min-height:100px}.contacto-formulario button{background-color:#80bfb9;color:#fff;border:none;padding:12px;font-size:1rem;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.contacto-formulario button:hover{background-color:#68a7a1}.contacto-info{text-align:left;margin-bottom:30px;font-size:.95rem}.contacto-info h2{color:#365f51;font-size:1.3rem;margin-bottom:10px}.contacto-info a{color:#80bfb9;text-decoration:none}.contacto-info a:hover{text-decoration:underline}.logo-contacto{max-width:120px;margin:20px auto 0;display:block}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:World;src:url(/fonts/World123.otf);font-weight:400;font-style:normal}html,body{width:100%;height:100%;margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fff;color:#333;overflow-x:hidden}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}