html{scroll-behavior:smooth;}*{margin: 0;padding: 0;box-sizing:border-box;}body{background-color:var(--blanco);font-family:"Raleway",sans-serif;color:var(--gris90);}body,html{overflow:hidden}#telon{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: transparent;z-index: 9997;transition: opacity 1s ease-out, visibility 1s;}#telon-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:9999;pointer-events:none;background:transparent}#contenido{position:relative;z-index:1;padding:2rem;opacity:0.8}.oculto{display:none}h1{text-align:left;font-size:3em;margin:0;width:100%;color:var(--gris90);}h2{text-align:left;font-size:2.2em;margin:0;width:100%;color:var(--gris30);}h3{text-align:left;font-size:1.9em;margin:0;}p{text-align:left;font-size:1em;margin-bottom:1em;width:100%;}form{display:flex;flex-direction:column;margin-top:1em;width:100%;}input,textarea,select,button{padding:10px;font-size:1em;border:1px solid #ccc;border-radius:6px;}button{background-color:var(--principal);color:white;border:1px solid var(--blanco);cursor:pointer;transition:background-color .2s;margin-top:20px;}button:hover{background-color:var(--blanco);color:var(--principal);}details summary{font-weight:bold;cursor:pointer;margin-top:1em;}details p{margin-top:.5em;padding-left:1em;}a{color:#d84315;}a:hover{text-decoration:underline;}.limite{width:100%;max-width:1280px;padding:50px;height:auto;margin:auto;}header{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;padding-bottom:1em;margin-bottom:2em;position:absolute;top:0;right:0;z-index:7;width:100%;padding:50px;}header .botonMenu span{color:var(--blanco);font-size:2em;cursor:pointer;}.menuPrincipal{display:none;}.menuPrincipal ul{list-style:none;display:flex;gap:1em;}.menuPrincipal a{text-decoration:none;color:var(--blanco);padding:6px 12px;border-radius:6px;transition:background-color .2s;font-weight:bold;}.menuPrincipal a:hover{background-color:var(--principal);color:#000;}.logotipo{display:flex;justify-content:end;align-items:center;position:absolute;bottom:-6px;left:0;z-index:5;background-color:rgb(255 255 255 / 74%);transform:skew(10deg,0deg);left:-29px;width:170px;padding-right:10px;}.logotipo figure{margin:0;padding:0;}.logotipo figure img{width:120px;height:auto;transform:skew(-10deg,0deg);}.inicio{background-image:url(../graficos/fondoWeb.webp);background-position:center;background-repeat:no-repeat;background-size:cover;height:100vh;display:flex;position:relative;overflow:hidden;flex-direction:column;justify-content:center;align-items:flex-start;padding:50px;}.inicio .pleca{width:500px;height:130%;background-color:var(--principal);position:absolute;top:-100px;right:-100px;z-index:4;transform:skew(10deg,10deg);filter:opacity(.8);}.inicio .copy{width:50%;}.inicio .copy h1{color:var(--blanco);text-shadow:0 0 8px rgba(0,0,0,.7);margin-bottom:0;}.inicio .copy p{font-size:1.2em;color:var(--blanco);text-shadow:0 0 6px rgba(0,0,0,.7);}.inicio .ilustracion{width:550px;position:absolute;right:0;bottom:20px;z-index:5;}.inicio .ilustracion figure{margin:0;padding:0;}.inicio .ilustracion figure img{width:100%;}.pedidos{background-color:var(--blanco);padding:0;position:relative;overflow:hidden;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:50px;}.pedidos div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}.pedidos div .formulario{width:35%;height:100%;object-fit:cover;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;background-color:var(--principal);padding:40px;}.pedidos div .formulario h3{color:var(--blanco);font-weight:300;}.pedidos div .formulario p{color:var(--blanco);font-weight:300;}.pedidos div .formulario form label{color:var(--blanco);font-size:1em;margin-bottom:5px;font-weight:400;margin-top:19px;}.pedidos div#productos-lista {flex-direction: column;}.pedidos div#productos-lista .producto-seleccion{width: 100%;}.pedidos div#productos-lista .producto-seleccion select{width: 60%;}.pedidos div#productos-lista .producto-seleccion input{width: 20%;}.pedidos div#productos-lista .producto-seleccion span{width: 15%;}.pedidos div .informacionPedidos{width:55%;height:100%;object-fit:cover;border-radius:10px;display:flex;flex-direction:column;}.pedidos div .informacionPedidos h2{font-weight:300;}.pedidos div .informacionPedidos .contenedorPasos{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem;margin-bottom:5rem;flex-direction:row;}.pedidos div .informacionPedidos .contenedorPasos .paso{background-color:var(--blanco);border-radius:10px;width:43%;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;}.pedidos div .informacionPedidos .contenedorPasos .paso span{margin-right:10px;color:var(--principal);font-size:2em;}.pedidos div .informacionPedidos .contenedorPasos .paso div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}.pedidos div .informacionPedidos .contenedorPasos .paso div h3{text-align:left;font-size:1.1em;}.pedidos div .informacionPedidos .contenedorPasos .paso div p{text-align:left;font-size:.9em;}.productos{background-image:url(../graficos/fondoWeb.webp);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:50px;position:relative;overflow:hidden;margin-top:60px;}.productos .filtro{background-color:var(--principal);position:absolute;top:0;bottom:0;left:0;right:0;filter:opacity(.7);}.productos .contenidoProductos{position:relative;z-index:5;}.productos .contenidoProductos h2{color:var(--blanco);width:100%;text-align:center;}.productos .contenidoProductos p{color:var(--blanco);width:100%;text-align:center;}.productos .contenidoProductos .catalogo{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;align-content:flex-start;margin-top:50px;}.productos .contenidoProductos .catalogo .producto{width:21%;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgb(204 204 204 / 16%);border-radius:10px;border:1px solid rgb(255 255 255 / 32%);margin-bottom:30px;transition:transform .2s,box-shadow .2s;}.productos .contenidoProductos .catalogo .producto figure{margin:0;padding:0;width:100%;background-color: var(--blanco);border-radius: 10px;}.productos .contenidoProductos .catalogo .producto figure img{width:100%;height:auto;}.productos .contenidoProductos .catalogo .producto h4{color:var(--blanco);margin-bottom:0;text-align:center;}.productos .contenidoProductos .catalogo .producto p{color:var(--blanco);}.blogFeed{padding:50px;width:100%;}.blogFeed h2{color:var(--principal);}.blogFeed div#contenedorHTML{width:100%;margin:auto;max-width:1280px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}.blogFeed div#contenedorHTML div{width:28%;margin-bottom:0;margin:0;display:flex;margin-bottom:40px;flex-direction:column;border-radius:15px;background-color:var(--gris2);padding:0;}.blogFeed div#contenedorHTML div figure{background-color:var(--gris2);padding:0;margin:0;width:100%;overflow:hidden;border-radius:20px 20px 0 0;}.blogFeed div#contenedorHTML div figure img{width:100%;}.blogFeed div#contenedorHTML div .infoArt{background-color:var(--gris2);width:100%;padding:25px;padding-bottom:0;}.blogFeed div#contenedorHTML div .infoArt .accionesArticulo{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:10px;}.blogFeed div#contenedorHTML div .infoArt .accionesArticulo a:first-child{background-color:var(--principal);color:var(--blanco);padding:10px 20px;border-radius:6px;text-decoration:none;transition:background-color .2s;text-align:center;}.rutas{background-color:var(--gris2);padding:50px;width:100%;position:relative;overflow:hidden;}.rutas .pleca{width:500px;height:130%;background-color:var(--principal);position:absolute;top:-100px;left:-100px;z-index:4;transform:skew(10deg,10deg);filter:opacity(.8);}.rutas .contenedorRutas{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-between;align-items:center;}.rutas .contenedorRutas h2{color:var(--gris90);}.rutas .contenedorRutas .info{width:45%;}.rutas .contenedorRutas .info ul{}.rutas .contenedorRutas .info ul li{margin-bottom:20px;}.rutas .contenedorRutas .info a{border-radius:8px;border:solid 1px var(--principal);text-align:center;text-decoration:none;color:var(--blanco);background-color:var(--principal);padding:10px;transition:background-color .2s,color .2s;width:100%;height:45px;}.rutas .contenedorRutas .mapasRutas{width:45%;position:relative;z-index:5;}.rutas .contenedorRutas .mapasRutas h2{font-size:1.2em;padding-left:20px;margin-bottom:10px;color:var(--blanco);}.rutas .contenedorRutas .mapasRutas .mapa{width:100%;height:120px;border-radius:26px;overflow:hidden;background-color:var(--gris2);display:flex;justify-content:center;align-items:center;margin-bottom:25px;border:solid 5px var(--blanco);}.rutas .contenedorRutas .mapasRutas .mapa iframe{width:100%;height:500px;border:none;margin-top:10px;}.distribuidores{background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:relative;margin-top:60px;margin-bottom:60px;}.distribuidores h2{color:var(--principal);text-align:center;margin:auto;}.distribuidores p{text-align:center;margin:auto;}.distribuidores .filtro{display:none;background-color:var(--principal);position:absolute;top:0;bottom:0;left:0;right:0;filter:opacity(.7);}.distribuidores .beneficios{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;margin-top:50px;}.distribuidores .beneficios div{width:18%;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:transparent;border-radius:10px;margin-bottom:30px;}.distribuidores a{text-decoration:none;color:var(--blanco);padding:10px 20px;display:flex;border-radius:6px;transition:background-color .2s;font-weight:bold;background-color:var(--principal);margin:auto;margin-top:60px;height:45px;width:250px;flex-direction:column;align-items:center;justify-content:center;}.distribuidores .beneficios div span{width:100px;height:100px;border-radius:50%;margin:auto;background-color:var(--principal);color:var(--blanco);margin-bottom:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2em;}.distribuidores .beneficios div p{color:var(--principal);text-align:center;font-size:1.3em;margin-top:15px;}footer{background-color:var(--gris2);width:100%;text-align:center;display:flex;flex-direction:column;}footer .columnas{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2em;margin-bottom:2em;}footer .columnas .columna:first-child{width:34%;}footer .columnas .columna{width:16%;text-align:left;}footer .columnas .columna h3{color:var(--gris40);margin-bottom:25px;margin-top:30px;font-size:1.2em;width:100%;text-align:center;}footer .columnas .columna p{color:var(--gris60);margin-bottom:0;font-size:.9em;}footer .columnas .columna ul{list-style:none;padding:0;margin:0;}footer .columnas .columna ul li{margin-bottom:20px;font-size:.9em;}footer .columnas .columna figure{padding:0;margin:0;}footer .columnas .columna figure img{width:100%;height:auto;}footer .copy{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px;background-color:var(--gris90);color:var(--gris60);font-size:.9em;position:relative;}footer .copy p{width:20%;color:var(--gris60);}footer .copy p a{color:var(--gris60);}.sctnOne{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;height:50%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}.sctnOne .logotipo{margin:0;padding:0;}.sctnOne .logotipo img{width:200px;}.sctnOne h3{text-align:center;color:var(--gris90);margin-bottom:0;}.sctnOne p{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;color:var(--gris90);}.sctnOne p span{color:var(--gris60);margin-right:15px;}@media (max-width:768px){h1{font-size:2em}h2{font-size:1.5em}.limite{padding:20px;max-width:100%}header{padding:20px}.inicio{justify-content:flex-start;align-items:flex-start;padding:20px}.inicio .copy{width:100%;position:relative;z-index:6;margin-top:50px}.inicio .pleca{width:250px;height:130%;top:-100px;right:-110px}.inicio .copy h1{font-size:2em}.inicio .ilustracion{display:flex;width:340px;height:auto;bottom:30px;flex-wrap:wrap;flex-direction:column;justify-content:right;align-content:end}.inicio .ilustracion figure{width:100%;display:flex;flex-direction:column;justify-content:end;flex-wrap:wrap;align-content:flex-end}.pedidos div{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center}.pedidos div .formulario{width:100%}.pedidos div .informacionPedidos{width:100%}.pedidos div .informacionPedidos .contenedorPasos{flex-direction:column}.pedidos div .informacionPedidos .contenedorPasos .paso{width:100%}.productos{padding:20px}.productos .contenidoProductos .catalogo .producto{width:48%}.blogFeed{padding:20px}.blogFeed div#contenedorHTML div{width:100%}.rutas{padding:20px}.rutas .contenedorRutas{width:100%;flex-direction:column}.rutas .contenedorRutas .info{width:100%}.rutas .contenedorRutas .mapasRutas{width:100%}.rutas .contenedorRutas .mapasRutas h2{color:var(--principal)}.rutas .pleca{display:none;width:300px;left:-120px}.distribuidores .beneficios{flex-wrap:wrap}.distribuidores .beneficios div{width:40%}.distribuidores .beneficios div span{width:80px;height:80px}.distribuidores .beneficios div p{font-size:1em}footer .columnas{flex-direction:column}footer .columnas .columna:first-child{width:100%}footer .columnas .columna{width:100%}footer .copy{flex-direction:column;justify-content:flex-start}footer .copy p{width:80%;text-align:center}.pedidos div#productos-lista {flex-direction: column;}.pedidos div#productos-lista .producto-seleccion{width: 100%;}.pedidos div#productos-lista .producto-seleccion select{width: 60%;}.pedidos div#productos-lista .producto-seleccion input{width: 20%;}.pedidos div#productos-lista .producto-seleccion span{width: 15%;}}