.elementor-22260 .elementor-element.elementor-element-961742c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-22260 .elementor-element.elementor-element-961742c:not(.elementor-motion-effects-element-type-background), .elementor-22260 .elementor-element.elementor-element-961742c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-22260 .elementor-element.elementor-element-3d982eb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:20px 60px;--row-gap:20px;--column-gap:60px;--overlay-opacity:0.16;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0;--padding-bottom:6vh;--padding-left:0;--padding-right:0;}.elementor-22260 .elementor-element.elementor-element-3d982eb::before, .elementor-22260 .elementor-element.elementor-element-3d982eb > .elementor-background-video-container::before, .elementor-22260 .elementor-element.elementor-element-3d982eb > .e-con-inner > .elementor-background-video-container::before, .elementor-22260 .elementor-element.elementor-element-3d982eb > .elementor-background-slideshow::before, .elementor-22260 .elementor-element.elementor-element-3d982eb > .e-con-inner > .elementor-background-slideshow::before, .elementor-22260 .elementor-element.elementor-element-3d982eb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-22260 .elementor-element.elementor-element-3d982eb.e-con{--align-self:center;}.elementor-22260 .elementor-element.elementor-element-0bcbb92{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22260 .elementor-element.elementor-element-8a0019e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22260 .elementor-element.elementor-element-f0420ed > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22260 .elementor-element.elementor-element-f0420ed p{margin-bottom:0;}.elementor-22260 .elementor-element.elementor-element-f0420ed .pix-el-text, .elementor-22260 .elementor-element.elementor-element-f0420ed .pix-el-text p, .elementor-22260 .elementor-element.elementor-element-f0420ed .pix-el-text span{font-size:16px;letter-spacing:0em;}.elementor-22260 .elementor-element.elementor-element-6ea35aa{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22260 .elementor-element.elementor-element-f6b12dc > .elementor-widget-container{margin:-5px 0px -5px 0px;padding:0px 0px 0px 0px;}.elementor-22260 .elementor-element.elementor-element-f6b12dc{z-index:11;}.elementor-22260 .elementor-element.elementor-element-f6b12dc .pix-heading-el, .elementor-22260 .elementor-element.elementor-element-f6b12dc .heading-text{text-align:center !important;}.elementor-22260 .elementor-element.elementor-element-f6b12dc .heading-text, .elementor-22260 .elementor-element.elementor-element-f6b12dc .heading-text span, .elementor-22260 .elementor-element.elementor-element-f6b12dc .body-font, .elementor-22260 .elementor-element.elementor-element-f6b12dc .secondary-font{font-size:48px;font-weight:600;line-height:1em;letter-spacing:-0.05em;}.elementor-22260 .elementor-element.elementor-element-dc77b49{width:var( --container-widget-width, 63% );max-width:63%;--container-widget-width:63%;--container-widget-flex-grow:0;}.elementor-22260 .elementor-element.elementor-element-dc77b49 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22260 .elementor-element.elementor-element-dc77b49.elementor-element{--align-self:center;}.elementor-22260 .elementor-element.elementor-element-dc77b49 p{margin-bottom:0;}.elementor-22260 .elementor-element.elementor-element-dc77b49 .pix-el-text, .elementor-22260 .elementor-element.elementor-element-dc77b49 .pix-el-text p{text-align:center !important;}.elementor-22260 .elementor-element.elementor-element-dc77b49 .pix-el-text, .elementor-22260 .elementor-element.elementor-element-dc77b49 .pix-el-text p, .elementor-22260 .elementor-element.elementor-element-dc77b49 .pix-el-text span{font-size:16px;letter-spacing:0em;}@media(min-width:768px){.elementor-22260 .elementor-element.elementor-element-3d982eb{--content-width:1350px;}.elementor-22260 .elementor-element.elementor-element-0bcbb92{--width:100%;}.elementor-22260 .elementor-element.elementor-element-6ea35aa{--width:100%;}}@media(max-width:1024px){.elementor-22260 .elementor-element.elementor-element-961742c{--min-height:300px;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-22260 .elementor-element.elementor-element-961742c{--min-height:0px;--margin-top:0px;--margin-bottom:-65px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22260 .elementor-element.elementor-element-3d982eb{--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22260 .elementor-element.elementor-element-0bcbb92{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22260 .elementor-element.elementor-element-0bcbb92.e-con{--align-self:center;}.elementor-22260 .elementor-element.elementor-element-8a0019e > .elementor-widget-container{margin:-3px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22260 .elementor-element.elementor-element-8a0019e.elementor-element{--align-self:center;}.elementor-22260 .elementor-element.elementor-element-f0420ed > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22260 .elementor-element.elementor-element-f0420ed .pix-el-text, .elementor-22260 .elementor-element.elementor-element-f0420ed .pix-el-text p, .elementor-22260 .elementor-element.elementor-element-f0420ed .pix-el-text span{font-size:13px;}.elementor-22260 .elementor-element.elementor-element-6ea35aa{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-22260 .elementor-element.elementor-element-f6b12dc > .elementor-widget-container{margin:-15px 0px -5px 0px;padding:0px 0px 0px 0px;}.elementor-22260 .elementor-element.elementor-element-f6b12dc .heading-text, .elementor-22260 .elementor-element.elementor-element-f6b12dc .heading-text span, .elementor-22260 .elementor-element.elementor-element-f6b12dc .body-font, .elementor-22260 .elementor-element.elementor-element-f6b12dc .secondary-font{font-size:32px;line-height:0.9em;}.elementor-22260 .elementor-element.elementor-element-dc77b49{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-22260 .elementor-element.elementor-element-dc77b49.elementor-element{--align-self:center;}.elementor-22260 .elementor-element.elementor-element-dc77b49 .pix-el-text, .elementor-22260 .elementor-element.elementor-element-dc77b49 .pix-el-text p, .elementor-22260 .elementor-element.elementor-element-dc77b49 .pix-el-text span{font-size:14px;line-height:1.4em;}}/* Start custom CSS for pix-heading, class: .elementor-element-f6b12dc */.elementor-22260 .elementor-element.elementor-element-f6b12dc span {
    color: var(--text-light-opacity-6) !important;
}

/.elementor-22260 .elementor-element.elementor-element-f6b12dc {
    color: var(--pix-heading-color) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d982eb *//* ==========================================================================
   HERO PORTADA · Conociendo Perú
   Dónde pegarlo: Elementor > Contenedor > Avanzado > CSS personalizado
   Además: en Avanzado > "Clases CSS" escribe: hero-bg-zoom
   ========================================================================== */

.elementor-22260 .elementor-element.elementor-element-3d982eb.hero-bg-zoom {
  /* ---- Ajustes rápidos (lo único que necesitas tocar) ---- */
  --hero-image: url("/wp-content/uploads/2026/09/conociendo-el-peru-5.webp");
  --hero-base: #060606;                /* color de fondo mientras carga la imagen */
  --hero-shade: 6, 6, 6;               /* color de los degradados (RGB) */
  --hero-position: center 40%;          /* encuadre de la foto */
  --hero-image-opacity: 0.85;          /* 1 = foto sin atenuar */
  --hero-zoom-from: 1.06;              /* zoom inicial */
  --hero-zoom-to: 1.16;                /* zoom máximo del movimiento lento */
  --hero-drift: 1.2%;                  /* cuánto se desplaza la foto al hacer zoom */

  /* ---- Control de Alturas ---- */
  --hero-height-desktop: 40vh;        /* Altura en Escritorio */
  --hero-height-mobile: 25vh;          /* Altura en Móvil (cambia a tu gusto: 50vh, 70vh, 450px, etc.) */

  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: var(--hero-height-desktop);
  background-color: var(--hero-base);
}

/* --------------------------------------------------------------------------
   Capa 1 · Foto (versión desktop)
   Entra desenfocada y oscura, y se enfoca en 2.4 s (el momento memorable).
   Luego avanza con un zoom muy lento y continuo.
   -------------------------------------------------------------------------- */
.elementor-22260 .elementor-element.elementor-element-3d982eb.hero-bg-zoom::before {
  content: "";
  position: absolute;
  inset: -24px;                        /* margen para que el desenfoque no deje bordes */
  z-index: -2;
  background: var(--hero-image) var(--hero-position) / cover no-repeat;
  opacity: 0;
  filter: blur(14px);
  transform: scale(var(--hero-zoom-from));
  will-change: transform;
  animation:
    heroFocusIn 2.4s cubic-bezier(0.22, 0.61, 0.36, 1) forwards,
    heroDrift 28s ease-in-out infinite alternate;
}

/* --------------------------------------------------------------------------
   Capa 2 · Degradados para que el texto siempre se lea
   -------------------------------------------------------------------------- */
.elementor-22260 .elementor-element.elementor-element-3d982eb.hero-bg-zoom::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(to top,
      rgba(var(--hero-shade), 0.92) 0%,
      rgba(var(--hero-shade), 0.45) 35%,
      rgba(var(--hero-shade), 0) 65%),
    linear-gradient(to bottom,
      rgba(var(--hero-shade), 0.55) 0%,
      rgba(var(--hero-shade), 0) 22%),
    radial-gradient(120% 90% at 50% 45%,
      rgba(var(--hero-shade), 0) 40%,
      rgba(var(--hero-shade), 0.6) 100%);
}

/* --------------------------------------------------------------------------
   Capa 3 · Contenido
   -------------------------------------------------------------------------- */
.elementor-22260 .elementor-element.elementor-element-3d982eb.hero-bg-zoom > * {
  animation: heroContentIn 1.2s ease-out 0.9s both;
}

/* ---- Animaciones (desktop) ---- */
@keyframes heroFocusIn {
  to {
    opacity: var(--hero-image-opacity);
    filter: blur(0);
  }
}

@keyframes heroDrift {
  from { transform: scale(var(--hero-zoom-from)) translate3d(0, 0, 0); }
  to   { transform: scale(var(--hero-zoom-to)) translate3d(var(--hero-drift), -1%, 0); }
}

@keyframes heroContentIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ==========================================================================
   MÓVIL · Misma idea visual, sin blur animado (eso era el causante del lag)
   ========================================================================== */
@media (max-width: 767px) {
  .elementor-22260 .elementor-element.elementor-element-3d982eb.hero-bg-zoom {
    min-height: var(--hero-height-mobile);
    --hero-position: 60% center;
    --hero-zoom-to: 1.1;
    --hero-drift: 0.6%;
    --hero-image-opacity: 0.8;
  }

  /* Reemplaza la capa de foto: sin filter, sin inset extra, solo fade + transform */
  .elementor-22260 .elementor-element.elementor-element-3d982eb.hero-bg-zoom::before {
    inset: 0;
    filter: none;
    animation:
      heroFocusInMobile 1s ease-out forwards,
      heroDrift 28s ease-in-out infinite alternate;
  }
}

@keyframes heroFocusInMobile {
  from { opacity: 0; }
  to   { opacity: var(--hero-image-opacity); }
}

/* ---- Accesibilidad: sin movimiento si el usuario lo desactivó ---- */
@media (prefers-reduced-motion: reduce) {
  .elementor-22260 .elementor-element.elementor-element-3d982eb.hero-bg-zoom::before {
    animation: none;
    opacity: var(--hero-image-opacity);
    filter: none;
    transform: scale(var(--hero-zoom-from));
  }

  .elementor-22260 .elementor-element.elementor-element-3d982eb.hero-bg-zoom > * {
    animation: none;
  }
}/* End custom CSS */