@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Petrona:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://db.onlinewebfonts.com/c/103155be9ccbfb4de538da5f436755eb?family=NarzissPro");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
.double-content__fake-figcaptions-wrapper div p,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article,
aside,
details,
figcaption,
.double-content__fake-figcaptions-wrapper div p,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block; }

*[hidden] {
  display: none; }

body {
  line-height: 1; }

menu,
ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-size: 18px; }

body {
  font-family: "Petrona", sans-serif;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DM Serif Text", serif;
  font-weight: 100 !important;
  line-height: 1.2; }

.sans {
  font-family: "Open Sans", sans-serif; }

strong {
  font-weight: bolder; }

body,
html {
  height: 100%;
  background-color: #000000;
  overscroll-behavior: none; }

a {
  text-decoration: none;
  font-weight: bold; }

* {
  color: #f8f8f8;
  box-sizing: border-box; }

article.app-container {
  max-width: 100%;
  min-height: 100vh;
  background-color: #000000;
  background-image: url("https://s1.eestatic.com/upload/arte/especiales/top100-2025/img-pruebas/background-leaks-2.gif");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 3;
  position: relative; }
  article.app-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 1;
    z-index: -1;
    filter: brightness(0.4); }

h1,
h1 span {
  font-size: 3.5rem;
  line-height: 3.5rem;
  font-family: "NarzissPro", serif; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.5rem; }

h4 {
  color: #7eddde;
  font-size: 3.5rem;
  letter-spacing: 30px;
  font-weight: 100;
  font-family: "NarzissPro", serif;
  margin: 5rem 0; }
  @media all and (max-width: 900px) {
    h4 {
      font-size: 2rem;
      letter-spacing: 10px;
      margin: 3rem 0; } }

p {
  font-size: 1rem;
  line-height: 1.4rem;
  font-family: "Petrona", sans-serif !important;
  font-weight: 100; }

a:not(.vertical-nav a) {
  color: #7eddde;
  font-weight: bolder;
  transition: color 0.2s ease; }

button {
  all: unset;
  cursor: pointer; }

.zoom-container {
  overflow: hidden;
  height: 100%;
  width: 100%; }

figcaption, .double-content__fake-figcaptions-wrapper div p {
  font-size: 0.8rem;
  letter-spacing: 2px;
  font-style: italic;
  padding: 0.5rem 0;
  color: #6e6e6e;
  text-align: center !important;
  padding-left: 0 !important;
  margin-left: 0 !important; }
  @media all and (max-width: 900px) {
    figcaption, .double-content__fake-figcaptions-wrapper div p {
      padding: 0.5rem 10% !important; } }

