/* ///////////////// HERO PARALLAX ///////////////// */
.hero-parallax {
position: relative;
isolation: isolate;
width: 100%;
height: 100vh;
min-height: 640px;
overflow: hidden;
}
.hero-parallax::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
}
.hero-parallax::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 2;
pointer-events: none;
}
.hero-parallax__background {
position: absolute;
inset: 0;
z-index: 0;
opacity: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: opacity 1.4s ease-in-out;
}
.hero-parallax__background.slide-img.active {
opacity: 1;
}
.hero-parallax__background:nth-of-type(1) {
background-image: url("../../img/back-lima.jpg");
}
.hero-parallax__background:nth-of-type(2) {
background-image: url("../../img/back-chiclayo.jpg");
}
.hero-parallax__background:nth-of-type(3) {
background-image: url("../../img/back-cajamarca.jpg");
}
.hero-parallax__background:nth-of-type(4) {
background-image: url("../../img/back-cusco.jpg");
}
.hero-parallax__background:nth-of-type(5) {
background-image: url("../../img/back-pucalpa.jpg");
}
.hero-parallax > .container-2xlarge {
position: relative;
z-index: 3;
display: flex !important;
align-items: center;
height: 100%;
}
.hero-parallax__content {
position: relative;
z-index: 4;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: min(48%, 660px);
color: var(--col-blanco);
text-align: left;
text-shadow: 0 0 24px var(--col-blanco), 0 0 10px var(--col-blanco);
}
.hero-parallax__eyebrow {
display: inline-block;
margin-bottom: var(--espacio-2xsmall);
color: var(--col-dorado);
font-size: clamp(1.05rem, 1.4vw, 1.35rem);
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
}
.hero-parallax__content h1 {
width: 100%;
max-width: 650px;
margin: 0 0 var(--espacio-small);
color: var(--col-mostaza);
font-size: clamp(3.4rem, 6vw, 6.5rem);
line-height: .98;
letter-spacing: -.035em;
overflow-wrap: break-word;
text-wrap: balance;
}
.hero-parallax__content p {
max-width: 560px;
margin: 0;
color: var(--col-fuente);
font-size: clamp(1.1rem, 1.4vw, 1.35rem);
line-height: 1.55;
text-wrap: balance;
}
.hero-parallax__pope {
position: absolute;
right: 0;
bottom: 0;
z-index: 3;
display: flex;
justify-content: flex-end;
width: min(66vw, 1040px);
height: 88vh;
pointer-events: none;
}
.hero-parallax__pope picture {
display: flex;
justify-content: flex-end;
width: 100%;
height: 100%;
}
.hero-parallax__pope img {
display: block;
width: auto;
max-width: 100%;
height: 100%;
object-fit: contain;
object-position: right bottom;
filter: drop-shadow(-18px 12px 24px var(--trans-40negro));
}
.hero-parallax__dove {
position: absolute;
top: calc(var(--ancho-2xlarge) + var(--espacio-3xsmall) + 4px + 3%);
aspect-ratio: 864 / 496;
right: clamp(18%, 24vw, 29%);
bottom: 48%;
z-index: 2;
width: clamp(400px, 50vw, 700px);
pointer-events: none;
}
.hero-parallax__dove img {
display: block;
width: 100%;
height: auto;
filter: drop-shadow(0 10px 18px var(--trans-40negro));
}
#contenido {
position: relative;
isolation: isolate;
}
#contenido::before {
content: "";
position: absolute;
top: clamp(-190px, -12vw, -96px);
right: 0;
left: 0;
z-index: 1;
height: clamp(96px, 12vw, 190px);
background: linear-gradient(180deg, transparent 0%, #ffde9b 100%);
pointer-events: none;
}
#contenido > * {
position: relative;
z-index: 2;
}

/* ---- Adaptaciones por pantalla y movimiento ---- */
@media only screen and (max-width:1024px) and (max-height:600px) and (orientation:landscape) {
.hero-parallax {
  height: 100svh;
  min-height: 100svh;
}
.hero-parallax > .container-2xlarge {
  align-items: center;
  padding-top: clamp(46px, 12svh, 64px);
  padding-bottom: clamp(12px, 3svh, 24px);
}
.hero-parallax__content {
  width: min(55%, 470px);
  max-width: none;
  align-items: flex-start;
  margin-inline: 0;
  text-align: left;
}
.hero-parallax__eyebrow {
  margin-bottom: 4px;
  font-size: clamp(.66rem, 1.5vw, .82rem);
}
.hero-parallax__content h1 {
  max-width: 470px;
  margin-bottom: clamp(5px, 1.5svh, 10px);
  font-size: clamp(1.85rem, 5.6vw, 3.15rem);
  line-height: .94;
}
.hero-parallax__content p {
  max-width: 95%;
  margin-inline: 0;
  font-size: clamp(.7rem, 1.55vw, .9rem);
  line-height: 1.25;
}
.hero-parallax__pope {
  right: 0;
  width: min(58vw, 560px);
  height: 86svh;
}
.hero-parallax__pope img {
  width: auto;
  height: 100%;
}
.hero-parallax__dove {
  right: 31%;
  bottom: 41%;
  width: clamp(130px, 25vw, 230px);
}
}
@media only screen and (max-width:900px) {
.hero-parallax {
  min-height: 100svh;
  height: 100svh;
}
.hero-parallax > .container-2xlarge {
  align-items: center;
}
.hero-parallax__content {
  width: min(68%, 520px);
}
.hero-parallax__content h1 {
  font-size: clamp(2.5rem, 7.5vw, 4.2rem);
}
.hero-parallax__pope {
  width: min(76vw, 760px);
  height: 88svh;
}
.hero-parallax__dove {
  right: -13%;
  bottom: 43%;
  width: clamp(300px, 60vw, 500px);
}
}
@media only screen and (max-width:600px) {
.hero-parallax {
  min-height: max(100svh, 800px);
}
.hero-parallax > .container-2xlarge {
  align-items: flex-start;
  padding-top: clamp(82px, 13svh, 118px);
}
.hero-parallax__content {
  width: calc(100% - var(--espacio-2xlarge));
  max-width: 520px;
  align-items: center;
  margin-inline: auto;
  text-align: center;
}
.hero-parallax__eyebrow {
  margin-bottom: var(--espacio-3xsmall);
  font-size: clamp(.8rem, 3.6vw, 1rem);
}
.hero-parallax__content h1 {
  max-width: 520px;
  margin-bottom: var(--espacio-2xsmall);
  font-size: clamp(2.2rem, 10.5vw, 3.5rem);
  line-height: 1;
}
.hero-parallax__content p {
  max-width: 92%;
  margin-inline: auto;
  font-size: clamp(.95rem, 4vw, 1.1rem);
  line-height: 1.42;
}
.hero-parallax__pope {
  right: var(--espacio-3xsmall);
  width: calc(100% - var(--espacio-small));
  height: 50%;
}
.hero-parallax__pope img {
  width: 100%;
  height: 100%;
}
.hero-parallax__dove {
  right: 38%;
  top: 45%;
  width: clamp(300px, 70vw, 500px);
}
}
@media (prefers-reduced-motion:reduce) {
.hero-parallax__background {
  transition: none;
}
}