@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{font-family:Kanit,sans-serif;scroll-behavior:smooth;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#f1e5d9;margin:0;overflow-x:hidden;scroll-behavior:smooth}.App{display:flex;flex-direction:column;color:#02020a;scroll-behavior:smooth}.logo{height:5vh;position:relative;top:4px}.contenedor-navbar{position:absolute;top:0;height:10vh;width:100vw;display:flex;justify-content:center;align-items:center;z-index:100;background-color:#0000;transition:all .3s ease-in}.scrolled{position:fixed;background-color:#f1e5d9;box-shadow:0 5px 5px #00000040;transition:all .5s ease-in}.scrolled:first-child{position:fixed}.contenedor-logo{position:absolute;top:2vh;left:5vw}.contenedor-redes-sociales{position:absolute;top:2.5vh;right:5vw;display:flex;justify-content:space-between;align-items:center;width:10vw}.iconos-sociales{font-size:32px;color:#f2efe6;transition:all .3s ease}.icono-instagram,.icono-whatsapp{font-size:32px;color:#02020a;transition:all .3s ease}.iconos-sociales:hover,.icono-whatsapp:hover,.icono-instagram:hover{transform:scale(1.2);transition:all .3s ease}.icono-instagram:hover{color:#3b5998}.icono-whatsapp:hover{color:#25d366}.contenedor-links{display:flex;justify-content:space-between;align-items:center;height:100%;width:30vw}.link{color:#fefdff;font-weight:400;text-decoration:none;font-size:20px}.scrolled-color{color:#02020a;transition:all .5s ease}.actual{color:#2e4942;transform:scale(1.2);transition:all .3s ease;text-decoration:none;font-size:20px;font-weight:400}.contenedor-sociales-movil{display:none}.contenedor-banner{width:100vw;height:100vh;background-position:center;background-size:cover;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.hidden{transform:translateY(40px);opacity:0}.fondo{width:100%;height:100%;background-color:#0000001a;position:absolute;display:flex;overflow:hidden;top:0;right:0}.slider{width:100vw;height:100%;background-color:#3e5751cc;display:flex;overflow:hidden;position:absolute;top:0;right:0}.negro-trasparente{width:300%;height:100%;background-color:#678284b3;position:absolute;top:0;right:0}.imagen-slider{object-fit:cover;width:100%;height:100%;display:block;flex-shrink:0;flex-grow:0;z-index:-1}.mover{translate:-100%;transition:translate .3s ease-in-out}.logo-banner{height:24vh;max-height:200px;position:relative;top:110px;z-index:5;opacity:1;transition:all 1s ease-out}.texto-banner{font-size:16px;color:#fefdff;font-weight:300;text-align:center;width:18vw;min-width:200px;z-index:5;position:relative;top:40px;opacity:1;transition:all 1s ease-out}.texto-slider{font-size:20px;color:#fefdff;font-weight:300;position:relative;bottom:50px;z-index:2}.btn-sabermas{font-size:20px;color:#fefdff;font-weight:400;width:15vw;height:60px;background-color:#3e5751;border-radius:10px;text-decoration:none;z-index:5;display:flex;justify-content:center;align-items:center;position:relative;top:60px;opacity:1;transition:all 1s ease-out}.btn-conocermas{font-size:20px;color:#2e4942;font-weight:400;width:250px;height:60px;background-color:#ffdc98;border-radius:10px;text-decoration:none;align-self:end;z-index:2;position:absolute;right:100px;bottom:60px;display:flex;justify-content:center;align-items:center}.btn-sabermas:hover,.btn-conocermas:hover{transform:scale(1.05);background-color:#f5ca78;transition:all .3s ease}.contenedor-faena{position:absolute;right:-4vw;bottom:5vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.logo-LaGuardia{height:16vh;opacity:1}.logo-LaGuardia2{height:auto;z-index:2;width:500px;position:absolute;left:100px;bottom:60px}.tarjeta-ubicacion{background-color:#fefdff;padding:20px}.tarjeta-ubicacion2{background-color:#fefdff;padding:20px;margin-top:40px}.mapa{width:70vw;height:70vh;border:0}.mapa-imagen{width:70vw;height:auto;border:0;object-fit:cover;object-position:center}.contenedor-productos{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-bottom:40px}.contenedor-tarjetas{display:flex;justify-content:space-around;align-items:flex-start;width:85vw;flex-wrap:wrap;margin-top:20px}.subtitulo{font-size:24px;font-weight:400;text-align:center;display:flex;flex-direction:column;align-items:center}.subtitulo-blanco{color:#fefdff;font-size:32px;font-weight:400;z-index:2}.subtitulo:after{content:"";background-color:#86a5a8;height:5px;width:60px;margin-top:10px}.hidden-producto{transform:scaleY(40px);opacity:0;height:650px;width:400px}.tarjeta-producto,.tarjeta-ubicacion{transition:all 1s ease-in-out;opacity:1}.tarjeta-producto,.producto-activado{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:60vw;border-radius:10px;box-shadow:5px 7.5px 9px #00000040;margin-bottom:40px;background-color:#fefdff;position:relative;cursor:pointer;height:800px}.producto-activado{transition:all 1s ease-in-out}.tarjeta-producto:after{content:"";background-color:#0000;border-radius:10px;position:absolute;top:0;left:0;z-index:4;width:100%;height:100%;transition:all .5s ease-in-out}.titulo-tarjeta{font-size:32px;font-weight:400;text-align:center;margin:0;position:relative;top:15px}.imagen-producto{width:95%;height:auto;position:relative;top:40px}.btn-ficha{visibility:hidden;opacity:0;background-color:#f2efe6;width:200px;height:60px;position:relative;top:40px;z-index:-1}.producto-activado .btn-ficha{display:flex;justify-content:center;align-items:center;background-color:#3d423f;border-radius:5px;color:#f2efe6;font-size:16px;font-weight:400;text-decoration:none;width:200px;height:60px;text-align:center;opacity:1;visibility:visible;position:absolute;top:50%;left:50%;translate:-50%;z-index:5}.producto-activado:after{content:"";background-color:#00000080;border-radius:10px;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;transition:all .5s ease-in-out}.btn-ficha:hover{background-color:#86a5a8;transition:background-color .3s ease}.contenedor-nosotros{display:flex;position:relative;flex-direction:column;align-items:center}.contenedor-faena2{display:flex;position:relative;height:50vh;flex-direction:column;align-items:center;margin:80px 0 40px}.texto-nosotros{font-size:16px;font-weight:300;text-align:center;width:80%;line-height:130%;margin-bottom:20px}.tarjeta-nosotros{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;width:350px;height:180px;position:relative;background-position:center;background-size:cover;margin-bottom:20px;transition-delay:.5s;opacity:1;transition:all .75s ease-out}.hidden-nosotros{transform:scaleY(40px);opacity:0;height:180px}.nosotros-activado{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;width:350px;height:250px;position:relative;background-position:center;background-size:cover;margin-bottom:20px;transform:translate(30px);transform:translateY(-15px);box-shadow:10px 7.5px 5px #00000040;opacity:1;transition:all .75s ease-out}.tarjeta-nosotros:after,.nosotros-activado:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;z-index:0;background-color:#00000080;border-radius:10px}.titulo-nosotros{color:#fefdff;font-size:32px;font-weight:400;text-align:center;margin:0;z-index:5;transition:all .5s ease-out}.nosotros-activado .titulo-nosotros{color:#86a5a8;font-size:24px;transition-delay:.5s;transition:all .5s ease-in-out}.contenido-nosotros{display:none;font-size:12px;font-weight:300;line-height:110%;color:#fefdff;text-align:center;width:80%;visibility:hidden;z-index:5;transition:all .5s ease-out}.nosotros-activado .contenido-nosotros{display:block;visibility:visible;transition-delay:.5s;transition:visibility .5s ease-in-out}.lista-filosofia{font-weight:500}.novidesa-logo{width:55vw;margin:40px 0}.contenedor-datos{display:flex;justify-content:space-around;align-items:flex-start;width:80vw;flex-wrap:wrap;margin-top:20px}.contenedor-direccion,.contenedor-telefono,.contenedor-email{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:325px}.subtitulo-contacto{font-size:24px;font-weight:400;text-align:center;margin:0}.link-icono{color:#86a5a8;text-decoration:none;display:flex;justify-content:center;align-items:center;margin-bottom:40px}.texto-direccion,.dato{font-size:16px;font-weight:300;text-align:center;line-height:120%;width:80%;text-decoration:none;margin-top:20px;color:#02020a}.texto-direccion:hover,.dato:hover{color:#86a5a8;transition:all .3s ease}.iconos-contacto{font-size:72px;color:#02020a}.iconos-contacto:hover{color:#86a5a8;transform:scale(1.2);transition:all .3s ease}footer{background:#3E5751;width:100vw;height:30vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;margin-top:40px}.instagram-link{text-decoration:none}.footer-iconos{position:absolute;top:15px;right:100px;display:flex;justify-content:space-between;width:150px;height:auto}.icono{color:#fefdff;font-size:40px}.icono:hover{transform:scale(1.2);transition:all .3s ease}.logo-footer{height:12vh}footer span{font-size:12px;color:#02020a;font-weight:400;text-align:center;position:relative;top:40px}*{scrollbar-width:thin;scrollbar-color:425333 #dfe9eb}*::-webkit-scrollbar{height:15px;width:15px}*::-webkit-scrollbar-track{background-color:#dfe9eb;border:1px solid #ffffff}*::-webkit-scrollbar-thumb{border-radius:5px;background-color:#425333;border:3px solid #ffffff}@media only screen and (max-width: 600px){body{overflow-x:hidden;margin:0}.logo{top:-4px;right:10px;height:2.5vh}.contenedor-navbar{height:6vh}.contenedor-links{width:40vw;min-width:0}.link{font-size:12px}.tarjeta-ubicacion,.tarjeta-ubicacion2{padding:5px}.contenedor-redes-sociales{display:none;width:14vw;top:1.5vh;right:2vw}.iconos-sociales,.icono-instagram,.icono-whatsapp{font-size:16px}.actual{font-size:12px}.contenedor-sociales-movil{display:flex;justify-content:center;align-items:center;position:fixed;bottom:5vh;right:5vw;width:60px;height:60px}.redes-sociales,.redes-sociales-whatsapp,.redes-sociales-instagram{width:100%;height:100%;text-decoration:none;border-radius:50%;background-color:#86a5a8;transition:all .5s ease-in;display:flex;justify-content:center;align-items:center;z-index:100}.redes-sociales:nth-child(2),.redes-sociales.redes-sociales:last-child{position:absolute;z-index:999;top:0;left:0}.redes-sociales:first-child{z-index:1000}.redes-sociales span{font-size:48px;color:#02020a;text-align:center}.puntos{position:relative;font-family:sans-serif;bottom:12.5px;transition:all .5s ease-out}.x{position:relative;bottom:5px;transition:all .5s ease-out}.redes-sociales-whatsapp{position:absolute;top:-140px;transition:all .5s ease-out}.redes-sociales-instagram{position:absolute;top:-70px;transition:all .5s ease-out}.iconos{font-size:32px;color:#02020a}.contenedor-banner{width:100vw;height:100vh}.imagen-slider{object-position:center}.logo-banner{top:80px;height:auto;width:80vw}.contenedor-faena{right:-7vw}.logo-LaGuardia{height:auto;width:50vw}.texto-banner{font-size:12px;width:60vw}.btn-sabermas,.btn-conocermas{font-size:14px;width:50vw;height:60px}.btn-conocermas{position:relative;right:inherit;bottom:35px;align-self:inherit}.subtitulo{font-size:18px}.subtitulo-blanco{font-size:20px;margin-top:80px;right:inherit;align-self:center}.subtitulo:after{width:40px}.texto-nosotros{font-size:12px;width:70%}.texto-slider{font-size:14px;margin-top:60px;margin-bottom:40px;width:70%;text-align:center}.logo-LaGuardia2{bottom:inherit;left:inherit;top:20px;width:250px}.contenedor-faena2{height:400px;align-items:center}.tarjeta-nosotros,.nosotros-activado{width:70vw;height:180px;border-radius:10px}.nosotros-activado:last-child{height:350px}.titulo-nosotros{font-size:24px}.nosotros-activado .titulo-nosotros{font-size:14px}.nosotros-activado:last-child .titulo-nosotros{top:10px}.contenido-nosotros{font-size:12px;visibility:hidden}.nosotros-activado .contenido-nosotros{display:block;visibility:visible;transition-delay:.5s;transition:visibility .5s ease-in-out}.nosotros-activado:last-child .contenido-nosotros{text-align:left;line-height:120%}.novidesa-logo{width:70vw;margin:10px 0}.tarjeta-producto,.producto-activado{width:70vw;height:auto;padding:5px 0 55px}.producto-activado:after{content:"";background-color:#000000bf;border-radius:10px;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;transition:all .5s ease-in-out}.btn-ficha{display:none}.producto-activado .btn-ficha{display:flex;justify-content:center;align-items:center;background-color:#f2efe6;border-radius:5px;color:#02020a;font-size:16px;font-weight:300;text-decoration:none;width:200px;height:60px;text-align:center;z-index:5;position:absolute;top:50%;left:50%}.titulo-tarjeta{font-size:18px}.producto-activado .btn-ficha{font-size:10px;width:80%;height:40px}.contenedor-direccion,.contenedor-telefono,.contenedor-email{width:70vw;margin-bottom:40px}.footer-iconos{flex-direction:column;width:auto;height:75px;right:none;left:20px}.logo-footer{height:8vh}.icono{font-size:30px}}@media only screen and (max-height: 600px){body{overflow-x:hidden}.contenedor-logo{top:10px}.logo{top:3px;height:20px}.contenedor-navbar{height:50px}.contenedor-links{width:40vw;min-width:0}.link{font-size:16px}.contenedor-redes-sociales{right:3vw;top:10px;width:11vw}.iconos-sociales,.icono-instagram,.icono-whatsapp{font-size:28px}.actual{font-size:16px}.contenedor-banner{width:100vw;height:100vh}.logo-banner{top:80px}.titulo{font-size:24px}.texto-banner{font-size:12px;width:30vw;bottom:0;top:inherit}.btn-sabermas,.btn-conocermas{font-size:14px;width:30vw;height:60px}.btn-conocermas{bottom:10px}.tarjeta-ubicacion{padding:8px}.subtitulo{font-size:20px}.subtitulo:after{width:50px}.texto-nosotros{font-size:14px;width:70%}.logo-faena2{bottom:10px}.contenedor-faena2{height:300px}.tarjeta-nosotros,.nosotros-activado{width:260px;border-radius:10px}.titulo-nosotros{font-size:18px}.contenido-nosotros{font-size:10px}.novidesa-logo{width:70vw;margin:10px 0}.tarjeta-producto,.producto-activado{width:600px;height:550px}.titulo-tarjeta{font-size:18px}.titulo,.btn-sabermas{top:0}.producto-activado .btn-ficha{font-size:10px;width:80%;height:50px}.contenedor-direccion,.contenedor-telefono,.contenedor-email{width:70vw;margin-bottom:40px}.footer-iconos{right:30px;width:125px}.icono{font-size:36px}.whatsapp-link{height:45px;width:45px;bottom:60px;right:80px}.whatsapp-link:after{content:"";background-color:#25d366;width:7px;height:8px;position:absolute;z-index:99;left:2px;bottom:2px}.whatsapp{font-size:56px;z-index:100}footer span{top:20px}}@media only screen and (min-width: 900px){.tarjeta-nosotros:hover{height:250px;transform:translate(30px);transform:translateY(-15px);box-shadow:10px 7.5px 5px #00000040;transition:all .5s ease}.tarjeta-nosotros:hover .titulo-nosotros{color:#86a5a8;font-size:24px;transition-delay:.5s;transition:all .5s ease-in-out}.tarjeta-nosotros:hover .contenido-nosotros{display:block;visibility:visible;transition-delay:.5s;transition:visibility .5s ease-in-out}.link:hover{color:#3e5751;transform:scale(1.2);transition:all .3s ease}.logo:hover{transform:scale(1.2);transition:all .3s ease}}@media only screen and (max-width: 300px){.link,.contenido-nosotros{font-size:10px}.texto-producto{font-size:11px}}