.hero{height:100vh;position:relative}.hero__contenido{justify-content:space-between;align-items:center;width:min(90%,160rem);margin:0 auto;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__informacion{flex-direction:column;justify-content:space-between;gap:2rem;width:100%;max-width:34rem;height:75vh;margin-top:10vh;display:flex}@media (min-width:768px){.hero__informacion{height:auto;margin-top:0}}.hero__informacion__titulo{color:#fff;margin:0 0 2rem;font-size:2.8rem}@media (min-width:768px){.hero__informacion__titulo{font-size:3.6rem}}.hero__informacion__titulo span{color:#fc0}.hero__informacion__descripcion{color:#fff;text-align:left;text-align:justify;margin:0;font-size:1.9rem;display:none}@media (min-width:768px){.hero__informacion__descripcion{display:block}}
.slider__img{object-fit:cover;object-position:bottom;z-index:-1;width:100%;height:100%;animation:1s ease-in-out forwards slide_out;position:absolute;top:0;left:100%}@media (min-width:768px){.slider__img{object-position:left}}.slider__img--active{animation:1s ease-in-out forwards slide_in}.slider__img--initial{z-index:0;animation:none;left:0}.slider__info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000080;border:1px solid;align-self:flex-start;width:100%;max-width:32rem;height:8rem;padding:2rem;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-100%);box-shadow:0 0 15px 4px #fc0}@media (min-width:768px){.slider__info{height:10rem;position:static}}.slider__info__item{width:100%;padding:1rem;transition:all .25s ease-in-out;position:absolute;top:-100%;left:0}@media (min-width:768px){.slider__info__item{padding:2rem}}.slider__info__item:hover{background-color:#000000b3}.slider__info__item--initial{animation:none;top:0}.slider__info__item--active{animation:1s ease-in-out forwards slide_in_maquina}.slider__info__item--out{animation:1s ease-in-out forwards slide_out_maquina}.slider__info__nombre{color:#fc0;text-transform:capitalize;margin:0 0 1rem}@media (min-width:768px){.slider__info__nombre{margin-bottom:0}}.slider__info__descripcion{color:#fff;margin:0;font-size:1.2rem}@keyframes slide_in{0%{left:100%}to{left:0}}@keyframes slide_out{0%{left:0}to{left:-100%}}@keyframes slide_in_maquina{0%{top:-100%}to{top:0}}@keyframes slide_out_maquina{0%{top:0}to{top:100%}}