/*
    - Name: "node-landing.scss"
    - Description: "Add custom styles to node landing"
*/
.node--type-landing.node--view-mode-full .section-header {
  margin-top: var(--spacing2xl);
}

.node--type-landing .landing-site-branding {
  max-width: var(--gridContainerMaxWidthXs);
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--spacingSm);
  padding-left: var(--spacingSm);
  box-sizing: border-box;
}

@media all and (min-width: 36rem) {
  .node--type-landing .landing-site-branding {
    max-width: var(--gridContainerMaxWidthSm);
  }
}
@media all and (min-width: 50.0625rem) {
  .node--type-landing .landing-site-branding {
    max-width: var(--gridContainerMaxWidthMd);
    padding-right: var(--spacingMd);
    padding-left: var(--spacingMd);
  }
}
@media all and (min-width: 62rem) {
  .node--type-landing .landing-site-branding {
    max-width: var(--gridContainerMaxWidthLg);
  }
}
@media all and (min-width: 78rem) {
  .node--type-landing .landing-site-branding {
    max-width: var(--gridContainerMaxWidthXl);
  }
}
@media all and (min-width: 82.5rem) {
  .node--type-landing .landing-site-branding {
    max-width: var(--gridContainerMaxWidthXxl);
    padding-right: 0;
    padding-left: 0;
  }
}
.node--type-landing .landing-site-branding .link_back {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999999;
  width: 100%;
  max-width: 300px;
}

@media all and (min-width: 62rem) {
  .node--type-landing .landing-site-branding .link_back {
    max-width: none;
  }
}
.node--type-landing .landing-site-branding .link_back a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
}

@media all and (max-width: 50.0625rem) {
  .node--type-landing .landing-site-branding .link_back a span {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -0.0625rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap; /* evita que el texto ocupe espacio */
    border: 0;
  }
}
.node--type-landing .landing-site-branding .block-header-logo a {
  margin: 0 auto;
}

.node--type-landing .section-header .container .field--name-upper-section-paragraph {
  background-color: var(--colorGreys100);
}

.node--type-landing .section-header .container.not-upper-section {
  max-width: var(--gridContainerMaxWidthXs);
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--spacingSm);
  padding-left: var(--spacingSm);
  box-sizing: border-box;
}

@media all and (min-width: 36rem) {
  .node--type-landing .section-header .container.not-upper-section {
    max-width: var(--gridContainerMaxWidthSm);
  }
}
@media all and (min-width: 50.0625rem) {
  .node--type-landing .section-header .container.not-upper-section {
    max-width: var(--gridContainerMaxWidthMd);
    padding-right: var(--spacingMd);
    padding-left: var(--spacingMd);
  }
}
@media all and (min-width: 62rem) {
  .node--type-landing .section-header .container.not-upper-section {
    max-width: var(--gridContainerMaxWidthLg);
  }
}
@media all and (min-width: 78rem) {
  .node--type-landing .section-header .container.not-upper-section {
    max-width: var(--gridContainerMaxWidthXl);
  }
}
@media all and (min-width: 82.5rem) {
  .node--type-landing .section-header .container.not-upper-section {
    max-width: var(--gridContainerMaxWidthXxl);
    padding-right: 0;
    padding-left: 0;
  }
}
.node--type-landing .section-header .container:not(.not-upper-section) h1 {
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}

.node--type-landing .section-header .container:not(.not-upper-section) .c-upper-section-heading h1 {
  width: auto;
  height: auto;
  position: inherit;
  overflow: inherit;
  white-space: inherit;
  clip: inherit;
  clip-path: inherit;
}

.node--type-landing.path-frontpage .section-header .container {
  background-color: white;
}