svg {
  fill: #f8f8f8; }

.spacer {
  height: 5rem; }

.spacer10 {
  height: 10rem; }

.spacer20 {
  height: 20rem; }

.spacer50 {
  height: 50vh; }

.spacer100 {
  height: 100vh; }

.negative-spacer {
  margin-top: -5rem !important; }

.negative-spacer10 {
  margin-top: -10rem; }

.negative-spacer15 {
  margin-top: -15rem; }

.negative-spacer20 {
  margin-top: -20rem; }

.negative-spacer30 {
  margin-top: -30rem; }

.modal {
  position: fixed;
  bottom: 5rem;
  left: 50%;
  transform: translateX(-50%);
  color: #f8f8f8;
  background-color: #6e6e6e;
  z-index: 999;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  font-size: 1rem;
  font-family: "Petrona", sans-serif;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 1.5s, opacity 0.5s ease-in-out; }

.show {
  opacity: 0.8;
  visibility: visible;
  transition: opacity 0.5s ease-in-out; }

.grayscale {
  filter: grayscale(100%); }

.ellipse {
  position: relative;
  transform: translate(0, -35rem);
  opacity: 0.5;
  z-index: 0; }
  .ellipse img {
    position: absolute;
    top: 0;
    height: 100vh;
    width: 100%; }

.topbar {
  --mouse-x: 0px;
  --mouse-y: 0px;
  position: fixed;
  z-index: 9999;
  top: 0;
  height: 4rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid transparent;
  transition: all 0.5s;
  margin: 0 auto; }
  .topbar ul {
    display: flex;
    max-width: 1080px;
    margin: 0 auto;
    width: 100%; }
    .topbar ul li {
      width: 33.33%; }
  .topbar svg {
    max-width: 5rem;
    max-height: 2rem;
    transition: fill 0.3s; }
  .topbar--brand-logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    justify-content: start;
    transition: opacity 0.5s;
    opacity: 0; }
    .topbar--brand-logo svg {
      width: auto !important;
      height: 2rem;
      padding-bottom: 3px; }
  .topbar--magas-logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .topbar--magas-logo svg {
      height: 1.5rem; }
    .topbar--magas-logo a {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
  .topbar--share-container {
    display: flex;
    justify-content: end;
    align-items: center;
    transition: fill 0.3s, opacity 0.5s;
    opacity: 0; }
    .topbar--share-container svg:hover {
      fill: #7eddde; }
    .topbar--share-container .share-container {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 15rem;
      height: 2.2rem;
      justify-content: center;
      border: 1px solid none;
      border-radius: 50px;
      padding: 0 1.5rem;
      gap: 1rem;
      font-family: "DM Serif Text", serif;
      font-size: 0.8rem;
      transition: all 0.3s;
      overflow: hidden; }
      .topbar--share-container .share-container::before {
        content: "";
        position: absolute;
        top: var(--mouse-y);
        left: var(--mouse-x);
        width: 5rem;
        height: 5rem;
        background: radial-gradient(circle, #7eddde, transparent);
        border-radius: 50%;
        pointer-events: none;
        transform: translate(-50%, -50%);
        transition: opacity 0.5s ease;
        opacity: 0;
        filter: blur(50px); }
      .topbar--share-container .share-container:hover::before {
        opacity: 1; }
      .topbar--share-container .share-container .line {
        width: 100%;
        height: 1px;
        background-color: #f8f8f8; }
      .topbar--share-container .share-container ul {
        gap: 0.5rem; }
        .topbar--share-container .share-container ul li {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center; }
          .topbar--share-container .share-container ul li svg {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            max-width: 1rem !important; }
        .topbar--share-container .share-container ul .instagram svg {
          transform: scale(1.15); }
        .topbar--share-container .share-container ul .share svg {
          transform: scale(0.9); }
  .topbar .share-mobile {
    display: none; }
  @media all and (max-width: 1180px) {
    .topbar--share-container .share-container {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 1rem;
      padding: 0;
      border: none; }
      .topbar--share-container .share-container .line {
        width: 0; }
      .topbar--share-container .share-container ul,
      .topbar--share-container .share-container ul li,
      .topbar--share-container .share-container span,
      .topbar--share-container .share-container .line {
        display: none; }
      .topbar--share-container .share-container .share-mobile {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0.5rem;
        border-radius: 50%; }
        .topbar--share-container .share-container .share-mobile svg {
          fill: #f8f8f8; } }
  @media all and (max-width: 900px) {
    .topbar {
      margin-bottom: 2.5rem;
      padding: 0 10%; }
      .topbar svg,
      .topbar .topbar--share-container {
        transform: scale(1); } }

.background {
  background: transparent;
  backdrop-filter: blur(0px); }

.color {
  filter: invert(100%) brightness(150%); }

.hero {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 100vh; }
  @media all and (max-width: 900px) {
    .hero {
      margin-bottom: 0; } }
  .hero__title {
    z-index: 1;
    text-align: center;
    min-height: 100vh; }
    .hero__title .hero__title--svg {
      height: calc(100vh - 12rem);
      width: 100vw;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 6rem;
      margin-bottom: 6rem; }
      .hero__title .hero__title--svg svg {
        position: absolute;
        height: 90%; }
        @media all and (max-width: 900px) {
          .hero__title .hero__title--svg svg {
            scale: 0.6; } }
      .hero__title .hero__title--svg .XII-logo {
        opacity: 0.3; }
      .hero__title .hero__title--svg .top100-logo {
        opacity: 0;
        height: 40%; }
    .hero__title .scroll-down-svg {
      transition: all 0.3s ease-in-out;
      opacity: 0;
      width: 2rem;
      stroke: transparent;
      animation: blink182 1.5s infinite 2.3s; }
@keyframes blink182 {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }
    .hero__title--content {
      padding: 1rem; }
      .hero__title--content * {
        font-family: "NarzissPro", serif !important;
        color: white; }
      .hero__title--content h1 {
        width: 65%;
        margin: 0 auto;
        font-size: 8vw;
        line-height: 6vw;
        letter-spacing: -5px; }
        @media all and (max-width: 900px) {
          .hero__title--content h1 {
            font-size: 16vw;
            line-height: 12vw;
            letter-spacing: 0;
            width: 80%;
            margin-top: -1.5rem; } }
      .hero__title--content h2 {
        width: 45%;
        margin: 0 auto;
        font-size: 1.5vw;
        line-height: 1.7vw;
        margin-top: 2rem;
        text-wrap: pretty; }
        @media all and (max-width: 900px) {
          .hero__title--content h2 {
            width: 80%;
            font-size: 4vw;
            line-height: 4vw;
            margin-top: 1rem; } }
      .hero__title--content h3 {
        width: 100%;
        padding: 0 8rem;
        font-size: 1.5vw;
        text-align: center;
        color: white;
        margin-top: 2rem; }
  .hero__background {
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0; }
    .hero__background::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 102%;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 80%, black); }
    .hero__background::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -20rem;
      width: 100%;
      height: 20rem;
      background: linear-gradient(to bottom, black, transparent); }
    .hero__background video {
      display: flex;
      width: 100% !important;
      height: 100%;
      max-height: 100vh !important;
      object-fit: cover; }

.footer {
  --mouse-x: 0px;
  --mouse-y: 0px;
  margin: 0 auto;
  background: #0e1320;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  position: sticky;
  bottom: 0;
  height: 70vh;
  width: 100%;
  overflow: hidden;
  z-index: 0; }
  .footer:hover::before {
    opacity: 1; }
  .footer * {
    color: #f8f8f8;
    font-weight: lighter;
    text-align: center;
    z-index: 9999;
    position: relative; }
  .footer svg {
    fill: #f8f8f8 !important; }
  .footer a {
    width: 1rem;
    height: 1rem;
    z-index: 999; }
  .footer__logo {
    display: flex;
    align-items: center;
    font-family: "Petrona", sans-serif;
    font-size: 1.5rem;
    font-weight: 100; }
    @media all and (max-width: 375px) {
      .footer__logo {
        flex-direction: column; } }
    .footer__logo svg {
      display: flex;
      height: 2rem;
      width: 5rem;
      margin: 0 0.5rem; }
  .footer__branded {
    align-items: center;
    justify-content: center;
    text-align: center; }
    .footer__branded p {
      color: darkgray;
      font-family: "Petrona", sans-serif;
      margin-top: -1rem; }
    .footer__branded svg {
      display: flex;
      height: 2.5rem;
      margin: 2rem 0; }
  .footer__social {
    font-family: "Petrona", sans-serif; }
    .footer__social ul {
      display: flex;
      gap: 1rem; }
    .footer__social svg {
      height: 2rem;
      width: 2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: fill 0.3s; }
      .footer__social svg:hover {
        fill: #7eddde !important; }
    .footer__social--tik-tok svg {
      transform: scale(0.9) translateX(-0.5rem); }
    .footer__social--twitter svg {
      transform: scale(0.8) translateX(0.2rem); }
    .footer__social--instagram svg {
      transform: scale(0.9); }
  .footer address {
    font-family: "Petrona", sans-serif;
    font-weight: 300;
    font-size: 0.9rem;
    color: darkgray;
    text-transform: uppercase; }
    @media all and (max-width: 375px) {
      .footer address {
        padding: 0 3rem; } }

.text, .text-right, .text-centered {
  max-width: 1080px;
  margin: 0 auto;
  z-index: 2;
  margin-bottom: 5rem;
  position: relative; }
  @media all and (max-width: 1150px) {
    .text, .text-right, .text-centered {
      margin: 0 10% 5rem 10%; } }
  .text .line, .text-right .line, .text-centered .line {
    height: 0.5rem;
    width: 30%;
    background: var(--primary);
    margin: 2rem 0; }
  .text .first-letter:first-letter, .text-right .first-letter:first-letter, .text-centered .first-letter:first-letter {
    font-size: 5rem !important;
    font-family: "NarzissPro", serif; }
    @media all and (max-width: 900px) {
      .text .first-letter:first-letter, .text-right .first-letter:first-letter, .text-centered .first-letter:first-letter {
        font-size: 2.5rem; } }
  .text p:not(.related p), .text-right p:not(.related p), .text-centered p:not(.related p) {
    margin-bottom: 1rem;
    width: 50%;
    text-shadow: 0 0 10px #000000; }
  .text h3, .text-right h3, .text-centered h3 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
    position: relative; }
    .text h3::after, .text-right h3::after, .text-centered h3::after {
      content: "";
      height: 1px;
      width: 100%;
      background: var(--primary);
      position: absolute;
      bottom: 11px;
      right: 95%; }
  .text .question, .text-right .question, .text-centered .question {
    font-family: "DM Serif Text", serif;
    font-size: 1.3rem;
    margin-top: 2rem; }
  @media all and (max-width: 900px) {
    .text p:not(.related p), .text-right p:not(.related p), .text-centered p:not(.related p) {
      width: 100%; } }

.text-right {
  display: flex;
  flex-direction: column;
  align-items: end;
  text-align: end; }
  @media all and (max-width: 900px) {
    .text-right p:not(.related p) {
      width: 100%; } }

.text-centered {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; }
  .text-centered p:not(.related p) {
    margin-bottom: 1rem;
    width: 50%;
    text-shadow: 0 0 10px #000000; }
  @media all and (max-width: 900px) {
    .text-centered p:not(.related p) {
      width: 100%; } }

@media screen and (max-width: 390px) {
  #protagonists h4 {
    font-size: 1.3rem; } }

.vertical-nav {
  height: 100dvh;
  width: 4rem;
  position: fixed;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  display: flex;
  transition: all 0.3s; }
  .vertical-nav * {
    font-weight: 100 !important; }
  .vertical-nav ul {
    writing-mode: vertical-lr;
    text-orientation: sideways-right;
    gap: 2rem;
    display: flex; }
    .vertical-nav ul .xii-link {
      font-family: "Open Sans", sans-serif;
      letter-spacing: -2px;
      font-weight: bold !important;
      margin-left: 0.12rem; }
    .vertical-nav ul li {
      position: relative;
      transform: rotate(180deg);
      font-size: 0.9rem;
      font-family: "NarzissPro", serif;
      opacity: 0.3;
      display: flex; }
      .vertical-nav ul li .marker {
        width: 0.5rem;
        height: 0.5rem;
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
        margin-left: 8px;
        background-color: #7eddde;
        transition: all 1s;
        transform: scale(0);
        background-clip: content-box;
        display: none; }
      @media all and (max-width: 900px) {
        .vertical-nav ul li {
          font-size: 0;
          opacity: 0.7; } }
      .vertical-nav ul li::before {
        content: "";
        position: absolute;
        inset: 0;
        margin: auto;
        margin-left: -1px;
        width: 0.5rem;
        height: 0.5rem;
        background-color: white;
        opacity: 0;
        padding: 0.5rem;
        background-clip: content-box; }
        @media all and (max-width: 900px) {
          .vertical-nav ul li::before {
            opacity: 0.5; } }
      .vertical-nav ul li::after {
        content: "";
        position: absolute;
        bottom: 50%;
        left: -70%;
        transform: rotate(90deg) scale(0);
        width: 1.5rem;
        height: 3px;
        background-color: #7eddde;
        display: block; }
        @media all and (max-width: 900px) {
          .vertical-nav ul li::after {
            display: none; } }
      .vertical-nav ul li a {
        cursor: pointer; }
      .vertical-nav ul li svg {
        max-height: 1rem;
        max-width: 1rem;
        transform: rotate(90deg); }
    .vertical-nav ul .active {
      transition: opacity 0.3s;
      opacity: 1;
      font-size: 0.8rem; }
      @media all and (max-width: 900px) {
        .vertical-nav ul .active .marker {
          display: block;
          transform: scale(1); } }
      .vertical-nav ul .active::after {
        transition: all 1s;
        transform: rotate(90deg) scale(1); }
      .vertical-nav ul .active::before {
        display: none; }
  @media all and (max-width: 900px) {
    .vertical-nav {
      width: 4%; }
      .vertical-nav li {
        margin-left: 9%; } }

.single-content {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem;
  position: relative; }
  @media all and (max-width: 1150px) {
    .single-content {
      margin: 0 10% 5rem 10%; } }
  .single-content figure {
    width: 100%; }
    .single-content figure img,
    .single-content figure video {
      height: 100%;
      width: 100%;
      object-fit: cover; }
    .single-content figure figcaption, .single-content figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .single-content figure p {
      padding: 0.5rem 0;
      width: 100%; }
  .single-content .second-figure {
    position: relative;
    z-index: 1; }

@media all and (max-width: 900px) {
  #night .single-content {
    margin-top: -5rem;
    margin-bottom: -5rem; } }

.single-content-centered {
  max-width: 540px;
  margin: 0 auto;
  margin-bottom: 5rem;
  position: relative; }
  .single-content-centered figure {
    width: 100%; }
    .single-content-centered figure img,
    .single-content-centered figure video {
      height: 100%;
      width: 100%;
      object-fit: cover; }
    .single-content-centered figure figcaption, .single-content-centered figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .single-content-centered figure p {
      padding: 0.5rem 0;
      width: 100%;
      transition: padding 0.3s; }
      @media all and (max-width: 580px) {
        .single-content-centered figure figcaption, .single-content-centered figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .single-content-centered figure p {
          padding-left: 10%; } }

.mamen {
  margin-top: -20rem; }
  @media all and (max-width: 900px) {
    .mamen {
      margin-top: -5rem; } }

@media all and (max-width: 900px) {
  .car {
    margin-top: -2rem; } }

.single-content-fullscreen {
  margin: 0 auto;
  margin-bottom: 5rem;
  position: relative; }
  .single-content-fullscreen figure {
    width: 100%;
    display: flex;
    flex-direction: column; }
    .single-content-fullscreen figure img,
    .single-content-fullscreen figure video {
      height: 100%;
      width: 100%;
      object-fit: cover; }

@media all and (max-width: 900px) {
  .single-content-group {
    margin-top: -0rem; } }

@media all and (max-width: 900px) {
  .single-content-margin {
    margin-top: -20rem; } }

@media all and (max-width: 900px) {
  .bookazine-single {
    margin-top: 5rem; } }

.double-content {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem; }
  .double-content main {
    display: flex;
    gap: 2rem; }
    .double-content main figure {
      display: flex;
      flex-direction: column;
      flex: 1;
      position: relative;
      margin-right: -1px; }
      .double-content main figure img {
        width: 100%;
        object-fit: cover;
        display: block; }
    .double-content main figcaption, .double-content main .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content main p {
      padding: 0.5rem 0;
      transition: all 0.3s; }
    @media all and (max-width: 1150px) {
      .double-content main figure:first-of-type figcaption, .double-content main figure:first-of-type .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content main figure:first-of-type p {
        padding-left: 10%; } }
  .double-content__fake-figcaptions-wrapper div {
    display: grid;
    grid-column: 2 / 8;
    grid-template-columns: 1fr 1fr;
    height: 2rem;
    width: 100%; }
    .double-content__fake-figcaptions-wrapper div p {
      margin-top: 0.5rem; }
  @media all and (max-width: 900px) {
    .double-content__fake-figcaptions-wrapper {
      display: none; }
    .double-content figcaption, .double-content .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content p {
      display: flex !important;
      padding-left: 10% !important; }
    .double-content figure:first-of-type {
      flex-direction: column-reverse; }
    .double-content main {
      flex-direction: column; }
      .double-content main figure {
        width: 100%; } }

.double-content-fullscreen {
  margin-bottom: 5rem;
  display: flex; }
  .double-content-fullscreen figure {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
    margin-right: -1px; }
    .double-content-fullscreen figure img,
    .double-content-fullscreen figure video {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .double-content-fullscreen figure:first-of-type figcaption, .double-content-fullscreen figure:first-of-type .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-fullscreen figure:first-of-type p {
    padding-left: 10%; }
  @media all and (max-width: 900px) {
    .double-content-fullscreen {
      flex-direction: column; }
      .double-content-fullscreen figure {
        transform: translate(0) !important; }
        .double-content-fullscreen figure img {
          transform: scale(1); }
      .double-content-fullscreen figure:first-of-type {
        flex-direction: column-reverse; }
      .double-content-fullscreen figcaption, .double-content-fullscreen .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-fullscreen p {
        padding-left: 10%; } }

.double-content-vertical-fullscreen {
  margin: 0 auto;
  margin-bottom: 5rem; }
  .double-content-vertical-fullscreen main {
    display: flex;
    flex-direction: column; }
    .double-content-vertical-fullscreen main figure {
      display: flex;
      flex-direction: column;
      flex: 1;
      position: relative;
      margin-right: -1px; }
      .double-content-vertical-fullscreen main figure img {
        width: 100%;
        object-fit: cover; }
    .double-content-vertical-fullscreen main figcaption, .double-content-vertical-fullscreen main .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-vertical-fullscreen main p {
      max-width: 1080px;
      margin: 0 auto;
      width: 100%;
      padding: 0.5rem 0;
      transition: 0.3s all; }
      @media screen and (max-width: 1150px) {
        .double-content-vertical-fullscreen main figcaption, .double-content-vertical-fullscreen main .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-vertical-fullscreen main p {
          width: auto; } }
      @media all and (max-width: 1150px) {
        .double-content-vertical-fullscreen main figcaption, .double-content-vertical-fullscreen main .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-vertical-fullscreen main p {
          margin: 0 10%; } }

.double-content-parallax-rtl {
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 15rem;
  margin-bottom: 5rem;
  display: flex;
  position: relative;
  z-index: 2; }
  .double-content-parallax-rtl figure {
    width: 52.5%; }
    .double-content-parallax-rtl figure img,
    .double-content-parallax-rtl figure video {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .double-content-parallax-rtl .second-figure {
    padding-top: 10rem;
    position: absolute;
    right: 0; }
    .double-content-parallax-rtl .second-figure figcaption, .double-content-parallax-rtl .second-figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-parallax-rtl .second-figure p {
      text-align: end; }
  @media all and (max-width: 900px) {
    .double-content-parallax-rtl {
      flex-direction: column;
      padding-bottom: 0; }
      .double-content-parallax-rtl .first-figure {
        display: flex;
        flex-direction: column-reverse;
        width: 100%; }
      .double-content-parallax-rtl .second-figure {
        position: relative;
        width: 100%;
        padding: 0 10%;
        transform: translate(0) !important; }
        .double-content-parallax-rtl .second-figure figcaption, .double-content-parallax-rtl .second-figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-parallax-rtl .second-figure p {
          text-align: start;
          padding-left: 10%; } }

.double-content-parallax-ltr {
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 10rem;
  margin-bottom: 5rem;
  display: flex;
  z-index: 2;
  position: relative; }
  .double-content-parallax-ltr figure {
    height: 100%;
    width: 52.5%; }
    .double-content-parallax-ltr figure img,
    .double-content-parallax-ltr figure video {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .double-content-parallax-ltr .second-figure {
    position: absolute;
    right: 0;
    z-index: -1; }
    .double-content-parallax-ltr .second-figure figcaption, .double-content-parallax-ltr .second-figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-parallax-ltr .second-figure p {
      text-align: end; }
  .double-content-parallax-ltr .first-figure {
    padding-top: 5rem; }
  @media all and (max-width: 900px) {
    .double-content-parallax-ltr {
      flex-direction: column;
      padding-bottom: 0; }
      .double-content-parallax-ltr .first-figure {
        display: flex;
        flex-direction: column-reverse;
        transform: translate(0) !important;
        width: 100%;
        padding: 0 10%; }
      .double-content-parallax-ltr .second-figure {
        position: relative;
        transform: translate(0) !important;
        width: 100%; }
        .double-content-parallax-ltr .second-figure figcaption, .double-content-parallax-ltr .second-figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .double-content-parallax-ltr .second-figure p {
          text-align: start;
          padding-left: 10%; } }

.double-content-zigzag {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem;
  padding-top: 10rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative; }
  @media all and (max-width: 1150px) {
    .double-content-zigzag {
      margin: 0 10% 5rem 10%; } }
  .double-content-zigzag .m {
    pointer-events: none;
    top: 15%;
    position: absolute;
    width: 100%;
    z-index: 10;
    display: flex;
    justify-content: center; }
    @media all and (max-width: 900px) {
      .double-content-zigzag .m {
        top: 0% !important; } }
    .double-content-zigzag .m img {
      max-width: 60vw; }
  .double-content-zigzag .first-figure {
    width: 90%;
    margin-top: 30rem;
    z-index: 20; }
    .double-content-zigzag .first-figure img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .double-content-zigzag .second-figure {
    margin-right: -1px;
    z-index: 1;
    margin-top: 5rem;
    height: fit-content; }
    .double-content-zigzag .second-figure img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  @media all and (max-width: 900px) {
    .double-content-zigzag {
      margin-top: -10vw;
      margin-bottom: -10vw; }
      .double-content-zigzag .first-figure {
        margin-top: 10rem; }
      .double-content-zigzag .m {
        top: -30%; }
        .double-content-zigzag .m span {
          font-size: 100vw; } }

.triple-content {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding-bottom: 5rem;
  gap: 1rem; }
  @media all and (max-width: 1150px) {
    .triple-content {
      margin: 0 10% 5rem 10%; } }
  .triple-content figure {
    z-index: 30;
    width: 20rem;
    height: 20rem; }
    .triple-content figure img,
    .triple-content figure video {
      object-fit: cover;
      width: 100%;
      height: 100%; }
  .triple-content figure:nth-child(2) {
    width: 30rem;
    height: 30rem; }
    @media all and (max-width: 900px) {
      .triple-content figure:nth-child(2) figcaption, .triple-content figure:nth-child(2) .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .triple-content figure:nth-child(2) p {
        margin-bottom: 1rem; } }
  .triple-content figure:nth-child(3) figcaption, .triple-content figure:nth-child(3) .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .triple-content figure:nth-child(3) p {
    display: block !important; }
  @media all and (max-width: 900px) {
    .triple-content {
      flex-direction: column;
      margin-top: 5rem;
      gap: 0; }
      .triple-content figure:nth-child(2) {
        margin: 3rem 0; }
        .triple-content figure:nth-child(2) figcaption, .triple-content figure:nth-child(2) .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .triple-content figure:nth-child(2) p {
          display: flex;
          justify-content: center;
          width: 95%; } }

.triple-content-zigzag {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 3rem; }
  @media all and (max-width: 1150px) {
    .triple-content-zigzag {
      margin: 0 10% 5rem 10%; } }
  .triple-content-zigzag figure {
    width: 30rem;
    max-width: 100%; }
    .triple-content-zigzag figure img,
    .triple-content-zigzag figure video {
      object-fit: cover;
      width: 100%;
      height: 100%; }
    @media all and (max-width: 900px) {
      .triple-content-zigzag figure {
        transform: translate(0) !important;
        margin: 0 !important; } }
  .triple-content-zigzag figure:nth-child(2) {
    margin: -10% 55%;
    z-index: 90;
    width: 35rem; }
  .triple-content-zigzag .third-figure {
    margin-top: -20rem; }
  @media all and (max-width: 900px) {
    .triple-content-zigzag figure:nth-child(2) {
      margin: 0;
      margin-top: 15rem; }
    .triple-content-zigzag .third-figure {
      margin-top: 5rem; } }

.acknowledgments {
  margin: 0 auto;
  background: #0e1320;
  padding: 5rem 0;
  width: 100% !important;
  z-index: 2;
  position: relative; }
  .acknowledgments p {
    width: 50%; }
  .acknowledgments__container {
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 20vh; }
    @media all and (max-width: 1150px) {
      .acknowledgments__container {
        margin: 0 10%; } }
    .acknowledgments__container--title {
      font-size: 1.2rem;
      font-family: "DM Serif Text", serif;
      margin-bottom: 1rem; }
  @media all and (max-width: 900px) {
    .acknowledgments p {
      width: 100%; } }

.credits-extended {
  max-width: 1080px;
  margin: 0 auto;
  margin: 10rem auto 0rem auto;
  width: 100%;
  border-top: 2px solid #6e6e6e;
  z-index: 2; }
  .credits-extended .main {
    display: flex;
    justify-content: center;
    min-height: max-content; }
    @media all and (max-width: 1150px) {
      .credits-extended .main {
        margin: 0 10%; } }
  .credits-extended .credits__title {
    padding-left: 0 !important;
    font-size: 1.2rem;
    margin-right: 21vw;
    width: 10rem;
    font-family: "DM Serif Text", serif;
    height: 100%;
    padding-top: 5rem; }
  .credits-extended .credits__marquee {
    width: 100%;
    column-count: 3;
    column-gap: 1.5rem;
    padding: 5rem 0; }
  .credits-extended div {
    margin-bottom: 1rem; }
    .credits-extended div p,
    .credits-extended div a {
      display: block;
      font-size: 1rem;
      font-weight: 100 !important;
      color: #f8f8f8;
      font-family: "DM Serif Text", serif; }
      .credits-extended div p:hover,
      .credits-extended div a:hover {
        color: #7eddde; }
    .credits-extended div span {
      font-size: 0.8rem;
      font-family: "Open Sans", sans-serif;
      color: #f8f8f8; }
  @media all and (max-width: 900px) {
    .credits-extended main {
      flex-direction: column;
      align-items: start; }
    .credits-extended .credits__title {
      font-size: 1.2rem;
      margin: 1rem 0;
      padding-top: 3rem; }
    .credits-extended .credits__marquee {
      width: 100%;
      column-count: 2;
      column-gap: 2rem;
      padding: 5rem 0;
      padding: 2rem 0 5rem 0; } }

.redirect {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem;
  padding-top: 5rem; }
  @media all and (max-width: 1150px) {
    .redirect {
      margin: 0 10% 5rem 10%; } }
  .redirect h3 {
    margin-bottom: 1rem; }
  .redirect ul {
    display: flex;
    gap: 1rem; }
  .redirect a {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .redirect__news-item {
    background: #0e1320;
    flex: 1 1 0;
    transition: all 0.3s;
    z-index: 2; }
    .redirect__news-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transform: scale(1.05);
      transition: all 0.3s; }
    .redirect__news-item picture {
      overflow: hidden;
      height: 12rem; }
    .redirect__news-item:hover {
      background: #161e33; }
      .redirect__news-item:hover img {
        transform: scale(1); }
    .redirect__news-item--info {
      padding: 1rem;
      min-height: 8rem;
      overflow: hidden; }
      .redirect__news-item--info strong,
      .redirect__news-item--info h4 {
        font-size: 0.7rem;
        margin-bottom: 0.5rem;
        font-family: "Open Sans", sans-serif;
        text-transform: uppercase;
        font-weight: bold; }
      .redirect__news-item--info h3 {
        font-size: 1.2rem;
        line-height: 1.2rem; }
  @media all and (max-width: 900px) {
    .redirect ul {
      flex-direction: column;
      gap: 3rem; }
    .redirect .redirect__news-item--info {
      min-height: auto; } }

.horizontal-scroll {
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 5rem;
  z-index: 2; }
  .horizontal-scroll__gallery {
    display: flex;
    flex-wrap: nowrap; }
  .horizontal-scroll img,
  .horizontal-scroll video {
    height: 100vh;
    flex-shrink: 0;
    object-fit: cover; }
  .horizontal-scroll img {
    margin-right: -1px; }
  .horizontal-scroll figcaption, .horizontal-scroll .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .horizontal-scroll p {
    display: none; }
  @media all and (max-width: 1150px) {
    .horizontal-scroll figure:first-of-type figcaption, .horizontal-scroll figure:first-of-type .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .horizontal-scroll figure:first-of-type p {
      padding-left: 10%; } }

.horizontal-scroll__end--container {
  display: none;
  position: relative; }
  @media all and (max-width: 900px) {
    .horizontal-scroll__end--container {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      transform: translateY(-140%); }
      .horizontal-scroll__end--container svg {
        height: 0.5rem;
        margin-bottom: 0.5rem;
        rotate: 90deg;
        animation: blink 2s infinite; }
    @keyframes blink {
      0% {
        opacity: 0;
        transform: translateX(5px); }
      50% {
        opacity: 1;
        transform: translateX(-5px); }
      100% {
        opacity: 0;
        transform: translateX(-5px); } } }

.horizontal-scroll__start {
  position: relative; }
  @media all and (max-width: 900px) {
    .horizontal-scroll__start {
      margin-top: -10rem; } }

@media all and (max-width: 900px) {
  .horizontal-scroll__end {
    margin-bottom: -5rem; } }

.sponsorships {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
  padding: 5rem 0;
  border-top: 1px solid #6e6e6e;
  display: flex;
  flex-direction: column; }
  @media all and (max-width: 1150px) {
    .sponsorships {
      margin: 0 10% 5rem 10%; } }
  @media all and (max-width: 900px) {
    .sponsorships {
      padding: 5rem 0 0 0; } }
  .sponsorships p {
    width: 60%;
    padding-right: 10%; }
    @media all and (max-width: 900px) {
      .sponsorships p {
        width: 100%; } }
  .sponsorships__container {
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1; }
    .sponsorships__container--title {
      font-size: 1.2rem;
      font-weight: bolder;
      font-family: "DM Serif Text", serif;
      margin-bottom: 1rem; }
    .sponsorships__container--logos {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 2rem;
      margin-top: 2rem;
      max-width: calc(6 * (150px + 2rem));
      margin-left: auto;
      margin-right: auto; }
      @media all and (max-width: 900px) {
        .sponsorships__container--logos {
          margin-top: 5rem; } }
      @media all and (max-width: 900px) {
        .sponsorships__container--logos {
          max-width: 100%;
          margin: 1rem 0 0 0;
          gap: 1rem; } }
      .sponsorships__container--logos img {
        max-width: 150px;
        flex: 0 0 auto; }
        @media all and (max-width: 900px) {
          .sponsorships__container--logos img {
            max-width: 100px; } }
      .sponsorships__container--logos .philip.mob {
        display: none; }
        @media all and (max-width: 900px) {
          .sponsorships__container--logos .philip.mob {
            display: block; } }
      .sponsorships__container--logos .iberdrola img {
        margin-top: -0.5rem; }
        @media all and (max-width: 900px) {
          .sponsorships__container--logos .iberdrola img {
            margin-top: 0; } }
  @media (min-width: 1200px) {
    .sponsorships--logos {
      grid-template-columns: repeat(6, 1fr); } }
  @media all and (max-width: 900px) {
    .sponsorships p {
      width: 100%; } }
  .sponsorships .morris {
    transform: scale(1.4); }

.btn {
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-around;
  border-radius: 50px;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-family: "DM Serif Text", serif;
  color: #020a21;
  transition: all 0.3s ease;
  min-width: 7rem; }
  .btn svg {
    fill: #020a21;
    width: 100%;
    max-width: 2rem; }
  .btn:hover {
    background: #d3d3d3; }

.btn-light {
  background: #020a21;
  color: #f8f8f8; }
  .btn-light svg {
    fill: #f8f8f8; }

.btn-dark {
  background: #f8f8f8;
  color: #020a21; }
  .btn-dark svg {
    fill: #020a21; }

.letters-container {
  position: relative;
  pointer-events: none;
  display: flex;
  justify-content: center; }
  .letters-container span {
    position: absolute;
    font-size: 60vw;
    color: #7eddde;
    font-family: "NarzissPro", serif;
    z-index: -1;
    width: 100%;
    height: 100%;
    height: max-content !important;
    top: 0rem;
    text-align: center;
    background: -webkit-linear-gradient(#7eddde, #2a5ff8);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: -1;
    min-height: 20vh;
    width: fit-content;
    margin-top: -20vh; }
    @media all and (max-width: 900px) {
      .letters-container span {
        font-size: 140vw;
        margin-top: -5vh; } }
  .letters-container .o {
    margin-top: -40vw; }
    @media all and (max-width: 900px) {
      .letters-container .o {
        margin-top: -120vw; } }
  .letters-container .p {
    margin-top: 20vw; }
    @media all and (max-width: 900px) {
      .letters-container .p {
        margin-top: 50vw; } }
  .letters-container .first-zero {
    margin-top: -0vw; }
    @media all and (max-width: 900px) {
      .letters-container .first-zero {
        margin-top: -40vw; } }
  .letters-container .zero {
    margin-top: -20vw;
    padding-bottom: 20rem; }

.one {
  pointer-events: none;
  position: absolute;
  font-size: 50vw;
  color: #7eddde;
  font-family: "NarzissPro", serif;
  width: 100%;
  z-index: -1 !important;
  text-align: center;
  padding-top: 10rem; }
  @media all and (max-width: 900px) {
    .one {
      padding-top: 20rem; } }
  .one span {
    background: -webkit-linear-gradient(#7eddde, #2a5ff8);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

.centered-content-small {
  margin: 0 auto;
  margin-bottom: 5rem;
  position: relative; }
  @media all and (max-width: 1150px) {
    .centered-content-small {
      margin: 0 10% 5rem 10%; } }
  .centered-content-small figure {
    max-width: 30rem;
    margin: 0 auto;
    aspect-ratio: 1; }
    .centered-content-small figure img {
      object-fit: cover;
      width: 100%;
      height: 100%; }

.centered-content {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem;
  position: relative; }
  .centered-content figure {
    width: 100%;
    margin: 0 auto;
    aspect-ratio: 1;
    max-width: 80%; }
    .centered-content figure img,
    .centered-content figure video {
      object-fit: cover;
      width: 100%;
      height: 100%; }

@media all and (max-width: 900px) {
  .centered-content-grayscale {
    margin-top: -5rem !important;
    margin-bottom: 5rem !important; } }
.centered-content-grayscale {
  margin: 0 auto;
  margin-bottom: 5rem;
  position: relative; }
  .centered-content-grayscale figure {
    width: 100%;
    margin: 0 auto;
    aspect-ratio: 1;
    max-width: 80%; }
    @media all and (max-width: 900px) {
      .centered-content-grayscale figure {
        max-width: 100%; } }
    .centered-content-grayscale figure img {
      object-fit: cover;
      width: 100%;
      height: 100%; }
  .centered-content-grayscale .absolute {
    position: absolute;
    scale: 0.8;
    inset: 0;
    margin: auto;
    translate: 0 -1rem; }

.parallax {
  margin: 0 auto;
  margin-bottom: 5rem;
  padding-top: 5rem; }
  .parallax section {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center; }
    .parallax section .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: top -100px center;
      background-repeat: no-repeat;
      object-fit: cover;
      text-align: center;
      vertical-align: center;
      background-attachment: fixed; }
      @media all and (max-width: 900px) {
        .parallax section .bg {
          background-position: center; } }
      @supports (-webkit-backdrop-filter: none) {
        .parallax section .bg {
          background-attachment: unset !important; } }
  @media all and (max-width: 900px) {
    .parallax {
      margin-top: -5rem;
      margin-bottom: 0; } }

.zoom-image {
  max-width: 1080px;
  margin: 0 auto; }
  @media all and (max-width: 1150px) {
    .zoom-image {
      margin: 0 10% 5rem 10%; } }
  .zoom-image figure.zoom {
    background-position: 50% 50%;
    position: relative;
    margin-bottom: 5rem;
    height: 100%;
    width: 100%;
    overflow: hidden;
    cursor: zoom-in; }
  .zoom-image figure.zoom img:hover {
    opacity: 0; }
  .zoom-image figure.zoom img {
    transition: opacity 0.5s;
    display: block;
    width: 100%;
    height: 100%; }
  @media all and (max-width: 900px) {
    .zoom-image {
      display: none; } }

.fake-figcaption {
  font-size: 0.8rem;
  letter-spacing: 2px;
  font-style: italic;
  padding: 0.5rem 0;
  color: #6e6e6e;
  text-align: center !important;
  padding-left: 0 !important;
  margin-left: 0 !important; }
  @media all and (max-width: 900px) {
    .fake-figcaption {
      padding: 1rem 10% !important; } }

.zoom-image-group {
  margin: 0 auto;
  cursor: crosshair; }
  @media all and (max-width: 900px) {
    .zoom-image-group {
      display: none; } }
  .zoom-image-group figure.zoom {
    background-position: 50% 50%;
    position: relative;
    margin-bottom: 5rem;
    height: 100%;
    width: 100%;
    overflow: hidden;
    cursor: zoom-in; }
  .zoom-image-group .fake-figcaption {
    font-size: 0.8rem;
    letter-spacing: 2px;
    font-style: italic;
    padding: 0.5rem 0;
    color: #6e6e6e;
    text-align: center !important;
    padding-left: 0 !important;
    margin-left: 0 !important; }
  .zoom-image-group figcaption, .zoom-image-group .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .zoom-image-group p {
    display: none; }
  .zoom-image-group figure.zoom img:hover {
    opacity: 0; }
  .zoom-image-group figure.zoom img {
    transition: opacity 0.5s;
    display: block;
    width: 100%;
    height: 100%; }

.gallery-zoom {
  margin: 0 auto;
  z-index: 1000;
  position: relative; }
  .gallery-zoom .gallery {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0rem;
    margin: 0 10%; }
    @media all and (max-width: 900px) {
      .gallery-zoom .gallery {
        padding: 5rem 0;
        flex-direction: column; } }
  .gallery-zoom figure {
    transition: filter 1s ease, width 0.6s ease;
    z-index: 999;
    flex-grow: 1;
    width: 100%;
    height: 50vh; }
    .gallery-zoom figure figcaption, .gallery-zoom figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .gallery-zoom figure p {
      opacity: 0;
      transition: all 0.3s ease; }
      @media all and (max-width: 900px) {
        .gallery-zoom figure figcaption, .gallery-zoom figure .double-content__fake-figcaptions-wrapper div p, .double-content__fake-figcaptions-wrapper div .gallery-zoom figure p {
          padding: 0 0 0.5rem 0;
          opacity: 1; } }
    @media all and (max-width: 900px) {
      .gallery-zoom figure {
        height: auto; } }
    .gallery-zoom figure img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
@media all and (min-width: 900px) and (max-width: 900px) {
  .gallery-zoom {
    width: auto;
    height: auto; } }

.gallery-six {
  margin: 0 auto;
  z-index: 1000;
  position: relative;
  padding: 10rem 10% 5rem 10%;
  margin-bottom: 20rem; }
  @media all and (min-width: 900px) {
    .gallery-six .gallery figure:hover {
      filter: brightness(1.1) !important; } }
@media all and (min-width: 900px) and (max-width: 900px) {
  .gallery-six {
    width: auto;
    height: auto; } }

  .gallery-six .first-row,
  .gallery-six .second-row {
    display: flex; }
  .gallery-six .gallery {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5rem;
    flex-direction: column; }
    @media all and (max-width: 900px) {
      .gallery-six .gallery {
        padding: 5rem 0;
        flex-direction: column; } }
  .gallery-six figure {
    transition: filter 1s ease, width 0.6s ease;
    z-index: 999;
    flex-grow: 1;
    width: 100%;
    max-height: 80vh; }
    @media all and (max-width: 900px) {
      .gallery-six figure {
        height: auto; } }
    .gallery-six figure img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .gallery-six .first-row figure:nth-child(2) {
    scale: 1.05;
    z-index: 9999; }
  .gallery-six .second-row figure:nth-child(2) {
    padding-top: 1rem;
    scale: 1.05;
    z-index: 9999; }
  @media all and (max-width: 900px) {
    .gallery-six {
      margin-top: 10rem;
      margin-bottom: 0;
      padding: 10rem 0 5rem 0; }
      .gallery-six .first-row {
        padding-top: 23vh; }
      .gallery-six .first-row figure:nth-child(2) {
        position: absolute;
        max-width: 100%;
        top: 1rem;
        height: 70vh;
        display: flex;
        flex-direction: column-reverse; }
      .gallery-six .second-row {
        padding-top: 70vh;
        transform: translate(0) !important;
        margin-top: -1rem; }
      .gallery-six .second-row figure:nth-child(2) {
        padding-top: 7rem;
        position: absolute;
        max-width: 100%;
        top: -5rem;
        height: 70vh;
        display: flex;
        flex-direction: column-reverse; } }

@media all and (max-width: 900px) {
  .gallery-six.half {
    padding-top: 10rem;
    padding-bottom: 0; }
    .gallery-six.half .first-row figure:nth-child(2) {
      position: absolute;
      max-width: 70%;
      top: 5rem;
      left: 52.5%;
      transform: translateX(-50%);
      height: 60vh;
      display: flex;
      flex-direction: column-reverse; } }

.zoom-icon {
  width: auto !important;
  display: flex;
  justify-content: center; }
  .zoom-icon div {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #6e6e6e;
    background: #000000;
    border-radius: 50%;
    padding: 1rem;
    width: 5rem;
    height: 5rem;
    position: relative;
    margin-top: -3rem; }
    .zoom-icon div:before {
      content: "";
      position: absolute;
      top: -50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 2px;
      height: 100px;
      border-radius: 50%;
      background-color: #6e6e6e;
      z-index: -1; }
    .zoom-icon div svg {
      height: 2rem;
      position: relative; }

:root {
  --color-bg1: rgb(0, 0, 0);
  --color-bg2: rgb(0, 0, 0);
  --color1: 126, 221, 222;
  --color2: 42, 95, 248;
  --color3: 102, 51, 153;
  --color4: 126, 221, 222
  --color5: 180, 180, 50;
  --color-interactive: 140, 100, 255;
  --circle-size: 80%;
  --blending: hard-light; }

@keyframes moveInCircle {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes moveVertical {
  0% {
    transform: translateY(-50%); }
  50% {
    transform: translateY(50%); }
  100% {
    transform: translateY(-50%); } }
@keyframes moveHorizontal {
  0% {
    transform: translateX(-50%) translateY(-10%); }
  50% {
    transform: translateX(50%) translateY(10%); }
  100% {
    transform: translateX(-50%) translateY(-10%); } }
.gradient-bg {
  width: 100%;
  height: 100vh;
  position: fixed;
  overflow: hidden;
  opacity: 0.2;
  pointer-events: none; }
  .gradient-bg svg {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0; }
  .gradient-bg .gradients-container {
    filter: url(#goo) blur(40px);
    width: 100%;
    height: 100%; }
  .gradient-bg .g1 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: center center;
    animation: moveVertical 30s ease infinite;
    opacity: 1; }
  .gradient-bg .g2 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: calc(50% - 400px);
    animation: moveInCircle 20s reverse infinite;
    opacity: 1; }
  .gradient-bg .g3 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2 + 200px);
    left: calc(50% - var(--circle-size) / 2 - 500px);
    transform-origin: calc(50% + 400px);
    animation: moveInCircle 40s linear infinite;
    opacity: 1; }
  .gradient-bg .g4 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: calc(50% - 200px);
    animation: moveHorizontal 40s ease infinite;
    opacity: 0.7; }
  .gradient-bg .g5 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: calc(var(--circle-size) * 2);
    height: calc(var(--circle-size) * 2);
    top: calc(50% - var(--circle-size));
    left: calc(50% - var(--circle-size));
    transform-origin: calc(50% - 800px) calc(50% + 200px);
    animation: moveInCircle 20s ease infinite;
    opacity: 1; }
  .gradient-bg .interactive {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color-interactive), 0.8) 0, rgba(var(--color-interactive), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: 100%;
    height: 100%;
    top: -50%;
    left: -50%;
    opacity: 0.7; }

.quote-animated {
  max-width: 1080px;
  margin: 0 auto;
  margin-bottom: 5rem;
  padding: 2rem 0; }
  .quote-animated blockquote *:not(p) {
    color: #7eddde; }
  @media all and (max-width: 1150px) {
    .quote-animated blockquote {
      margin: 0 10%; } }
  .quote-animated cite {
    font-family: "NarzissPro", serif;
    font-size: 4rem;
    line-height: 4rem;
    background: none;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    transition: background-size 3s ease-in; }
  .quote-animated .marked {
    background-size: 100% 100%; }
  .quote-animated p {
    margin-top: 2rem;
    font-style: italic; }
  @media all and (max-width: 900px) {
    .quote-animated cite {
      font-size: 2rem;
      line-height: 2rem; } }

.dailymotion-video {
  margin: 0 auto;
  margin-top: 20rem;
  margin-bottom: 5rem; }
  .dailymotion-video .first-soundwave {
    stroke: #6e6e6e; }
  .dailymotion-video .second-soundwave {
    stroke: #6e6e6e; }
@keyframes firstSoundwaveAnimation {
  0% {
    stroke: #6e6e6e; }
  25% {
    stroke: #f8f8f8; }
  70% {
    stroke: #f8f8f8; }
  100% {
    stroke: #6e6e6e; } }
@keyframes secondSoundwaveAnimation {
  0% {
    stroke: #6e6e6e; }
  25% {
    stroke: #6e6e6e; }
  70% {
    stroke: #f8f8f8; }
  100% {
    stroke: #6e6e6e; } }
  .dailymotion-video .bar,
  .dailymotion-video .bar-spacing {
    transition: transform 0.3s ease !important;
    transform-origin: center;
    transform-box: fill-box;
    transform: scale(0.9); }
  .dailymotion-video .unmuted .bar,
  .dailymotion-video .unmuted .bar-spacing {
    transform: scale(0); }
  .dailymotion-video .unmuted .first-soundwave {
    animation: firstSoundwaveAnimation 2s infinite !important; }
  .dailymotion-video .unmuted .second-soundwave {
    animation: secondSoundwaveAnimation 2s infinite !important; }
  .dailymotion-video .video__player,
  .dailymotion-video .v-vlite {
    position: relative !important;
    aspect-ratio: 16/9 !important; }
    @media screen and (max-width: 900px) {
      .dailymotion-video .video__player,
      .dailymotion-video .v-vlite {
        aspect-ratio: 8/11 !important; } }
  .dailymotion-video .pause,
  .dailymotion-video .play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 4rem;
    z-index: 999999999;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s; }
    .dailymotion-video .pause div,
    .dailymotion-video .play div {
      width: 10rem;
      height: 10rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.3); }
      .dailymotion-video .pause div svg,
      .dailymotion-video .play div svg {
        fill: white;
        max-width: 4rem;
        max-height: 4rem; }
  .dailymotion-video .play svg {
    margin-left: 0.5rem; }
  .dailymotion-video .video__player:before {
    content: "";
    position: absolute;
    height: 5rem;
    width: 2px;
    background: linear-gradient(to top, #6e6e6e, transparent);
    top: -5rem;
    left: 50%;
    transform: translate(-50%);
    font-family: "DM Serif Text", serif; }
  .dailymotion-video .v-volumeButton {
    position: absolute !important;
    height: 4rem !important;
    width: 4rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: -5rem !important;
    left: 50% !important;
    border: 2px solid #6e6e6e !important;
    border-radius: 50% !important;
    text-align: center;
    font-family: "DM Serif Text", serif !important;
    line-height: 1rem;
    transform: translate(-50%, -100%) !important; }
    .dailymotion-video .v-volumeButton svg {
      fill: white !important;
      transform: scale(1) translateY(1px) !important;
      position: relative !important;
      pointer-events: none !important; }
  .dailymotion-video .v-volumeButton:before {
    content: "Activa el sonido";
    position: absolute;
    top: -70%; }
  .dailymotion-video .v-vlite {
    overflow: visible !important; }
  .dailymotion-video .v-time {
    display: none !important; }
  .dailymotion-video .v-playPauseButton {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important; }
    .dailymotion-video .v-playPauseButton svg {
      transition: all 0.3s !important;
      width: 20% !important;
      height: 20% !important;
      opacity: 0 !important; }
  .dailymotion-video .v-video .v-controlBar .v-progressBar {
    position: absolute !important;
    height: 1rem !important;
    display: flex;
    margin-left: -1px !important;
    align-items: center !important;
    justify-content: center;
    top: calc(100% - 1rem) !important;
    width: 100% !important;
    border-radius: 0; }
  .dailymotion-video input[type="range"] {
    opacity: 0;
    cursor: pointer; }
  .dailymotion-video .progress-bar {
    transition: width 0.3s ease;
    background: rgba(0, 0, 0, 0.4);
    height: 1.5%;
    width: 100%;
    bottom: 0;
    position: absolute;
    pointer-events: none; }
  .dailymotion-video .percentage {
    transition: all 0.3s ease;
    background: white;
    height: 1.5%;
    width: var(--vlite-progressValue);
    bottom: 0;
    position: absolute;
    pointer-events: none; }

/*# sourceMappingURL=style.css.map */