@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{font-family:Rubik,sans-serif;scroll-behavior:smooth}html{scroll-behavior:smooth}body{background-color:#f2efe6;margin:0;overflow-x:hidden;scroll-behavior:smooth}.App{display:flex;flex-direction:column;color:#02020a;scroll-behavior:smooth}.logo{height:6vh}.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:#f2efe6;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:#e6683c}.icono-whatsapp:hover{color:#25d366}.contenedor-links{display:flex;justify-content:space-between;align-items:center;height:100%;width:40vw;min-width:500px}.link{color:#fefdff;font-weight:500;text-decoration:none;font-size:20px}.scrolled-color{color:#02020a;transition:all .5s ease}.actual{color:#ff680d;transform:scale(1.2);transition:all .3s ease;text-decoration:none;font-size:20px;font-weight:500}.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:scaleY(40px);opacity:0}.fondo{width:100%;height:100%;background-color:#000000b3;position:absolute;top:0;right:0;z-index:0}.logo-banner{height:20vh;z-index:5;margin-bottom:20px;opacity:1;transition:all 1s ease-out}.titulo{font-size:42px;color:#fefdff;font-weight:800;text-align:center;z-index:5;position:relative;top:30px;opacity:1;transition:all 1s ease-out}.texto-banner{font-size:16px;color:#fefdff;font-weight:400;text-align:center;width:18vw;z-index:5;position:relative;top:30px;opacity:1;transition:all 1s ease-out}.btn-sabermas{font-size:20px;color:#fefdff;font-weight:500;width:15vw;height:60px;background-color:#ff680d;border-radius:30px;text-decoration:none;z-index:5;display:flex;justify-content:center;align-items:center;position:relative;top:65px;opacity:1;transition:all 1s ease-out}.btn-sabermas:hover{background-color:#fd9e02;transition:all .3s ease}.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:500;text-align:center;display:flex;flex-direction:column;align-items:center}.subtitulo:after{content:"";background-color:#ff680d;height:5px;width:60px;margin-top:10px}.hidden-producto{transform:scaleY(40px);opacity:0;height:650px;width:325px}.tarjeta-producto{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:300px;border-radius:25px;box-shadow:5px 7.5px 9px #00000040;margin-bottom:40px;background-color:#fefdff;position:relative;cursor:pointer}.tarjeta-producto{height:670px}.producto-activado{height:auto;padding:5px 0 65px;transition:all 1s ease-in-out}.tarjeta-producto:after{content:"";background-color:#0000;border-radius:25px;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:500;text-align:center;margin:0;position:relative;top:15px}.imagen-producto{width:80%;height:auto;position:relative;top:40px}.material-producto{font-size:16px;font-weight:500;color:#ff680d;text-align:center;width:80%;margin:15px 0;position:relative;top:40px}.texto-producto{font-size:14px;font-weight:400;text-align:center;width:80%;line-height:130%;position:relative;top:40px}.texto-producto span{color:#ff680d}.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:#02020a;border-radius:10px;color:#f2efe6;font-size:16px;font-weight:500;text-decoration:none;width:200px;height:60px;text-align:center;opacity:1;visibility:visible;transition:all 1s ease-in-out;z-index:5}.btn-ficha:hover{background-color:#ff680d;transition:all .3s ease}.contenedor-nosotros{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.texto-nosotros{font-size:16px;font-weight:400;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:25px;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:25px;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:25px}.titulo-nosotros{color:#fefdff;font-size:32px;font-weight:500;text-align:center;margin:0;z-index:5;transition:all .5s ease-out}.nosotros-activado .titulo-nosotros{color:#ff680d;font-size:24px;transition-delay:.5s;transition:all .5s ease-in-out}.contenido-nosotros{display:none;font-size:12px;font-weight:400;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:600}.gmi-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:500;text-align:center;margin:0}.link-icono{color:#ff680d;text-decoration:none;display:flex;justify-content:center;align-items:center;margin-bottom:40px}.texto-direccion,.dato{font-size:16px;font-weight:400;text-align:center;line-height:120%;width:80%;text-decoration:none;margin-top:20px;color:#02020a}.texto-direccion:hover,.dato:hover{color:#ff680d;transition:all .3s ease}.iconos-contacto{font-size:72px;color:#02020a}.iconos-contacto:hover{color:#ff680d;transform:scale(1.2);transition:all .3s ease}footer{background:#fd9e02;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:140px;display:flex;justify-content:space-between;width:150px;height:auto}.icono{color:#fefdff;font-size:56px}.icono:hover{transform:scale(1.2);transition:all .3s ease}.logo-footer{height:12vh}footer span{font-size:12px;color:#02020a;font-weight:500;text-align:center;position:relative;top:40px}*{scrollbar-width:thin;scrollbar-color:#ff680d #dfe9eb}*::-webkit-scrollbar{height:15px;width:15px}*::-webkit-scrollbar-track{border-radius:5px;background-color:#dfe9eb;border:2px solid #ffffff}*::-webkit-scrollbar-thumb{border-radius:7px;background-color:#ff680d;border:3px solid #ffffff}@media only screen and (max-width: 600px){body{overflow-x:hidden}.logo{height:3vh}.contenedor-navbar{height:6vh}.contenedor-links{width:60vw;min-width:0}.link{font-size:12px}.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:#ff680d;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;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}.logo-banner{height:15vh}.titulo{font-size:24px}.texto-banner{font-size:12px;width:60vw}.btn-sabermas{font-size:14px;width:50vw;height:60px}.subtitulo{font-size:18px}.subtitulo:after{width:40px}.texto-nosotros{font-size:12px;width:70%}.tarjeta-nosotros,.nosotros-activado{width:70vw;height:180px;border-radius:25px}.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%}.gmi-logo{width:70vw;margin:10px 0}.tarjeta-producto,.producto-activado{width:70vw;height:auto;padding:5px 0 65px}.producto-activado:after{content:"";background-color:#000000bf;border-radius:25px;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:10px;color:#02020a;font-size:16px;font-weight:500;text-decoration:none;width:200px;height:60px;text-align:center;z-index:5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.titulo-tarjeta{font-size:18px}.material-producto{font-size:14px}.texto-producto{font-size:12px}.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:125px;right:none;left:20px}.icono{font-size:48px}}@media only screen and (max-height: 600px){body{overflow-x:hidden}.contenedor-logo{top:3vh}.logo{height:7vh}.contenedor-navbar{height:50px}.contenedor-links{width:60vw;min-width:0}.link{font-size:16px}.contenedor-redes-sociales{right:3vw;top:3.5vh;width:14vw}.iconos-sociales,.icono-instagram,.icono-whatsapp{font-size:28px}.actual{font-size:16px}.contenedor-banner{width:100vw;height:100vh}.logo-banner{height:20vh}.titulo{font-size:24px}.texto-banner{font-size:12px;width:60vw}.btn-sabermas{font-size:14px;width:50vw;height:60px}.subtitulo{font-size:20px}.subtitulo:after{width:50px}.texto-nosotros{font-size:14px;width:70%}.tarjeta-nosotros,.nosotros-activado{width:260px;height:200px;border-radius:25px}.titulo-nosotros{font-size:18px}.nosotros-activado .titulo-nosotros{font-size:14px}.contenido-nosotros{font-size:10px}.gmi-logo{width:70vw;margin:10px 0}.tarjeta-producto,.producto-activado{width:260px;height:auto}.tarjeta-producto{padding:5px 0}.producto-activado{padding:5px 0 65px}.titulo-tarjeta{font-size:18px}.material-producto{font-size:14px}.texto-producto{font-size:12px}.titulo,.btn-sabermas,.texto-banner{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:10px;width:125px}.icono{font-size:48px}.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:#ff680d;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:#ff680d;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}}