*{box-sizing:border-box;margin:0;padding:0}.App{background-color:#fff;display:grid;font-family:Verdana,Geneva,Tahoma,sans-serif;grid-template-rows:auto auto 10%;text-align:center}.footer{grid-row:3;padding-top:1%}.home-container{display:grid;grid-template-rows:repeat(auto-fit,minmax(auto,auto));height:-webkit-fit-content;height:fit-content;margin-bottom:1%;max-height:-webkit-fit-content;max-height:fit-content;padding-bottom:1%}.item-one-mobile{display:none}.item-one-desktop{align-content:start;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,30%))}.desktop-video,.item-one-desktop{height:auto;max-height:auto;max-width:100%;width:100%}.desktop-video{grid-area:1/1/4/4;object-fit:cover;overflow:hidden}.one-head{align-self:center;font-size:calc(2vw + 2vh);grid-area:1/2/2/3;text-align:center;text-transform:uppercase}.one-head,.scrollDown{color:#fff;font-weight:700;z-index:1}.scrollDown{background:none;border:none;cursor:pointer;font-size:calc(3vw + 3vh);grid-area:2/2/3/3;transform:rotate(90deg);&:hover{opacity:.8}}.item-two{grid-row-gap:5%;grid-column-gap:2.5vw;color:#636161;column-gap:2.5vw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:10% minmax(auto-fit,5fr);height:auto;justify-items:center;max-height:auto;max-width:100%;padding:5% 10%;row-gap:5%;width:100%}.two-head{align-self:center;font-size:calc(2vw + 2vh);grid-area:1/1/2/4;text-decoration:underline;-webkit-text-decoration-color:brown;text-decoration-color:brown;-webkit-text-decoration-line:overline underline;text-decoration-line:overline underline;text-decoration-thickness:calc(.5vw + .5vh);text-transform:uppercase;text-underline-offset:calc(.5vw + .5vh)}.two-box{align-content:start;background-color:#d3d3d3;color:#797373;display:grid;grid-template-columns:repeat(auto-fit,minmax(50%,50%));grid-template-rows:minmax(auto-fit,2fr) minmax(auto-fit,1fr) minmax(auto-fit,1fr);padding-bottom:1%}.box-img{grid-area:1/1/2/3;height:auto;max-width:100%;overflow:hidden;width:100%}.box-h2{background-color:brown;border-bottom-right-radius:2vw;color:#fff;font-size:calc(1vw + 1vh);grid-area:2/1/3/2;justify-self:start;padding:10%;text-transform:uppercase}.box-txt{font-size:calc(.8vw + .8vh);grid-area:3/1/4/3;padding:5% 10% 10%;text-align:start}.item-three{color:#fff;display:grid;grid-template-columns:repeat(2,minmax(0,50%));grid-template-rows:minmax(1fr,1fr) minmax(2fr,4fr);text-align:start}.three-head{background-color:gray;font-size:calc(2vw + 2vh);grid-area:1/1/2/2;padding:5% 10% 0;text-transform:uppercase}.three-text{background-color:gray;font-size:calc(1vw + 1vh);grid-area:2/1/3/2;padding:1% 10% 5%}.three-img{align-self:center;grid-area:1/2/3/2;justify-self:center;max-height:auto;max-width:100%}.item-four{grid-row-gap:20%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(1fr,2fr) minmax(2fr,4fr);padding-bottom:1%;row-gap:20%;text-transform:uppercase}.four-header{align-content:end;background-color:brown;color:#fff;font-size:calc(3vw + 2vh);grid-area:1/1/3/2;padding-top:5%;text-align:center}@media (min-width:320px) and (max-width:480px){.item-one-desktop{display:none}.item-one-mobile{align-content:start;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,50%));height:auto;max-height:auto;max-width:100%;width:100%}.one-head{align-self:start;font-size:calc(1vw + 1vh);grid-area:1/2/2/2;padding:3%;z-index:2}.mobile-video{grid-area:1/1/3/4;height:auto;max-height:auto;max-width:100%;object-fit:cover;overflow:hidden;width:100%}.scrollDown{display:none}.two-head{font-size:calc(1.2vw + 1vh);text-decoration-thickness:calc(.3vw + .3vh);text-underline-offset:calc(.1vw + .3vh);z-index:2}.box-h2{font-size:calc(.8vw + .8vh)}.box-txt{font-size:calc(.5vw + .5vh)}.three-head{font-size:calc(1vw + 1vh)}.three-text{font-size:calc(.6vw + .6vh)}.four-header{font-size:calc(1vw + 1vh)}}@media (min-width:481px) and (max-width:768px){.item-one-desktop{display:none}.item-one-mobile{align-content:start;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,50%));height:auto;max-height:auto;max-width:100%;width:100%}.one-head{align-self:start;font-size:calc(1.5vw + 1.5vh);grid-area:1/2/2/2;padding:3%;z-index:2}.mobile-video{grid-area:1/1/3/4;height:auto;max-height:auto;max-width:100%;object-fit:cover;overflow:hidden;width:100%;z-index:1}.two-head{font-size:calc(1vw + 1vh);text-decoration-thickness:calc(.3vw + .3vh);text-underline-offset:calc(.1vw + .3vh);z-index:2}.box-h2{font-size:calc(.8vw + .8vh)}.box-txt{font-size:calc(.5vw + .5vh)}.three-head{align-content:center;font-size:calc(1vw + 1vh)}.three-text{font-size:calc(.6vw + .6vh)}.four-header{font-size:calc(1vw + 1vh)}}@media (min-width:769px) and (max-width:1024px){.item-one-desktop{display:none}.item-one-mobile{align-content:start;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,30%));height:auto;max-height:auto;max-width:100%;width:100%}.one-head{font-size:calc(1.5vw + 1.5vh);padding-top:5%;z-index:2}.mobile-video{grid-area:1/1/4/4;object-fit:cover;overflow:hidden;z-index:1}.item-two,.mobile-video{height:auto;max-height:auto;max-width:100%;width:100%}.item-two{grid-row-gap:5%;grid-column-gap:2.5vw;color:#636161;column-gap:2.5vw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:10% minmax(auto-fit,5fr);justify-items:center;padding:5% 10%;row-gap:5%}.two-head{align-self:center;font-size:calc(2vw + 2vh);grid-area:1/1/2/4;text-decoration:underline;-webkit-text-decoration-color:brown;text-decoration-color:brown;-webkit-text-decoration-line:overline underline;text-decoration-line:overline underline;text-decoration-thickness:calc(.5vw + .5vh);text-transform:uppercase;text-underline-offset:calc(.5vw + .5vh)}.box-h2{font-size:calc(1vw + 1vh)}.box-txt{font-size:calc(.8vw + .8vh)}.three-head{align-content:center;font-size:calc(2vw + 2vh)}.three-text{font-size:calc(1vw + 1vh)}.four-header{font-size:calc(3vw + 2vh);padding-top:5%}}@media (min-width:1025px) and (max-width:1200px){.item-one-desktop{display:none}.item-one-mobile{align-content:start;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,30%));height:auto;max-height:auto;max-width:100%;width:100%}.one-head{font-size:calc(1.5vw + 1.5vh);padding-top:5%;z-index:2}.mobile-video{grid-area:1/1/4/4;object-fit:cover;overflow:hidden;z-index:1}.item-two,.mobile-video{height:auto;max-height:auto;max-width:100%;width:100%}.item-two{grid-row-gap:5%;grid-column-gap:2.5vw;color:#636161;column-gap:2.5vw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:10% minmax(auto-fit,5fr);justify-items:center;padding:5% 10%;row-gap:5%}.two-head{align-self:center;font-size:calc(2vw + 2vh);grid-area:1/1/2/4;text-decoration:underline;-webkit-text-decoration-color:brown;text-decoration-color:brown;-webkit-text-decoration-line:overline underline;text-decoration-line:overline underline;text-decoration-thickness:calc(.5vw + .5vh);text-transform:uppercase;text-underline-offset:calc(.5vw + .5vh)}.box-h2{font-size:calc(1vw + 1vh)}.box-txt{font-size:calc(.8vw + .8vh)}.three-head{align-content:center;font-size:calc(2vw + 2vh)}.three-text{font-size:calc(1vw + 1vh)}.four-header{font-size:calc(3vw + 2vh);padding-top:5%}}@media (min-width:1201px){.three-head{align-content:center;font-size:calc(2vw + 2vh)}}@media only screen and (max-width:1024px){@-moz-document url-prefix([grupocrusa.com]){.item-one-desktop{display:none}.item-one-mobile{align-content:start;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,30%));height:auto;max-height:auto;max-width:100%;width:100%}.one-head{font-size:calc(1.2vw + 1.2vh);padding-top:5%;z-index:2}.mobile-video{grid-area:1/1/4/4;object-fit:cover;overflow:hidden;z-index:1}.item-two,.mobile-video{height:auto;max-height:auto;max-width:100%;width:100%}.item-two{grid-row-gap:5%;grid-column-gap:2.5vw;color:#636161;column-gap:2.5vw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:10% minmax(auto-fit,5fr);justify-items:center;padding:5% 10%;row-gap:5%}.two-head{align-self:center;font-size:calc(1.6vw + 1.6vh);grid-area:1/1/2/4;text-decoration:underline;text-decoration-color:brown;text-decoration-line:overline underline;text-decoration-thickness:calc(.5vw + .5vh);text-transform:uppercase;text-underline-offset:calc(.5vw + .5vh)}.box-h2{font-size:calc(1vw + 1vh)}.box-txt{font-size:calc(.8vw + .8vh)}.three-head{align-content:center;font-size:calc(1.5vw + 1.5vh)}.three-text{font-size:calc(.8vw + .8vh)}.four-header{font-size:calc(1.5vw + 1.6vh);padding-top:5%}}}.slider-container{grid-row-gap:10%;align-content:center;align-items:center;display:grid;grid-template-columns:minmax(5%,10%) minmax(20%,80%) minmax(5%,10%);grid-template-rows:minmax(1fr,3fr) minmax(1fr,1fr);justify-content:center;justify-items:space-evenly;padding:2.5% 0;row-gap:10%}.inactive{display:none}.four-slide{grid-column-gap:2%;column-gap:2%;display:grid;grid-area:1/2/2/3;grid-auto-flow:column;text-align:center}.prev{grid-area:1/1/2/2}.next{grid-area:1/3/2/4}.next,.prev{border-radius:50%;color:#b6b6b6;cursor:pointer;font-size:2vh;font-weight:bolder;text-align:center;&:hover{color:#616060}}.all-dots{grid-column-gap:1%;align-content:center;column-gap:1%;display:grid;grid-area:2/2/3/3;grid-auto-flow:column;justify-content:center}.dot{background-color:#d3d3d3;border-radius:50%;cursor:pointer;height:1vh;max-height:1vh;max-width:1vh;width:1vh;&:hover{background-color:#616060}}.active-dot{background-color:#616060}.carousel-logos{max-width:16vw;width:16vw}#freixenet,#sjr{max-width:12vw;width:12vw}#gasnieto,#huimilpan{max-width:13vw;width:13vw}#condumex,#fertimex,#kfc,#marques{max-width:12vw;width:12vw}#grupocn{max-width:9vw;width:9vw}#huimilpan{background-color:navy;border-radius:5%}@media (min-width:769px) and (max-width:1024px){.next,.prev{font-size:5vh}.dot{height:2vh;max-height:2vh;max-width:2vh;width:2vh}}@media (min-width:1025px){.next,.prev{font-size:10vh}.dot{height:5vh;max-height:5vh;max-width:5vh;width:5vh}}.ip-grid{background-color:#fff}#ip-background,.ip-grid{display:grid;max-width:100%;width:100%}#ip-background{height:80vh;justify-content:center;max-height:100%;opacity:.9;position:relative}#ip-background>#ip-video{height:100%;left:0;object-fit:cover;position:relative;top:0;width:100%;z-index:0}#ip-background>span{color:#fff;font-size:large;font-size:calc(2vw + 3vh);font-weight:700;left:50%;line-break:auto;position:absolute;text-transform:uppercase;top:20%;transform:translate(-50%,-50%);z-index:1}@media only screen and (max-width:600px){.ip-grid{background-color:#fff}#ip-background,.ip-grid{display:grid;max-width:100%;width:100%}#ip-background{height:50vh;justify-content:center;max-height:100%;opacity:.9;position:relative}#ip-background>#ip-video{height:100%;left:0;object-fit:cover;position:relative;top:0;width:100%}#ip-background>span{color:#fff;font-size:large;font-size:calc(1vw + 2vh);font-weight:700;left:50%;line-break:auto;position:absolute;text-transform:uppercase;top:15%;transform:translate(-50%,-50%)}}.mobile-nav{display:none}.desktop-nav{position:relative;width:100%;z-index:999}.sticky-nav{left:0;position:fixed;top:0;width:100%}nav{align-items:center;background-color:#494646;display:grid;grid-auto-flow:column;grid-template-columns:1fr repeat(auto-fit,minmax(0,1fr));height:auto;width:auto}.nav-button{align-content:center;background-color:#d3d3d3;border-style:none;cursor:pointer;display:grid;font-weight:700;grid-auto-flow:column;grid-column:1/2;height:100%;justify-content:center;max-height:100%;padding:1%;text-align:start}.nav-logo{max-height:10vh;padding:10%;width:auto}.nav-title{color:gray;text-decoration:underline;-webkit-text-decoration-color:#d3d3d3;text-decoration-color:#d3d3d3}.crusa,.nav-title{align-self:center;font-size:calc(.5vw + 1vh)}.crusa{color:#db3f3f}.links{align-content:center;display:grid;grid-auto-flow:column;grid-column:2/8}.link-btn{background-color:#494646;border-radius:10px;border-style:none;color:#fff;cursor:pointer;font-size:calc(.5vw + 1vh);padding:10px 20px;text-align:center;&:hover{background-color:#7c7676}&:active{background-color:#666}}@media (min-width:320px) and (max-width:480px){.desktop-nav{display:none}.grid-navbar{height:5vh}.mobile-nav{align-content:center;display:grid;grid-auto-flow:column;height:5vh;justify-content:space-between}.sticky-nav{height:5vh;left:0;position:fixed;top:0;width:100%}nav{align-content:center;height:5vh}.HamburgerMenu{cursor:pointer;grid-column:2/3;height:5vh}.nav-button{align-content:center;grid-column:1/2;height:5vh;justify-content:center;text-align:start}.nav-logo{max-height:5vh;padding:10%;width:auto}.nav-title{color:gray;text-decoration:underline;-webkit-text-decoration-color:#d3d3d3;text-decoration-color:#d3d3d3}.crusa,.nav-title{align-self:center;font-size:calc(1vw + 1vh)}.crusa{color:#db3f3f}.links{border-bottom-left-radius:1vh;border-bottom-right-radius:1vh;display:grid;grid-auto-flow:row;height:20vh;position:absolute;right:0;top:5vh;width:auto;z-index:3}.link-btn,.links{background-color:#d3d3d3}.link-btn{border-radius:10px;border-style:none;color:#2c2a2a;cursor:pointer;font-size:calc(.5vw + 1vh);font-weight:700;padding:5px 50px;text-align:center;width:-webkit-fit-content;width:fit-content;&:hover{background-color:#7c7676}&:active{background-color:#666}}}@media (min-width:481px) and (max-width:768px){.desktop-nav{display:none}.grid-navbar{height:10vh}.mobile-nav{align-content:center;display:grid;grid-auto-flow:column;height:10vh;justify-content:space-between}.sticky-nav{height:10vh;left:0;position:fixed;top:0;width:100%}nav{align-content:center;height:10vh}.HamburgerMenu{cursor:pointer;grid-column:2/3;height:10vh}.nav-button{align-content:center;grid-column:1/2;height:10vh;justify-content:center;text-align:start}.nav-logo{max-height:10vh;padding:10%;width:auto}.nav-title{color:gray;text-decoration:underline;-webkit-text-decoration-color:#d3d3d3;text-decoration-color:#d3d3d3}.crusa,.nav-title{align-self:center;font-size:calc(1.5vw + 1vh)}.crusa{color:#db3f3f}.links{border-bottom-left-radius:1vh;border-bottom-right-radius:1vh;display:grid;grid-auto-flow:row;height:auto;position:absolute;right:0;top:10vh;width:auto;z-index:3}.link-btn,.links{background-color:#d3d3d3}.link-btn{border-radius:10px;border-style:none;color:#2c2a2a;cursor:pointer;font-size:calc(.5vw + 1vh);font-weight:700;padding:5px 50px;text-align:center;&:hover{background-color:#7c7676}&:active{background-color:#666}}}@media (min-width:769px) and (max-width:1024px){.desktop-nav{display:none}.mobile-nav{align-content:center;display:grid;grid-auto-flow:column;height:10vh;justify-content:space-between}.sticky-nav{height:10vh;left:0;position:fixed;top:0;width:100%}nav{align-content:center;height:10vh}.HamburgerMenu{cursor:pointer;grid-column:2/3;height:10vh}.nav-button{align-content:center;grid-column:1/2;height:10vh;justify-content:center;text-align:start}.nav-logo{max-height:10vh;padding:10%;width:auto}.nav-title{color:gray;text-decoration:underline;-webkit-text-decoration-color:#d3d3d3;text-decoration-color:#d3d3d3}.crusa,.nav-title{align-self:center;font-size:calc(1vw + 1vh)}.crusa{color:#db3f3f}.links{border-bottom-left-radius:1vh;border-bottom-right-radius:1vh;display:grid;grid-auto-flow:row;height:auto;position:absolute;right:0;top:10vh;width:auto;z-index:3}.link-btn,.links{background-color:#d3d3d3}.link-btn{border-radius:10px;border-style:none;color:#2c2a2a;cursor:pointer;font-size:calc(.5vw + 1vh);font-weight:700;padding:5px 50px;text-align:center;&:hover{background-color:#7c7676}&:active{background-color:#666}}}.footer-container{display:grid;grid-template-rows:repeat(2,minmax(0,auto));height:auto;max-height:auto;max-width:100%;padding:1%;width:100%}.copyright{color:#000;font-weight:400}.aviso,.copyright{font-size:calc(.8vw + .8vh);text-decoration:none}@media only screen and (max-width:600px){.footer-container{display:grid;grid-template-rows:repeat(2,minmax(0,auto));max-width:100%;padding:1%;width:100%}.copyright{color:#000}.aviso,.copyright{font-size:calc(.5vw + .5vh);text-decoration:none}}
/*# sourceMappingURL=main.584ddb23.css.map*/