@import url("animaciones.css");
@font-face {
  font-family: "Space-Mono-Regular";
  src: url("https://dkumiip2e9ary.cloudfront.net/xalok/heraldo/especiales/santander/fonts/SpaceMono-Regular.woff2")
      format("woff2"),
    url("https://dkumiip2e9ary.cloudfront.net/xalok/heraldo/especiales/santander/fonts/SpaceMono-Regular.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Space-Mono-Bold";
  src: url("https://dkumiip2e9ary.cloudfront.net/xalok/heraldo/especiales/santander/fonts/SpaceMono-Bold.woff2")
      format("woff2"),
    url("https://dkumiip2e9ary.cloudfront.net/xalok/heraldo/especiales/santander/fonts/SpaceMono-Bold.woff")
      format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Space-Mono-Italic";
  src: url("https://dkumiip2e9ary.cloudfront.net/xalok/heraldo/especiales/santander/fonts/SpaceMono-Italic.woff2")
      format("woff2"),
    url("https://dkumiip2e9ary.cloudfront.net/xalok/heraldo/especiales/santander/fonts/SpaceMono-Italic.woff")
      format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.header-custom .header-custom-text {
  font-family: "Space-Mono-Regular" !important;
  color: #000 !important;
}
.special .article-content .content-modules {
  display: initial !important;
}
.special .article-content .content-modules .freehtml-block {
  margin: 0 auto;
  max-width: 100%;
}
.special .article-content .trustproject_marca {
  display: none !important;
}

article.special .content-modules .special-free-html-ad {
  max-width: 100% !important;
}

.especial-santander {
  display: flex;
  flex-flow: column;
  gap: 8vw;
  width: 100%;
  font-family: "Space-Mono-Regular" !important;
  --color-santander: #ff071b;
}
.texto p {
  margin: 0 0 1.5vw 0 !important;
  font-family: "Space-Mono-Regular" !important;
  font-size: 1.15vw !important;
  line-height: 1.2 !important;
}
.texto p a {
  font-family: "Space-Mono-Regular" !important;
  color: var(--color-santander) !important;
  font-size: 1em !important;
  background-image: none !important;
}
.texto em {
  font-family: "Space-Mono-Italic" !important;
  font-size: 1em !important;
  font-weight: 400 !important;
}
.texto p strong {
  font-family: "Space-Mono-Bold" !important;
}
.texto p strong em {
  font-family: "Space-Mono-bold" !important;
  font-size: 1em !important;
  font-weight: 650 !important;
  font-style: italic;
}
.end {
  display: flex;
  align-items: center;
  gap: 2vw;
  padding: 1.5rem 2vw;
  font-size: 1.3vw !important;
  line-height: 1.2;
  color: var(--color-santander);
  background-color: #fff;
  border: 0.2rem solid #000;
  border-radius: 2rem;
  box-shadow: 1.5rem 1.5rem 0 0 rgba(0, 0, 0, 1);
  animation: scale 1s linear 0s 1 normal forwards;
  animation-timeline: view(block 65% auto);
}
.end p {
  margin: 0 !important;
  font-family: "Space-Mono-Regular" !important;
  font-size: 1.3vw !important;
  line-height: 1.2 !important;
  color: var(--color-santander) !important;
}
.apertura-santander {
  display: grid;
  grid-template-columns: repeat(15, 1fr);
  grid-template-rows: repeat(15, 7vw);
}
.apertura-santander .head {
  grid-row: 1 / 7;
  grid-column: 1 / 16;
  max-height: 40vw;
  background-color: var(--color-santander);
}
.apertura-santander .titular {
  grid-row: 2 / 4;
  grid-column: 3 / 7;
  font-family: "Space-Mono-Regular" !important;
  font-size: 2.5vw;
  color: #fff;
  text-align: right;
}
.apertura-santander.capitulo2 .titular {
  grid-column: 2 / 8;
  font-size: 2.8vw;
}
.apertura-santander .subtitulo {
  grid-row: 4 / 5;
  grid-column: 3 / 7;
  padding: 1.5rem 3rem;
  font-family: "Space-Mono-Regular" !important;
  font-size: 1.5vw;
  color: #fff;
  background-color: #000;
  border-radius: 3rem 0 3rem 3rem;
}
.apertura-santander.capitulo2 .subtitulo {
  grid-column: 3 / 8;
  margin-left: 4vw;
}
.apertura-santander img {
  grid-row: 1 / 8;
  grid-column: 9 / 15;
  margin-top: 2rem;
  max-width: 100%;
  height: auto;
}
.apertura-santander .texto-1 {
  grid-row: 8 / 16;
  grid-column: 7 / 14;
  margin-top: -1rem;
  padding: 2.5vw;
  background-color: #fff;
  border: 0.2rem solid #000;
  border-radius: 2rem;
  box-shadow: 1.5rem -1.5rem 0 0 rgba(0, 0, 0, 1);
}
.apertura-santander.capitulo2 .texto-1 {
  grid-row: 9 / 16;
  margin-top: -4.2vw;
  padding-bottom: 0;
}
.apertura-santander .entradilla {
  grid-row: 7 / 12;
  grid-column: 4 / 8;
  margin-right: -2vw;
  padding: 1.5vw 10vw 1.5vw 1.5vw;
  font-family: "Space-Mono-Regular" !important;
  font-size: 1.4vw;
  color: var(--color-santander);
  background-color: #fff;
  border: 0.2rem solid #000;
  border-radius: 2rem;
}
.apertura-santander.capitulo2 .entradilla {
  grid-row: 8 / 12;
}
.apertura-santander .entradilla p {
  margin: 0 !important;
  font-family: "Space-Mono-Regular" !important;
  font-size: 1.4vw !important;
  color: var(--color-santander) !important;
}
.apertura-santander .candado {
  grid-row: 12 / 15;
  grid-column: 4 / 7;
  background: url(https://dkumiip2e9ary.cloudfront.net/xalok/heraldo/especiales/santander/santander1-candado.png)
    no-repeat center center;
  background-size: contain;
  animation: scaleProgress 1s linear 0s 1 normal forwards;
  animation-timeline: view(block 20% auto);
}
.apertura-santander .haker {
  grid-row: 12 / 15;
  grid-column: 4 / 7;
  background: url(https://dkumiip2e9ary.cloudfront.net/xalok/heraldo/especiales/santander/santander2-haker.png)
    no-repeat center center;
  background-size: contain;
  animation: scaleProgress 1s linear 0s 1 normal forwards;
  animation-timeline: view(block 20% auto);
}
.blq-santander {
  display: grid;
  grid-template-columns: repeat(15, 1fr);
  grid-template-rows: repeat(11, 7vw);
}
.blq-santander .titular {
  display: flex;
  max-width: 90%;
  margin-bottom: 2vw;
  font-family: "Space-Mono-Regular" !important;
  font-size: 2.5vw;
  color: var(--color-santander);
}
.blq-santander .textos {
  grid-row: 1 / 10;
  grid-column: 6 / 14;
  padding: 2.5rem 5vw;
  background-color: #fff;
  border: 0.2rem solid #000;
  border-radius: 2rem;
  box-shadow: -1.5rem -1.5rem 0 0 rgba(0, 0, 0, 1);
}
.blq-santander.blq-capitulo2 .textos {
  grid-row: 1 / 13;
}
.blq-santander .textos .texto {
  margin-left: 12vw;
}
.blq-santander .video {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-row: 2 / 9;
  grid-column: 4 / 8;
  margin-top: 4vw;
  background-color: #fff;
  border-radius: 2rem;
  border: 0.2rem solid #000;
  overflow: hidden;
}
.blq-santander.video iframe {
  max-width: 100%;
}
.blq-santander .end img {
  max-height: 100%;
  width: auto;
}
.blq-capitulo2.blq-santander img {
  width: 30%;
  height: auto;
}
.blq-santander-1 .end {
  gap: 2vw;
  grid-row: 9 / 11;
  grid-column: 8 / 13;
}
.blq-santander-2 .end {
  grid-row: 10 / 12;
  grid-column: 7 / 13;
  margin-top: 4vw;
}
.blq-capitulo2.blq-santander-2 .end {
  grid-row: 12 / 14;
  grid-column: 7 / 13;
}
.blq-santander-3 {
  grid-template-rows: repeat(12, 7vw);
}
.blq-capitulo2.blq-santander-3 {
  grid-template-rows: repeat(15, 7vw);
}
.blq-santander-2 .textos,
.blq-santander-3 .textos {
  grid-row: 1 / 11;
}
.blq-capitulo2.blq-santander-3 .textos {
  grid-row: 1 / 14;
}
.blq-santander-3 .video {
  grid-row: 3 / 10;
}
.blq-santander-3 .end {
  grid-row: 11 / 12;
  grid-column: 7 / 13;
  margin-top: -4vw;
}
.blq-capitulo2.blq-santander-3 .end {
  grid-row: 14 / 15;
  margin-top: -4vw;
}

.w-fullscreen.especial-page .main-container article.special .article-content .trustproject_logo,
#breaking_hack_origin,
footer {
  display: none !important;
}
.pie {
  width: 100%;
  background: #ff071b;
  color: #fff;
  margin: 0 auto -5rem;
  padding: 5rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pie p {
  width: 80% !important;
  text-align: center !important;
  font-size: 1.5rem !important;
  color: #fff !important;
  font-family: "Space-Mono-Regular" !important;
}
.pie p strong {
  font-family: "Space-Mono-Bold" !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
}
.pie img {
  width: 23rem !important;
  margin-top: 2rem;
}
@media only screen and (min-width: 280px) and (max-width: 600px) {
  header.cabecera.header-custom-container .header-custom .header-custom-logo {
    margin: 0;
  }
  .especial-santander {
    margin-bottom: 10rem;
  }
  .texto p {
    margin-bottom: 5vw !important;
    font-size: 4vw !important;
    line-height: 1.5 !important;
  }
  .texto p strong {
    font-size: 4vw !important;
  }
  .end p {
    margin: 0 !important;
    font-size: 4.5vw !important;
  }
  .apertura-santander {
    grid-template-columns: 1rem 3rem repeat(5, 1fr) 3rem 1rem;
    grid-template-rows: 5rem repeat(31, auto);
  }
  .apertura-santander .head {
    grid-row: 1 / 10;
    grid-column: 1 / 10;
    max-height: 130vw;
  }
  .apertura-santander .titular,
  .apertura-santander.capitulo2 .titular {
    grid-row: 2;
    grid-column: 3 / 8;
    font-size: 7vw;
  }
  .apertura-santander.capitulo2 .titular {
    grid-column: 2 / 8;
  }
  .apertura-santander .subtitulo {
    grid-row: 4;
    grid-column: 3 / 8;
    padding: 1.5rem 3rem;
    margin-top: 2vw;
    font-size: 4vw;
  }
  .apertura-santander.capitulo2 .subtitulo {
    margin-left: 0;
  }
  .apertura-santander img {
    grid-row: 6 / 12;
    grid-column: 3 / 8;
    margin-top: 2rem;
  }
  .apertura-santander .texto-1,
  .apertura-santander.capitulo2 .texto-1 {
    grid-row: 22 / 30;
    grid-column: 3 / 8;
    padding: 2.5vw;
    margin-top: -5vw;
    font-size: 3.5vw;
    box-shadow: -0.5em -0.5rem 0 0 rgba(0, 0, 0, 1);
  }
  .apertura-santander .entradilla,
  .apertura-santander.capitulo2 .entradilla {
    grid-row: 12 / 22;
    grid-column: 2 / 7;
    padding: 2vw 5vw 10vw;
    font-size: 5vw;
  }
  .apertura-santander .entradilla p {
    font-size: 5vw !important;
  }
  .apertura-santander .candado,
  .apertura-santander .haker {
    grid-row: 31 / 34;
    grid-column: 3 / 8;
    height: 100vw;
  }
  .blq-santander,
  .blq-santander.blq-capitulo2 {
    grid-template-columns: 1rem 3rem repeat(5, 1fr) 3rem 1rem;
    grid-template-rows: 2rem repeat(30, auto);
  }
  .blq-santander .titular {
    padding: 0 4vw;
    font-size: 8vw;
  }
  .blq-santander .textos,
  .blq-santander.blq-capitulo2 .textos {
    grid-row: 8 / 20;
    grid-column: 2 / 9;
    padding: 12rem 2vw 10vw;
    box-shadow: -0.5rem -0.5rem 0 0 rgba(0, 0, 0, 1);
  }
  .blq-santander .textos .texto {
    padding: 0 4vw;
    margin: 0;
    font-size: 3.5vw;
  }
  .blq-santander .video {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-row: 2 / 9;
    grid-column: 3 / 8;
    margin-top: 4vw;
    background-color: #fff;
    border-radius: 3rem;
    border: 0.2rem solid #000;
    overflow: hidden;
  }
  .blq-santander.video iframe {
    max-width: 100%;
  }
  .blq-santander .end,
  .blq-santander.blq-capitulo2 .end {
    grid-row: 19 / 30;
    grid-column: 3 / 8;
    box-shadow: 0.5rem 0.5rem 0 0 rgba(0, 0, 0, 1);
    flex-flow: column-reverse;
    padding: 6vw;
    margin-top: -3vw;
    font-size: 5vw;
  }
  .blq-santander-3 .end {
    flex-flow: column;
  }
  .blq-santander .end img {
    width: 40%;
    max-width: 40%;
    height: auto;
    margin-bottom: 2vw;
  }

  footer,
  .author-info {
    display: none !important;
  }
  img[alt="Heraldo logo"] {
    display: none;
  }
}