/* screen - miraviau95raqueta */

.miraviau95raqueta {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.miraviau95raqueta .overlap-group8 {
  height: 1629px;
  position: relative;
  width: 100%;
}

.miraviau95raqueta .overlap-group1 {
  height: 1629px;
  width: 100%;
}

.miraviau95raqueta .img-cabecera {
  background-image: url("../img/cabeceradef.png");
  height: 734px;
  left: 0;
  object-fit: cover;
  width: 100%;
}

.miraviau95raqueta .fondo {
  background-color: #edebfd;
  height: 719px;
  position: absolute;
  top: 910px;
  width: 100%;
}

.miraviau95raqueta .fondo_adorno {
  height: 334px;
  position: absolute;
  top: 619px;
  width: 100%;
}

.miraviau95raqueta .overlap-group-2 {
  align-items: center;
  background-color: var(--jacarta);
  border-radius: 30px;
  display: flex;
  justify-content: center;
  left: calc(50% - 500px);
  padding: 50px;
  position: absolute;
  top: 569px;
  max-width: 1000px;
}

.miraviau95raqueta .flex-container-213101 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.miraviau95raqueta .text {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.miraviau95raqueta .span-1 {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 700;
}

.miraviau95raqueta .logo-miravia {
  height: 81px;
  position: relative;
}

.miraviau95raqueta .content-title {
  padding: 8%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition-property: background-position;
}

.miraviau95raqueta .title {
  color: var(--white);
  font-family: var(--font-family-bebas_neue);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.miraviau95raqueta .equpate-con {
  color: var(--white);
  font-family: var(--font-family-bebas_neue);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position:relative;
  text-align: center;
}

.miraviau95raqueta .overlap-group5 {
  height: auto;
  left: 28%;
  position: absolute;
  top: 880px;
  width: 657px;
}

.miraviau95raqueta .figura {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 626px;
}

.miraviau95raqueta .rafael-nadal {
  height: auto;
  left: 61px;
  object-fit: cover;
  position: absolute;
  top: 50px;
  width: 596px;
}

.miraviau95raqueta .indicador-zapatillas {
  align-items: flex-start;
  justify-content: flex-end;
  left: 52px;
  top: 535px;
}

.miraviau95raqueta .overlap-group {
  align-items: center;
  justify-content: center;
  background-color: var(--blue-marguerite);
  border-radius: 15.43px;
  display: flex;
  height: 31px;
  min-width: 31px;
  cursor: pointer;
  box-shadow: 0 0 0 0 rgba(#6b5fee99, .6);
  -webkit-animation: pulse 3s infinite;
}

.miraviau95raqueta .indicador-pelota {
  align-items: flex-end;
  left: 489px;
  top: 416px;
}

.miraviau95raqueta .indicador-pantalones {
  align-items: flex-end;
  left: 230px;
  top: 341px;
}

.miraviau95raqueta .indicador-camiseta {
  align-items: flex-end;
  justify-content: flex-end;
  left: 359px;
  top: 247px;
}

.miraviau95raqueta .abierto_-indicador-raqueta {
  align-items: flex-end;
  border-radius: 21.6px;
  display: flex;
  height: 43px;
  justify-content: flex-end;
  left: 374px;
  min-width: 43px;
  padding: 6.2px 6.2px;
  position: absolute;
  top: 90px;
}

.miraviau95raqueta .overlap-group4 {
  align-items: flex-end;
  background-color: var(--jacarta);
  border-radius: 15.43px;
  display: flex;
  height: 31px;
  justify-content: flex-end;
  min-width: 31px;
  padding: 14.2px 9.8px;
  box-shadow: 0 0 0 8px rgba(45, 39, 100, 0.4);
}

.miraviau95raqueta .rectangle-2 {
  background-color: var(--white);
  border-radius: 100px;
  height: 2px;
  width: 11px;
}

.miraviau95raqueta .overlap-group6 {
  height: 43px;
  right: 10%;
  position: absolute;
  top: 1463px;
  width: 243px;
}

.miraviau95raqueta .botn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #dad6fb;
  border-radius: 100px;
  height: 43px;
  width: 203px;
  margin: 0 auto;
  animation: fadeIn 0.3s backwards;
  animation-delay: 0.5s;

}

.miraviau95raqueta .ver-ms {
  color: var(--jacarta);
  font-family: var(--font-family-bebas_neue);
  font-size: var(--font-size-s);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
}

.miraviau95raqueta .botn:hover .ver-ms {
  color: #6B5FEE;
}


.miraviau95raqueta .raqueta02,
.miraviau95raqueta .raqueta01 {
  background-color: var(--white);
  border-radius: 20px;
  box-shadow: 2px 2px 10.9px #2d276414;
  display: flex;
  flex-direction: column;
  gap: 14.4px;
  height: 276px;
  right: 10%;
  position: absolute;
  width: 243px;
  animation: fadeIn 0.3s backwards;
  /* opacity: 1; */
}
.miraviau95raqueta .raqueta02{
  animation-delay: 0.25s;
}

@keyframes fadeIn {
  0%{
    transform: translateX(-100px);
    opacity: 0;
  }
  100%{
    opacity: 1;
    transform: translateX(0px);

  } 
}
.fadeOut{
  animation: fadeOut 0.5s backwards;

}
@keyframes fadeOut {
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  } 
}


.miraviau95raqueta .raqueta02 {
  top: 1157px;
}

.miraviau95raqueta .raqueta01 {
  top: 862px;
}

.miraviau95raqueta .mejor-precio {
  align-items: flex-start;
  align-self: center;
  display: flex;
}

.miraviau95raqueta .overlap-group-1 {
  position: relative;
  margin: 0 auto;
}

.miraviau95raqueta .botn-card {
  display: block;
  background-color: var(--jacarta);
  border-radius: 100px;
  width: 200px;
  padding: 10px 20px;
  margin: 0 auto;
}

.miraviau95raqueta .botn-text {
  color: var(--white);
  font-family: var(--font-family-bebas_neue);
  font-size: var(--font-size-s);
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
}



.miraviau95raqueta .a_-raqueta02,
.miraviau95raqueta .a_-raqueta01-1 {
  height: auto;
  margin: 10px auto;
  object-fit: cover;
  width: 180px;
}

.miraviau95raqueta .la-ms-similar {
  align-items: flex-start;
  align-self: center;
  display: flex;
}

.miraviau95raqueta .botn-card:hover {
  background-color: #6B5FEE;
}

.miraviau95raqueta .la-ms-similar-1 {
  color: var(--white);
  font-family: var(--font-family-bebas_neue);
  font-size: var(--font-size-s);
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 9px;
  white-space: nowrap;
  width: 206px;
}

.miraviau95raqueta .overlap-group7 {
  height: 51px;
  left: 10%;
  position: absolute;
  display: flex;
  top: 974px;
}

.miraviau95raqueta .botn-3 {
  display: block;
  background-color: var(--blue-marguerite);
  border-radius: 12px;
  width: 271px;
  padding: 10px;
}

.miraviau95raqueta .olimpiadasmiravia {
  color: var(--white);
  font-family: var(--font-family-bebas_neue);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
}

.miraviau95raqueta .consigue-5-de-descu {
  left: 10%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 866px;
  width: 372px;
}

.consigue-5-de-descu>span b {
  font-weight: 700;
}

.miraviau95raqueta .cierre {
  align-items: flex-start;
  display: flex;
  padding: 20px 40px;
  text-align: center;
  width: 100%;
}

.miraviau95raqueta .overlap-group2-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin: 80px auto;
  width: 100%;
}

.miraviau95raqueta .no-encuentras-lo-que-buscas {
  align-self: center;
  color: var(--jacarta);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  min-height: 35px;
  text-align: center;
}

.miraviau95raqueta .overlap-group-3 {
  align-items: flex-end;
  background-color: var(--blue-marguerite);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 71px;
  padding: 6px 30px;
}

.miraviau95raqueta .overlap-group-3:hover {
  background-color: #2D2764;
}

.miraviau95raqueta .ve-a-miraviay-desc {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
}

.miraviau95raqueta .img {
  position: absolute;
  top: 0;
}

.miraviau95raqueta .indicador {
  padding: 6.2px 6.2px;
  position: absolute;
}

.miraviau95raqueta .mas-4 {
  height: 15px;
  width: 14px;
}

.pulse-button:hover {
  -webkit-animation: none;
}

@-webkit-keyframes pulse {
  0% {
    letter-spacing: 1.3px;
    transform: scale(.9);
  }
  70% {
    letter-spacing: 1.9px;
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(107, 95, 238, 0.6);
  }
    100% {
    font-size: 12px;
    letter-spacing: 1.3px;
    transform: scale(.9);
    box-shadow: 0 0 0 0 rgba(107, 95, 238, 0.6);
  }
}

@media (min-width: 1800px) {
  .miraviau95raqueta .overlap-group5 {
    left: 31%;
  }
}

@media (max-width: 1400px) {
  .miraviau95raqueta .overlap-group6,
  .miraviau95raqueta .raqueta02, 
  .miraviau95raqueta .raqueta01 {
    right: 3%;
  }
}

@media (max-width: 1200px) {
  .miraviau95raqueta .title {
    font-size: 80px;
  }
  .miraviau95raqueta .equpate-con {
    font-size: 70px;
  }
  .miraviau95raqueta .logo-miravia {
    height: 70px;
  }
  .miraviau95raqueta .overlap-group5 {
    left: 18%;
  }
  .miraviau95raqueta .span-1,
  .roboto-normal-white-25px {
    font-size: 20px;
  }

  .miraviau95raqueta .overlap-group5 {
    transform: scale(0.9);
    left: 22%;
  }

}

@media (max-width: 991px) {
  .miraviau95raqueta .content-title {
    padding: 12% 6%;
  }
  .miraviau95raqueta .overlap-group-2 {
    left: 0px;
  }
  .miraviau95raqueta .consigue-5-de-descu {
    left: 8%;
    top: 830px;
    width: 300px;
  }
  .miraviau95raqueta .overlap-group7 {
    left: 8%;
    top: 940px;
  }
  .miraviau95raqueta .raqueta02, 
  .miraviau95raqueta .raqueta01 {
    left: 8%;
    height: 230px;
    width: 220px;
  }

  .miraviau95raqueta .overlap-group6 {
    left: 8%;
    top: 1540px;
  }

  .miraviau95raqueta .raqueta01 {
    top: 1040px;
  }

  .miraviau95raqueta .raqueta02 {
    top: 1290px;
  }

  .miraviau95raqueta .a_-raqueta02, 
  .miraviau95raqueta .a_-raqueta01-1 {
    width: 140px;
  }
  .miraviau95raqueta .overlap-group5 {
    transform: scale(0.8);
    left: 32%;
  }

    .miraviau95raqueta .span-1, 
    .roboto-normal-white-25px {
      font-size: 18px;
  }

}

@media (max-width: 800px) {
  .miraviau95raqueta .overlap-group-2 {
    top: 500px;
  }

  .miraviau95raqueta .ve-a-miraviay-desc {
    font-size: 20px;
  }

  .miraviau95raqueta .fondo_adorno {
    top: 560px;
  }

  .miraviau95raqueta .fondo {
    height: 110vh;
    top: 870px;
  }

  .miraviau95raqueta .consigue-5-de-descu {
    left: 0;
    padding: 20px 40px;
    top: 800px;
    text-align: center;
    width: 100%;
  }

  .miraviau95raqueta .overlap-group7 {
    left: 0;
    top: 900px;
    width: 100%;
    justify-content: center;
  }

  .miraviau95raqueta .overlap-group5 {
    left: 0;
    width: 100%;
    top: 950px;
  }

  .miraviau95raqueta .raqueta02, 
  .miraviau95raqueta .raqueta01 {
    top: 1530px;
    height: 200px;
    width: 200px;
  }

  .miraviau95raqueta .raqueta02 {
    right: 12%;
    left: auto;
  }
  .miraviau95raqueta .raqueta01 {
    left: 12%;
  }
  
  .miraviau95raqueta .a_-raqueta02, 
  .miraviau95raqueta .a_-raqueta01-1 {
    width: 110px;
  }

  .miraviau95raqueta .botn-card {
    width: 170px;
  }

  .miraviau95raqueta .overlap-group6 {
    left: 0;
    top: 1750px;
    width: 100%;
  }

  .miraviau95raqueta .overlap-group2-1 {
    margin: 50% auto 60px;
  }
}

@media (max-width: 550px) {
  .miraviau95raqueta .consigue-5-de-descu {
    top: 720px;
  }
  .miraviau95raqueta .overlap-group-2 {
    padding: 30px;
  }
  .miraviau95raqueta .overlap-group7 {
    top: 810px;
  }
  .miraviau95raqueta .overlap-group5 {
    top: 880px;
  }
  .miraviau95raqueta .rafael-nadal,
  .miraviau95raqueta .figura {
    width: 100%;
  }
  .miraviau95raqueta .rafael-nadal{
    left: 40px;
  }
  .miraviau95raqueta .indicador-zapatillas {
    left: 50px;
    top: 445px;
  }
  .miraviau95raqueta .indicador-pelota {
    left: 390px;
    top: 345px;
  }
  .miraviau95raqueta .indicador-camiseta {
    left: 300px;
    top: 215px;
  }
  .miraviau95raqueta .abierto_-indicador-raqueta {
    left: 300px;
  }
  .miraviau95raqueta .raqueta02, .miraviau95raqueta .raqueta01 {
    top: 1440px;
    height: 190px;
    width: 180px;
  }
  .miraviau95raqueta .raqueta02 {
    right: 5%;
  }
  .miraviau95raqueta .raqueta01 {
    left: 5%;
  }
  .miraviau95raqueta .overlap-group6 {
    top: 1680px;
  }
  .miraviau95raqueta .botn-card {
    width: 160px;
    padding: 6px 10px;
  }
  .miraviau95raqueta .no-encuentras-lo-que-buscas{
    font-size: 24px;
  }
  .miraviau95raqueta .ve-a-miraviay-desc {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .miraviau95raqueta .content-title {
    padding: 22% 6% 6%;
  }
  .miraviau95raqueta .fondo {
    height: 85vh;
  }
  .miraviau95raqueta .equpate-con,
  .miraviau95raqueta .title {
    font-size: 60px;
  }
  .miraviau95raqueta .logo-miravia {
    height: 50px;
    margin-top: 20px;
  }
  .miraviau95raqueta .raqueta02, .miraviau95raqueta .raqueta01 {
    top: 1340px;;
    width: 160px;
  }
  .miraviau95raqueta .botn-card {
    width: 140px;
  }
  .miraviau95raqueta .overlap-group6 {
    top: 1560px;
  }
  .miraviau95raqueta .indicador-zapatillas {
    left: 30px;
    top: 360px;
  }
  .miraviau95raqueta .abierto_-indicador-raqueta {
    left: 240px;
  }
  .miraviau95raqueta .indicador-camiseta {
    left: 230px;
    top: 185px;
  }
  .miraviau95raqueta .indicador-pantalones {
    top: 280px;
  }
  .miraviau95raqueta .indicador-pelota {
    left: 320px;
    top: 285px;
  }
  .miraviau95raqueta .overlap-group2-1 {
    margin: 50px auto 50px;
  }
}

@media (max-width: 400px) {
  .miraviau95raqueta .fondo {
    height: 95vh;
  }
  .miraviau95raqueta .raqueta02, 
  .miraviau95raqueta .raqueta01 {
    top: 1320px;
  }
  .miraviau95raqueta .overlap-group6 {
    top: 1530px;
  }
}