.elementor-565 .elementor-element.elementor-element-94880d6{--display:flex;--min-height:50vh;--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-565 .elementor-element.elementor-element-94880d6:not(.elementor-motion-effects-element-type-background), .elementor-565 .elementor-element.elementor-element-94880d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://northpass.mx/wp-content/uploads/2026/06/hero_section.jpeg");background-size:cover;}.elementor-565 .elementor-element.elementor-element-22d4f45{--display:flex;--min-height:52vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10%;--padding-bottom:0%;--padding-left:8%;--padding-right:0%;}.elementor-565 .elementor-element.elementor-element-22d4f45:not(.elementor-motion-effects-element-type-background), .elementor-565 .elementor-element.elementor-element-22d4f45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_7 );background-image:url("https://northpass.mx/wp-content/uploads/2026/06/hero_section.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-565 .elementor-element.elementor-element-22d4f45::before, .elementor-565 .elementor-element.elementor-element-22d4f45 > .elementor-background-video-container::before, .elementor-565 .elementor-element.elementor-element-22d4f45 > .e-con-inner > .elementor-background-video-container::before, .elementor-565 .elementor-element.elementor-element-22d4f45 > .elementor-background-slideshow::before, .elementor-565 .elementor-element.elementor-element-22d4f45 > .e-con-inner > .elementor-background-slideshow::before, .elementor-565 .elementor-element.elementor-element-22d4f45 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1D2D41;--background-overlay:'';}.elementor-565 .elementor-element.elementor-element-db8d53a{--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;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-565 .elementor-element.elementor-element-e68bb67 .elementor-heading-title{font-family:"Alexandria", Sans-serif;font-size:0.6em;font-weight:300;line-height:1.5em;color:#815757;}.elementor-565 .elementor-element.elementor-element-0693237{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;font-size:1.2em;font-weight:500;color:var( --e-global-color-58be983 );}.elementor-565 .elementor-element.elementor-element-f7c7642 .elementor-button{background-color:var( --e-global-color-b5aeb33 );font-weight:700;text-transform:uppercase;line-height:1.65em;fill:var( --e-global-color-c58817e );color:var( --e-global-color-c58817e );border-radius:15px 15px 15px 15px;padding:19px 30px 19px 30px;}.elementor-565 .elementor-element.elementor-element-f7c7642 .elementor-button:hover, .elementor-565 .elementor-element.elementor-element-f7c7642 .elementor-button:focus{background-color:var( --e-global-color-a495fd4 );}.elementor-565 .elementor-element.elementor-element-f7c7642{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;border-radius:0px 0px 0px 0px;}.elementor-565 .elementor-element.elementor-element-f7c7642 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-565 .elementor-element.elementor-element-f7c7642 .elementor-button .elementor-button-content-wrapper{gap:13px;}.elementor-565 .elementor-element.elementor-element-fb7acef{width:100%;max-width:100%;}.elementor-565 .elementor-element.elementor-element-ff23a06{width:100%;max-width:100%;}.elementor-565 .elementor-element.elementor-element-7c99920{width:100%;max-width:100%;}.elementor-565 .elementor-element.elementor-element-7c99920 .gallery-item .gallery-caption{text-align:center;}.elementor-565 .elementor-element.elementor-element-0078423{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-565 .elementor-element.elementor-element-0078423:not(.elementor-motion-effects-element-type-background), .elementor-565 .elementor-element.elementor-element-0078423 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_8 );}.elementor-565 .elementor-element.elementor-element-67754e3{width:100%;max-width:100%;}@media(max-width:1024px){.elementor-565 .elementor-element.elementor-element-94880d6{--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-565 .elementor-element.elementor-element-22d4f45{--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;--align-items:center;--padding-top:60px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-565 .elementor-element.elementor-element-db8d53a{--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-565 .elementor-element.elementor-element-e68bb67{text-align:center;}.elementor-565 .elementor-element.elementor-element-e68bb67 .elementor-heading-title{font-size:35px;}.elementor-565 .elementor-element.elementor-element-0693237{text-align:center;}}@media(max-width:767px){.elementor-565 .elementor-element.elementor-element-94880d6{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-565 .elementor-element.elementor-element-22d4f45{--padding-top:50px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-565 .elementor-element.elementor-element-e68bb67 .elementor-heading-title{font-size:30px;}}@media(min-width:768px){.elementor-565 .elementor-element.elementor-element-db8d53a{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-565 .elementor-element.elementor-element-db8d53a{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-e68bb67 */.hero-title {
  font-family: 'Arial Black', 'Montserrat', Impact, sans-serif !important;
  font-size: clamp(58px, 8.8vw, 126px) !important;
  font-weight: 900 !important;
  line-height: 0.92 !important;
  letter-spacing: -2px !important;
  margin: 0 !important;

  /* Cromado metálico real */
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f7f9fc 8%,
      #b8c0c9 14%,
      #5f6873 22%,
      #ffffff 31%,
      #e6ebf0 38%,
      #8a949f 47%,
      #2f3742 55%,
      #ffffff 64%,
      #cdd5dd 73%,
      #6d7783 84%,
      #f5f7fa 92%,
      #4a535f 100%
    ) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;

  color: transparent !important;
  -webkit-text-fill-color: transparent !important;

  /* Borde brillante */
  -webkit-text-stroke: 2px rgba(255, 255, 255, 0.85) !important;

  /* Profundidad tipo 3D */
  text-shadow:
    1px 1px 0 #ffffff,
    2px 2px 0 #d8dde3,
    3px 3px 0 #a2aab4,
    4px 4px 0 #68717d,
    5px 5px 0 #343c47,
    7px 8px 0 rgba(8, 14, 22, 0.9),
    10px 13px 16px rgba(0, 0, 0, 0.85),
    0 0 18px rgba(255, 255, 255, 0.28) !important;

  filter:
    drop-shadow(0 6px 6px rgba(0, 0, 0, 0.65))
    contrast(1.18)
    brightness(1.08) !important;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-7c99920 */```css
/* =========================================================
   NORTHPASS · GALERÍA INDUSTRIAL
   Contenedor: 1da8854
========================================================= */

.elementor-element.elementor-element-1da8854 {
  --np-blue: #0e2237;
  --np-blue-deep: #071724;
  --np-blue-soft: #173955;
  --np-silver: #c8d0d8;
  --np-silver-light: #eef2f5;
  --np-border: rgba(200, 208, 216, 0.40);

  position: relative !important;
  width: 100% !important;
  overflow: hidden;
  padding: clamp(24px, 4vw, 48px) !important;
  border: 1px solid rgba(14, 34, 55, 0.10);
  border-radius: 28px;
  background:
    radial-gradient(circle at 6% 88%, rgba(14,34,55,.06), transparent 28%),
    radial-gradient(circle at 96% 5%, rgba(200,208,216,.22), transparent 22%),
    linear-gradient(135deg, #ffffff 0%, #f6f9fb 52%, #ffffff 100%);
  box-shadow: 0 24px 60px rgba(14,34,55,.08);
}

/* Retícula técnica animada */
.elementor-element.elementor-element-1da8854::before {
  content: "";
  position: absolute;
  inset: -80px;
  z-index: 0;
  pointer-events: none;
  opacity: .35;
  background:
    linear-gradient(90deg, rgba(14,34,55,.05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(14,34,55,.05) 1px, transparent 1px);
  background-size: 48px 48px;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 80%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 80%, transparent 100%);
  animation: np-gallery-grid-move 18s linear infinite;
}

/* Círculo técnico decorativo */
.elementor-element.elementor-element-1da8854::after {
  content: "";
  position: absolute;
  right: -105px;
  top: -115px;
  z-index: 0;
  width: 290px;
  height: 290px;
  border: 1px solid rgba(14,34,55,.12);
  border-radius: 50%;
  box-shadow:
    0 0 0 35px rgba(14,34,55,.025),
    0 0 0 78px rgba(14,34,55,.012);
  pointer-events: none;
  animation: np-gallery-orb-float 10s ease-in-out infinite;
}

.elementor-element.elementor-element-1da8854 .elementor-image-gallery {
  position: relative;
  z-index: 2;
}

.elementor-element.elementor-element-1da8854 .gallery {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 !important;
}

.elementor-element.elementor-element-1da8854 .gallery-item {
  width: auto !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  transition: transform .35s cubic-bezier(.2,.75,.2,1);
}

.elementor-element.elementor-element-1da8854 .gallery-item:hover {
  z-index: 3;
  transform: translateY(-9px);
}

/* Cada imagen */
.elementor-element.elementor-element-1da8854 .gallery-icon {
  position: relative;
  width: 100%;
  min-height: 220px;
  aspect-ratio: .78;
  overflow: hidden;
  isolation: isolate;
  background: var(--np-blue);
  box-shadow:
    0 18px 36px rgba(14,34,55,.16),
    inset 0 1px 0 rgba(255,255,255,.20);
  transition: box-shadow .35s ease, filter .35s ease;
}

/* Máscara geométrica individual */
.elementor-element.elementor-element-1da8854 .gallery-item:nth-child(1) .gallery-icon {
  clip-path: polygon(11% 0, 100% 0, 100% 84%, 87% 100%, 0 100%, 0 12%);
}

.elementor-element.elementor-element-1da8854 .gallery-item:nth-child(2) .gallery-icon {
  clip-path: polygon(10% 0, 89% 0, 100% 12%, 93% 100%, 8% 100%, 0 88%, 0 11%);
}

.elementor-element.elementor-element-1da8854 .gallery-item:nth-child(3) .gallery-icon {
  clip-path: polygon(12% 0, 88% 0, 100% 12%, 100% 87%, 87% 100%, 12% 100%, 0 87%, 0 12%);
}

.elementor-element.elementor-element-1da8854 .gallery-item:nth-child(4) .gallery-icon {
  clip-path: polygon(0 0, 87% 0, 100% 15%, 100% 100%, 12% 100%, 0 84%);
}

.elementor-element.elementor-element-1da8854 .gallery-item:nth-child(5) .gallery-icon {
  clip-path: polygon(14% 0, 100% 0, 100% 86%, 86% 100%, 0 100%, 0 14%);
}

/* Contorno moderno con plata */
.elementor-element.elementor-element-1da8854 .gallery-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  border: 1px solid var(--np-border);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    inset 0 0 28px rgba(14,34,55,.24);
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), transparent 26%, transparent 72%, rgba(255,255,255,.12)),
    linear-gradient(180deg, transparent 55%, rgba(7,23,36,.30));
  opacity: .86;
  animation: np-gallery-border-pulse 5s ease-in-out infinite;
}

/* Brillo que recorre cada imagen */
.elementor-element.elementor-element-1da8854 .gallery-icon::after {
  content: "";
  position: absolute;
  top: -130%;
  left: -60%;
  z-index: 4;
  width: 35%;
  height: 330%;
  pointer-events: none;
  opacity: 0;
  transform: rotate(20deg);
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(255,255,255,.25) 48%,
    transparent 100%
  );
  animation: np-gallery-shine 9s ease-in-out infinite;
}

.elementor-element.elementor-element-1da8854 .gallery-item:nth-child(2) .gallery-icon::after {
  animation-delay: 1.7s;
}

.elementor-element.elementor-element-1da8854 .gallery-item:nth-child(3) .gallery-icon::after {
  animation-delay: 3.4s;
}

.elementor-element.elementor-element-1da8854 .gallery-item:nth-child(4) .gallery-icon::after {
  animation-delay: 5.1s;
}

.elementor-element.elementor-element-1da8854 .gallery-item:nth-child(5) .gallery-icon::after {
  animation-delay: 6.8s;
}

.elementor-element.elementor-element-1da8854 .gallery-icon a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.elementor-element.elementor-element-1da8854 .gallery-icon img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 220px;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.06);
  filter: saturate(.78) contrast(1.08) brightness(.92);
  transition: transform .7s ease, filter .55s ease;
}

.elementor-element.elementor-element-1da8854 .gallery-item:hover .gallery-icon {
  filter: drop-shadow(0 24px 30px rgba(14,34,55,.22));
  box-shadow:
    0 24px 48px rgba(14,34,55,.22),
    inset 0 1px 0 rgba(255,255,255,.28);
}

.elementor-element.elementor-element-1da8854 .gallery-item:hover .gallery-icon img {
  transform: scale(1.14);
  filter: saturate(1) contrast(1.08) brightness(1);
}

/* Oculta captions genéricos */
.elementor-element.elementor-element-1da8854 .gallery-caption {
  display: none !important;
}

@keyframes np-gallery-grid-move {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-48px, 48px, 0);
  }
}

@keyframes np-gallery-orb-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
    opacity: .62;
  }
  50% {
    transform: translate3d(-14px, 14px, 0);
    opacity: 1;
  }
}

@keyframes np-gallery-border-pulse {
  0%, 100% {
    opacity: .65;
  }
  50% {
    opacity: 1;
  }
}

@keyframes np-gallery-shine {
  0%, 65%, 100% {
    left: -65%;
    opacity: 0;
  }
  71% {
    opacity: .55;
  }
  87% {
    left: 130%;
    opacity: 0;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .elementor-element.elementor-element-1da8854 .gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .elementor-element.elementor-element-1da8854 .gallery-icon,
  .elementor-element.elementor-element-1da8854 .gallery-icon img {
    min-height: 250px;
  }
}

/* Móvil */
@media (max-width: 767px) {
  .elementor-element.elementor-element-1da8854 {
    padding: 20px !important;
    border-radius: 22px;
  }

  .elementor-element.elementor-element-1da8854 .gallery {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .elementor-element.elementor-element-1da8854 .gallery-icon,
  .elementor-element.elementor-element-1da8854 .gallery-icon img {
    min-height: 250px;
    aspect-ratio: 1.35;
  }

  .elementor-element.elementor-element-1da8854 .gallery-item:hover {
    transform: translateY(-4px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .elementor-element.elementor-element-1da8854::before,
  .elementor-element.elementor-element-1da8854::after,
  .elementor-element.elementor-element-1da8854 .gallery-icon::before,
  .elementor-element.elementor-element-1da8854 .gallery-icon::after {
    animation: none !important;
  }

  .elementor-element.elementor-element-1da8854 .gallery-item,
  .elementor-element.elementor-element-1da8854 .gallery-icon,
  .elementor-element.elementor-element-1da8854 .gallery-icon img {
    transition: none !important;
  }
}
```/* End custom CSS */