@import "https://fonts.googleapis.com/css?family=Open+Sans";
:root{--complementary:#f2aa1f;--secondary:#f1ece7}#menu-bar{display:none}header label{float:right;cursor:pointer;color:var(--secondary);margin:6px;font-size:30px}header>div>a{cursor:pointer;color:var(--secondary);padding:6px;font-size:34px;text-decoration:none;position:fixed}.menu{background:#8b0500;width:100%;height:100vh;transition:all .5s;position:absolute;top:50px;left:0;transform:translate(-100%)}.menu a{color:var(--secondary);border-bottom:1px solid #ffffff80;height:50px;padding:15px;text-decoration:none;display:block}header a:hover{background:#fff3}@media (max-width:360px){.logo{max-height:40px}header>div>a{font-size:28px}header label{float:right;cursor:pointer;color:var(--secondary);margin:6px;font-size:20px}}@media (min-width:850px){.menu{float:right;width:auto;height:auto;display:flex;position:static;transform:translate(0%)}.menu a{border:none}header label{display:none}}
:root{--main-color:#114358;--complementary-color:#f2aa1f;--secondary-color:#f1ece7;--obscure-color:#090909}.content{box-sizing:border-box;justify-content:center;padding:80px 0;display:flex}.normal{flex-wrap:wrap}.reverse{background-color:#eee;flex-wrap:wrap-reverse}.content>div{flex:1 1 0;min-width:200px;max-width:500px;margin:10px 40px;display:flex}.content>div>div{margin:auto 0}.content>div>div>h2{color:var(--main-color);letter-spacing:-1px;margin:12px 0;font-size:30px}.content>div>div>h5,h4{color:var(--main-color);letter-spacing:-1px;margin:12px 0}.content>div>div>p{margin-bottom:2vh;font-size:14px;line-height:1.4}.content>div>div>p>a{color:var(--complementary-color);font-size:14px;text-decoration:none}.img-container{width:100%}.img-container>img{display:block}.cuadrolink{border:1px solid var(--main-color);color:var(--main-color);text-align:center;-o-transition:background-color .4s linear, color .4s linear;width:fit-content;padding:2px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .4s linear,color .4s linear;display:block}.cuadrodentro{border:1px solid var(--main-color);width:100%;height:100%;padding:14px 26px}.cuadrolink:hover{color:#fff;background:#97979780;background-color:var(--main-color);-o-transition:background-color .4s linear, color .4s linear;transition:background-color .4s linear,color .4s linear}@media screen and (max-width:600px){.content>div>div>h2{font-size:20px}.cuadrodentro{padding:8px 20px}.cuadrolink{font-size:14px}}
:root{--main-color:#114358;--complementary-color:#f2aa1f;--secondary-color:#f1ece7;--obscure-color:#333333e6}footer{background-color:var(--obscure-color);width:100%;padding-bottom:30px}footer>div{flex-wrap:wrap;justify-content:center;max-width:450px;margin:auto;padding:25px;display:flex}footer>div>p{text-align:center;color:var(--secondary-color);margin:2vw}footer>div>div>a{color:var(--secondary-color);margin:1vw;font-size:2em;text-decoration:none}
:root{--main-color:#8b0500;--complementary-color:#f2aa1f;--secondary-color:#f1ece7;--obscure-color:#333333e6}.intro{text-align:center;justify-content:center;max-width:600px;margin:auto;padding:0 40px}.intro>h1{color:var(--main-color);margin:80px 0 0;font-size:50px}.intro>h4{color:var(--obscure-color)}.intro>img{max-width:400px;margin-top:40px}
.products-title{text-align:center;color:#8b0500;margin:40px 0 20px;font-size:2em}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:20px;display:grid}.product-card{background:#fff;border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000001a}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.product-card .img-container{box-sizing:border-box;background:#fdfdfd;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:100%;height:250px;padding:15px;display:flex}.product-card .img-container img{object-fit:contain;max-width:100%;max-height:100%}.product-card .card-body{flex-direction:column;flex-grow:1;padding:20px;display:flex}.product-card h2{color:#333;margin:0 0 10px;font-size:1.4em}.product-card .codigo-ref{color:#777;margin:0 0 10px;font-size:.9em}.product-card .precio{color:#8b0500;margin:0 0 15px;font-size:1.5em;font-weight:700}.product-card .desc{color:#555;flex-grow:1;margin-bottom:20px;font-size:.95em;line-height:1.5}.product-card .control-cantidad{justify-content:center;align-items:center;margin-bottom:20px;display:flex}.product-card .cuadrolink{text-align:center;display:block}@media (max-width:768px){.content{text-align:center;box-sizing:border-box;flex-direction:column!important;padding:40px 15px!important}.content.reverse{flex-direction:column-reverse!important}.content>div{box-sizing:border-box;width:100%;margin:0 0 20px!important}.products-grid{grid-template-columns:1fr;gap:20px;padding:10px}}.search-container{justify-content:center;margin:0 20px 30px;display:flex}.search-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b0500' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-position:95%;background-repeat:no-repeat;background-size:20px;border:2px solid #ddd;border-radius:50px;outline:none;width:100%;max-width:600px;padding:15px 25px;font-size:1.1em;transition:border-color .3s,box-shadow .3s}.search-input:focus{border-color:#8b0500;box-shadow:0 0 10px #8b050033}.no-results{text-align:center;color:#777;grid-column:1/-1;margin:40px auto;font-size:1.2em}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:arial}.btn-whatsapp{color:var(--blue);text-align:center;z-index:999;display:block;position:fixed;bottom:14px;right:18px}.btn-whatsap{max-width:100px;margin:40px auto}.btn-whatsapp a{width:100%;height:100%}header{color:#fff;z-index:100;background:#8b0500;width:100%;height:50px;position:fixed;top:0;left:0}@media (max-width:360px){header{color:#fff;z-index:100;background:#8b0500;width:100%;height:40px;position:fixed;top:0;left:0}}.contenedor{width:100%;margin:auto}.fotos{border-radius:10px;max-width:600px}section{width:100%}section img{width:100%;height:100%}@media (min-width:1024px){.contenedor{width:1000px}}.control-cantidad{background:#f4f4f4;border:1px solid #ddd;border-radius:5px;align-items:center;width:fit-content;margin:15px 0;display:flex}.btn-menos,.btn-mas{color:#fff;cursor:pointer;background-color:#8b0500;border:none;padding:10px 15px;font-size:1.2em;font-weight:700;transition:all .3s}.btn-menos{border-radius:5px 0 0 5px}.btn-mas{border-radius:0 5px 5px 0}.btn-menos:hover,.btn-mas:hover{background-color:#a80600}.indicador-carrito{justify-content:center;align-items:center;gap:8px;min-width:60px;padding:0 15px;font-weight:700;display:flex}.cantidad-producto{color:#8b0500;font-size:1.1em}#carrito-flotante{z-index:1000;background:#fff;border-top:5px solid #8b0500;border-radius:8px;width:280px;padding:15px;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 20px #0000004d}#lista-items{max-height:200px;margin:10px 0;padding:0;list-style:none;overflow-y:auto}#lista-items li{border-bottom:1px solid #eee;justify-content:space-between;padding:5px 0;font-size:.9em;display:flex}#btn-enviar-whatsapp{color:#fff;cursor:pointer;background-color:#25d366;border:none;border-radius:5px;width:100%;margin-top:10px;padding:10px;font-weight:700}#btn-vaciar{color:#666;cursor:pointer;background:0 0;border:none;width:100%;margin-top:5px;font-size:.8em;text-decoration:underline}#total-contenedor{color:#8b0500;border-top:2px dashed #eee;margin-top:15px;padding-top:10px;font-size:1.1em}#total-precio{font-weight:700}.item-precio{color:#666;font-size:.85em}
@font-face{font-family:fontello;src:url(/font/fontello.eot?32675012);src:url(/font/fontello.eot?32675012#iefix)format("embedded-opentype"),url(/font/fontello.woff2?32675012)format("woff2"),url(/font/fontello.woff?32675012)format("woff"),url(/font/fontello.ttf?32675012)format("truetype"),url(/font/fontello.svg?32675012#fontello)format("svg");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=\ icon-]:before{speak:none;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1em;margin-left:.2em;margin-right:.2em;font-family:fontello;font-style:normal;font-weight:400;line-height:1em;display:inline-block}.icon-cloud-sun:before{content:""}.icon-facebook-squared:before{content:""}.icon-googleplus-rect:before{content:""}.icon-instagram:before{content:""}.icon-twitter:before{content:""}.icon-menu:before{content:""}