.position,header{position:relative}#modularImg,#nav{position:absolute}#contentBar,#contentNav,#nav,#nav ul{display:flex}#downloadBtn,#modularImg{top:28%;align-self:center}#downloadBtn,.textRed,h1 span{color:#c1272d}#downloadBtn,#textH{animation-delay:.7s}#explanation,header h1,header p{text-align:center}#modularImg,.flower,.position{left:0;right:0}#Gallery,body{overflow-x:hidden}#nav ul li a,.card h3{font-size:2rem}#partsBtn,footer{background:#2c2c2c}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#e5e5e5}.video,header,section{width:100%}#btnContent button img,.bar{width:3.5em}.position{animation:.9s ease-out forwards traslate,.9s ease-out forwards traslateFromRight}p{font-weight:300}.title{font-family:"Jersey 10",sans-serif;letter-spacing:.2rem;font-display:swap}.red,footer,ul li a{color:#e5e5e5}.textRoboto{font-family:Roboto,sans-serif;line-height:1.5;font-display:swap}header{display:grid;grid-template-rows:18% 23% 24%;flex-direction:column;align-items:center;height:100dvh;overflow:hidden}#TitleH{font-size:4.5rem;z-index:0;color:#f9dc24;animation-delay:.5s;font-weight:100;text-shadow:-1px -1px 0 #252000,1px -1px 0 #252000,-1px 1px 0 #252000,1px 1px 0 #252000}#textH,.red h3{font-weight:400}h1 span{text-shadow:none}#textH{margin:1em 0;padding:0 1em;top:29%}#modularImg{width:40lvh;height:40lvh;object-fit:cover;transform:scale(188%);justify-self:center;margin:auto;animation:.8s ease-out forwards scale;opacity:1;transition:opacity .5s ease-in-out}@keyframes scale{to{transform:scale(100%)}}#contentNav{padding:1em 0;align-items:center;justify-content:space-between}#burgerMenu{display:none}#logo{width:8em;object-fit:contain}#contentBar{flex-direction:column;gap:5px;padding:0 1em}.bar{background:#c1272d;height:.5em;z-index:4}#nav,.yellow{background-color:#f9dc24}#nav{right:-100%;top:0;width:80%;transition-duration:.25s;align-items:end;justify-content:center;height:100vh;z-index:2;align-items:center;justify-content:end}#nav ul{flex-direction:column;align-items:end;justify-content:start;padding:0 1em;height:70%;gap:3em}#btnContent{display:flex;align-items:center}ul li{list-style:none}#nav ul li a{color:#2c2c2c;text-align:end}#nav ul li a:hover,a:hover{text-decoration:underline;transition:.6s ease-out;color:#c1272d}ul li a{text-decoration:none;font-size:1.4rem}#burgerMenu:checked~#nav{right:0}#downloadBtn{font-size:1.7rem;background:0 0;border:none;display:flex;gap:10px}#downloadBtn img{width:.5em}#btnContent{justify-content:center}button{cursor:pointer}button:hover{transform:scale(1.05);transition:transform .3s ease-out}#positionConten{display:flex;flex-direction:column;gap:.5em}#btnContent{top:30%;justify-content:center;gap:1em;animation-delay:.9s;left:0!important}#explanation,#modular{display:flex;align-items:center;position:relative;overflow:hidden}#btnContent button{border:none;border-radius:50%;padding:.3em}#modularBtn{background:#f9dc24}.positionLeft{transform:translateX(-150%)}@keyframes traslate{to{transform:translateX(0)}}.positionRight{transform:translateX(100%)}@keyframes traslateFromRight{to{transform:translateX(0)}}section{height:100dvh;width:100%}#explanation{justify-content:center}.textopa{opacity:0;position:relative;transition:opacity .9s}.centerTitle,.flower,.galleryImg,.modulaSection,.textAnimation{position:absolute}.textOpacity{opacity:1;transition-delay:0.5s;padding:0 1em}.flower{top:0;bottom:0;width:100%;z-index:0;margin:auto;transition:.5s}.left,.rightFlower{transition:transform .5s}.left{transform:translate(-47%,-94%) scale(130%)}.rightFlower{transform:translate(47%,83%) scale(150%)}#modular{justify-content:center}#Gallery,#parts{padding:0;align-items:center}.centerTitle{margin:auto;opacity:1;transition:.9s ease-in-out}.h2Zise{font-size:5rem}.centerAnimtion{opacity:0}.textAnimation{transform:translateY(-75%);padding:1em;opacity:0;transition:opacity .9s}.textAmOp{opacity:1;transition-delay:0.8s}.modulaSection{transform:translate(30%,81%);transition:transform .9s ease-in-out;overflow:hidden}.animationMD{transform:translate(-20%,19%) scale(135%);transition-delay:0.5s}#Gallery{position:relative;display:grid;grid-template-rows:repeat(2,1fr);justify-items:center}#galleryContent{position:relative;width:100%;height:100%;margin:auto;overflow:hidden}.galleryImg{width:100%;height:100%;opacity:0;animation:25s infinite cambio;transition:opacity 1s ease-in-out}.galleryImg:first-child{animation-delay:0s}.galleryImg:nth-child(2){animation-delay:5s}.galleryImg:nth-child(3){animation-delay:10s}.galleryImg:nth-child(4){animation-delay:15s}.galleryImg:nth-child(5){animation-delay:20s}@keyframes cambio{0%,100%,24%{opacity:0}20%,4%{opacity:1}}.galleryImg img{width:100%;object-fit:cover;height:50vh}.videoContent{height:auto;padding:4em 0}.card,.cardContent{padding:1em;display:flex}#parts{background:url("../img/partsBack.jpg") 0 0/cover no-repeat;display:flex;justify-content:center}.cardContent{align-items:center;justify-content:start;height:100vh;overflow-x:scroll!important;gap:1em;width:100%}.card{flex-direction:column;border-radius:1.5em;width:406px;height:auto}.card img{width:15em;justify-self:center;padding:1em 0}.card p{line-height:1.4;font-size:14px}.property{padding:.5em 0}.red{background-color:#c1272d}footer{height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em}.ulFooter{display:flex;gap:2em;padding:1em 0}@media(width >= 750px){nav{padding:0 0 1em}#logo{width:14em}.bar{width:5.5em;height:1em}#TitleH{font-size:19vw}#modularImg{width:36em;height:36em}#positionConten{display:grid;grid-template-columns:50% 50%;grid-template-rows:repeat(2,auto);align-items:center;padding:0 1em}#textH{padding:1em 0 2em;text-align:left;font-size:1.4rem}#downloadBtn{grid-column:1/2;grid-row:2/3;justify-self:start;font-size:2.224rem;font-weight:700}#btnContent{grid-row:1/3;justify-self:end}#btnContent button img{width:6.5em}.flower{width:70vw}.textOpacity{font-size:1.6rem;padding:0 2em;line-height:1.8}.h2Zise{font-size:9rem}.textAnimation{width:80%;transform:translate(-12%,-75%);font-size:1.6rem}.modulaSection{transform:translate(30%,251%)}.animationMD{transform:translate(-20%,58%) scale(217%)}#parts{position:relative}.cardContent{height:auto;gap:0;padding:0;overflow:hidden!important}.card{position:absolute;left:0;right:0;margin:auto;width:61vw;height:auto;box-shadow:0 0 10px rgba(0,0,0,.1)}.card img{width:30em;align-self:center}.card .title{font-size:3.5rem;padding:.5em 0}.card p{font-size:1.3rem}.red{z-index:3}.red:hover{transform:scale(1.05);transition:transform .3s ease-out}.yellow1{z-index:1;left:-25%;transform:rotate(-10deg) scale(90%)}.yellow2{z-index:0;right:-25%;transform:rotate(10deg) scale(90%)}.yellow1:hover,.yellow2:hover{transform:rotate(0) scale(1.05);transition:transform .3s ease-out;z-index:4}}@media(width >= 1200px){#logo{width:10em}#TitleH{font-size:12vw}#modularImg{width:55vw;height:75vh;top:21%}#textH{width:70%;justify-self:start;font-size:1.2rem}#contentBar{display:none}#contentNav{height:5em}#nav{position:static;background-color:transparent;flex-direction:row;height:auto}#nav ul{flex-direction:row;gap:2em;padding:1em;height:auto;align-items:center}#nav ul li a{font-size:1.4rem}.flower{width:53vw}.rightFlower{transform:translate(88%,-7%)}.left{transform:translate(-88%,-7%)}.textOpacity{font-size:1.3rem;width:60%}.textAnimation{width:54%;transform:translate(-43%,-75%);font-size:1.4rem}.animationMD{transform:translate(4%,-33%) scale(100%);width:64vw}.card{width:31em;padding:1.5em;height:39em}.galleryImg img,.video{height:auto}.card img{width:25em;align-self:center}#parts{background:url("../img/partsBackD.jpg") 0 0/cover no-repeat}#Gallery{grid-template-columns:repeat(2,1fr);grid-template-rows:100%}.videoContent{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative;mask-image:url("../img/mask.svg");mask-repeat:no-repeat;mask-position:center;mask-size:30%;transition:mask-size .5s;-webkit-mask-image:url("../img/mask.svg");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:30%;-webkit-transition:-webkit-mask-size .5s}.videoContent:hover{mask-size:200%;-webkit-mask-size:200%}.video{width:100%}#btnContent,#logo,#textH,.textRoboto{padding:0 1em}button{padding:0 .5em}}