:root {
  --red: #ea001d;
}
@font-face {
  font-family: "caveat";
  src: url("https://dkumiip2e9ary.cloudfront.net/xalok/20-minutos/especiales/de-compras-con-ainhoa/fonts/caveat.woff2")
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "literata";
  src: url("https://dkumiip2e9ary.cloudfront.net/xalok/20-minutos/especiales/de-compras-con-ainhoa/fonts/literata.woff2")
    format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("https://dkumiip2e9ary.cloudfront.net/xalok/20-minutos/especiales/edu-recomienda/fonts/montserrat-var.woff2")
    format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open-Sans";
  src: url("https://dkumiip2e9ary.cloudfront.net/xalok/20-minutos/especiales/edu-recomienda/fonts/Open-Sans-VF.woff2")
    format("woff2");
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
}

body {
  margin-bottom: -3rem !important;
}
.c-header {
  z-index: 4 !important;
}
.c-header__user__nav,
.c-detail__data {
  display: none !important;
}
.o-content,
.o-content--full {
  width: 100%;
  max-width: 100% !important;
  margin-top: -2rem;
}
.c-detail--special {
  width: 100%;
  max-width: 100% !important;
  padding: 0;
  grid-gap: 0;
}
.o-section {
  padding-bottom: 0 !important;
}
.c-detail__body {
  padding-bottom: 0 !important;
}
.c-detail__body > * {
  padding: 0 !important;
  box-sizing: border-box;
}
.c-detail__embed {
  width: 100%;
  max-width: 100% !important;
  padding: 0 !important;
}
/* img[alt~="20m"] {
  display: none;
} */
.c-price__comparator {
  max-width: 65rem !important;
}
.c-slider__native__commerce {
  max-width: 99rem !important;
}
.c-paragraph {
  max-width: 80rem !important;
  margin: 0 0 2rem !important;
  padding: 0 1.5rem !important;
  position: relative;
  font-family: "Open-Sans" !important;
  font-size: 1.7rem !important;
  line-height: 3rem !important;
  font-weight: 400 !important;
  color: #000 !important;
}
.composite-richtext p {
  max-width: 80rem !important;
  margin: 0 2rem 2rem !important;
  position: relative;
  font-family: "Montserrat" !important;
  font-size: 2.8rem !important;
  line-height: 3.5rem !important;
  font-weight: 500 !important;
  color: #000 !important;
}
.c-detail__media {
  max-width: 80rem !important;
  margin: 0 auto 2rem !important;
}
.c-detail__media img {
  border-bottom: 0.2rem solid var(--red);
}
.c-detail__media__credit,
.c-detail__media__signature {
  display: none !important;
}
.c-phrase__blockquote {
  max-width: 80rem !important;
  padding: 0 2rem !important;
}
.c-slider__native__commerce {
  max-width: 65rem !important;
}
.apertura-afiliacion {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 30vw;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: 3rem;
  padding: 5vh 1.5vh 0;
  box-sizing: border-box;
  background: url(https://dkumiip2e9ary.cloudfront.net/xalok/20-minutos/especiales/de-compras-con-ainhoa/img/apertura-bck.jpg)
    no-repeat right center;
  background-size: cover;
}
.muelle {
  content: '';
  position: absolute;
  display: inline-block;
  z-index: 3;
}
.muelle-1 {
  top: 0;
  left: 0;
  width: 30%;
  height: 10%;
  background: url(https://dkumiip2e9ary.cloudfront.net/xalok/20-minutos/especiales/de-compras-con-ainhoa/img/muelle-1.svg) no-repeat right bottom;
  background-size: 130%;
}
.muelle-2 {
  bottom: 0;
  right: 0;
  width: 30%;
  height: 15%;
  background: url(https://dkumiip2e9ary.cloudfront.net/xalok/20-minutos/especiales/de-compras-con-ainhoa/img/muelle-2.svg) no-repeat left top;
  background-size: 110%;
}
.stars {
  content: '';
  position: absolute;
  display: inline-block;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://dkumiip2e9ary.cloudfront.net/xalok/20-minutos/especiales/de-compras-con-ainhoa/img/Estrellas.svg) no-repeat center center;
  background-size: cover;
}
.txt-afiliacion {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.txt-afiliacion h1 {
  margin: 5vw 0 .5rem 2vw !important;
  width: max-content !important;
  font-family: "literata" !important;
  font-size: 4rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  color: #035e8c !important;
  text-align: left !important;
}
.txt-afiliacion h2 {
  margin: 0 0 2rem !important;
  padding: 0 0 0 25vw !important;
  width: max-content !important;
  font-family: "caveat" !important;
  font-size: 5.5rem !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  color: #bf4760 !important;
  text-align: left !important;
  text-transform: none !important;
  transform: rotate(-5deg) !important;
}
.txt-afiliacion span {
  font-family: "Open-Sans" !important;
  font-size: 2rem !important;
  line-height: 2.5rem !important;
  font-weight: 500 !important;
  color: #000 !important;
}
.ainhoa-apertura {
  position: relative;
  width: 100%;
  margin: 0;
  z-index: 2;
}
.ainhoa-apertura picture {
  display: flex;
  justify-content: flex-end;
}
.ainhoa-apertura img {
  max-width: 90%;
  margin: 0;
}
.iconos {
  content: '';
  position: absolute;
  display: inline-block;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://dkumiip2e9ary.cloudfront.net/xalok/20-minutos/especiales/de-compras-con-ainhoa/img/iconos-small.png) no-repeat center bottom;
  background-size: 100%;
}
@media screen and (min-width: 450px) {
  .iconos {
    background: url(https://dkumiip2e9ary.cloudfront.net/xalok/20-minutos/especiales/de-compras-con-ainhoa/img/iconos-midle.png) no-repeat center bottom;
  }
}
@media screen and (min-width: 767px) {
  .c-paragraph {
    margin: 0 auto 2rem !important;
    font-size: 1.8rem !important;
    line-height: 3.2rem !important;
  }
  .composite-richtext p {
    margin: 0 auto 3rem !important;
    font-size: 4.8rem !important;
    line-height: 6rem !important;
  }

  .apertura-afiliacion {
    flex-direction: row;
    padding: 2vh 5vw 0;
    gap: 2vw;
    height: 60vh;
  }
  .ainhoa-apertura {
    align-self: self-end;
    display: flex;
    justify-content: end;
    width: 60%;
  }
  .ainhoa-apertura picture {
    display: flex;
    width: 100%;
  }
  .txt-afiliacion {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .txt-afiliacion h1 {
    font-size: 3.5rem !important;
  }
  .txt-afiliacion h2 {
    padding-left: 10vw !important;
    font-size: 5rem !important;
  }
  .txt-afiliacion span {
    font-size: 1.2rem;
    line-height: 2rem;
  }
  .muelle-1 {
    width: 30%;
    height: 12%;
    background-size: 50%;
    background-position: left bottom;
  }
  .muelle-2 {
    width: 30%;
    height: 15%;
    background-size: 40%;
    background-position: right top;
  }
  .iconos {
    background: url(https://dkumiip2e9ary.cloudfront.net/xalok/20-minutos/especiales/de-compras-con-ainhoa/img/iconos-big.png) no-repeat center center;
    background-size: cover;
  }
}
@media screen and (min-width: 1024px) {
  .apertura-afiliacion {
    padding: 2vh 8vw 0;
    height: 75vh;
  }
  .txt-afiliacion {
    width: 40%;
  }
  .txt-afiliacion h1 {
    margin: 5vw 0 .5rem 0 !important;
    font-size: 5rem !important;
  }
  .txt-afiliacion h2 {
    font-size: 6.5rem !important;
  }
  .ainhoa-apertura {
    width: 70%;
  }
  .ainhoa-apertura img {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .apertura-afiliacion {
    padding: 2vh 8vw 0 8vw;
    height: 90vh;
  }
  .ainhoa-apertura {
    width: 60%;
  }
  .ainhoa-apertura img {
    width: 85%;
  }
  .txt-afiliacion {
    width: 40%;
  }
}

@media screen and (min-width: 1480px) {
  .apertura-afiliacion {
    padding: 2vh 10vw 0;
  }
  .ainhoa-apertura img {
    width: 80%;
  }
   .txt-afiliacion h1 {
    font-size: 6rem !important;
  }
  .txt-afiliacion h2 {
    font-size: 7.5rem !important;
  }
  .txt-afiliacion span {
    font-size: 2.5rem !important;
    line-height: 3rem !important;
  }
}