.elementor-1954 .elementor-element.elementor-element-0048e19{--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:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1954 .elementor-element.elementor-element-f4871f5{--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:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1954 .elementor-element.elementor-element-e08fce4{--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:100px;--padding-left:0px;--padding-right:0px;}.elementor-1954 .elementor-element.elementor-element-965fe30 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:100px 0px 0px 0px;}.elementor-1954 .elementor-element.elementor-element-f3d2646{--display:flex;--min-height:500px;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--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-1954 .elementor-element.elementor-element-f3d2646::before, .elementor-1954 .elementor-element.elementor-element-f3d2646 > .elementor-background-video-container::before, .elementor-1954 .elementor-element.elementor-element-f3d2646 > .e-con-inner > .elementor-background-video-container::before, .elementor-1954 .elementor-element.elementor-element-f3d2646 > .elementor-background-slideshow::before, .elementor-1954 .elementor-element.elementor-element-f3d2646 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1954 .elementor-element.elementor-element-f3d2646 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1954 .elementor-element.elementor-element-7beecdb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1954 .elementor-element.elementor-element-97d5527{--display:flex;--min-height:300px;--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;--justify-content:center;--overlay-opacity:1;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1954 .elementor-element.elementor-element-97d5527:not(.elementor-motion-effects-element-type-background), .elementor-1954 .elementor-element.elementor-element-97d5527 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1954 .elementor-element.elementor-element-97d5527::before, .elementor-1954 .elementor-element.elementor-element-97d5527 > .elementor-background-video-container::before, .elementor-1954 .elementor-element.elementor-element-97d5527 > .e-con-inner > .elementor-background-video-container::before, .elementor-1954 .elementor-element.elementor-element-97d5527 > .elementor-background-slideshow::before, .elementor-1954 .elementor-element.elementor-element-97d5527 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1954 .elementor-element.elementor-element-97d5527 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}@media(max-width:1366px){.elementor-1954 .elementor-element.elementor-element-f3d2646{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-1954 .elementor-element.elementor-element-e08fce4{--content-width:1200px;}.elementor-1954 .elementor-element.elementor-element-97d5527{--content-width:1400px;}}@media(max-width:1366px) and (min-width:768px){.elementor-1954 .elementor-element.elementor-element-e08fce4{--content-width:1000px;}}@media(max-width:1200px) and (min-width:768px){.elementor-1954 .elementor-element.elementor-element-e08fce4{--content-width:900px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1954 .elementor-element.elementor-element-e08fce4{--content-width:700px;}}@media(max-width:880px) and (min-width:768px){.elementor-1954 .elementor-element.elementor-element-e08fce4{--content-width:650px;}}@media(min-width:2400px){.elementor-1954 .elementor-element.elementor-element-f3d2646{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1200px){.elementor-1954 .elementor-element.elementor-element-0048e19{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1954 .elementor-element.elementor-element-f4871f5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1954 .elementor-element.elementor-element-f3d2646{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:880px){.elementor-1954 .elementor-element.elementor-element-e08fce4{--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-1954 .elementor-element.elementor-element-965fe30 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1954 .elementor-element.elementor-element-e08fce4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1954 .elementor-element.elementor-element-965fe30 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1954 .elementor-element.elementor-element-f3d2646{--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;}}/* Start custom CSS for container, class: .elementor-element-0048e19 *//* ===== LOCKERS HERO BANNER ===== */

.lk-hero{
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(0,255,136,.14);
  background: #000;
  box-shadow: 0 30px 80px rgba(0,0,0,.45);
  isolation: isolate;
}

/* Imagen fondo */

.lk-hero__bg{
  position:absolute;
  inset:0;
  background-image:url("https://lockers.com.py/wp-content/uploads/2026/03/desk-banner-main-site.png");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  filter:saturate(1.5) contrast(18.95) brightness(.70px);
  transform:scale(1.08);
  z-index:0;
}

/* Overlay */

.lk-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.3);
  z-index:1;
}

/* Glow */

.lk-hero::after{
  content:"";
  position:absolute;
  inset:-30%;
  background:
    radial-gradient(closest-side at 18% 35%, rgba(0,255,136,.22), transparent 60%),
    radial-gradient(closest-side at 78% 25%, rgba(0,36,.12), transparent 55%),
    radial-gradient(closest-side at 70% 80%, rgba(0,300,136,.10), transparent 90%);
  z-index:2;
  pointer-events:none;
}

/* CONTENIDO */

.lk-hero__inner{
  position:relative;
  z-index:3;

  display:grid;
  gap:18px;

  padding:56px 56px;
  max-width:880px;
}

/* TITULO */

.lk-hero__title{
  margin:0;
  font-size:clamp(30px,4vw,52px);
  line-height:1.05;
  font-weight:900;
  color:#fff;
  letter-spacing:.02em;
}

.lk-hero__title .lk-green{
  color:#00ff88;
}

/* TEXTO */

.lk-hero__sub{
  margin:0;
  color:#fff;

  font-family:Montserrat,sans-serif;
  font-size:16px;
  line-height:1.8;
  font-weight:700;
  text-justify: inter-word;
  max-width:640px;

  text-align:justify;
  text-align-last:left;


  text-wrap:pretty;
}

/* ===== RESPONSIVE ===== */

@media (max-width:900px){

  .lk-hero__inner{
    padding:40px 26px;
    max-width:500px;
  }

  .lk-hero{
    border-radius:18px;
  }

}

@media (max-width:768px){

  .lk-hero__sub{
    text-align:left;
    max-width:100%;
    line-height:1.7;
  }

}

@media (max-width:480px){

  .lk-hero__title{
    font-size:28px;
  }

  .lk-hero__sub{
    font-size:14.5px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4871f5 *//* ===== LOCKERS HERO MOBILE ===== */

.lk-hero-m{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:18px;

  border:1px solid rgba(0,255,136,.14);
  background:#000;
  box-shadow:0 30px 80px rgba(0,0,0,.45);
}

/* fondo */

.lk-hero-m__bg{
  position:absolute;
  inset:0;

  background-image:url("https://lockers.com.py/wp-content/uploads/2026/03/phone-banner-main.png");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  filter:saturate(1.1) contrast(.95) brightness(.5);
  transform:scale(1.05);
  z-index:0;
}

/* overlay oscuro */

.lk-hero-m::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.3);
  z-index:1;
}

/* glow verde */

.lk-hero-m::after{
  content:"";
  position:absolute;
  inset:-30%;

  background:
    radial-gradient(circle at 10% 10%, rgba(0,255,136,.25), transparent 20%),
    radial-gradient(circle at 50% 90%, rgba(0,290,200,.10), transparent 50%);

  z-index:2;
}

/* contenido */

.lk-hero-m__inner{
  position:relative;
  z-index:3;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  text-align:center;

  padding:40px 26px;
  max-width:360px;
  margin:auto;
}

/* titulo */

.lk-hero-m__title{
  margin:0;
  font-size:28px;
  line-height:1.15;
  font-weight:900;
  color:#fff;
  letter-spacing:.02em;
}

/* texto */

.lk-hero-m__sub{
  margin-top:14px;

  font-family:Montserrat,sans-serif;
  font-size:14.5px;
  line-height:1.65;
  font-weight:600;

  color:#fff;

  max-width:300px;
  text-wrap:balance;
}

/* acento verde (se mantiene igual) */

.lk-green{
  color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-098ddb5 *//* ========================================
   TRUSTED COMPANIES – PREMIUM MARQUEE
   ======================================== */

.trust-section{
  background: #000;
  padding: 100px 0 90px;
  overflow: hidden;
  position: relative;
}

.trust-wrap{
  width: min(1400px, 94vw);
  margin: 0 auto;
}

.trust-title{
  text-align: center;
  color: #fff;
  font-size: 36px;
  letter-spacing: 1px;
  margin-bottom: 70px;
  font-weight: 900;
}


/* Slider */
.trust-slider{
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Moving track */
.trust-track{
  display: flex;
  gap: 30px;
  align-items: center;
  animation: trustScroll 20s linear infinite;
}

/* Logo wrapper */
.trust-logo{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  height:110px;
  min-width:160px;
  padding:10px 14px;
  opacity:.65;
  transition:
  opacity .35s ease,
  transform .35s ease,
  box-shadow .35s ease;

  animation:logoGlow 4s ease-in-out infinite alternate;
}


/* Logo image */
.trust-logo img{
 max-height:270px;
  max-width:270px;
  width:auto;
  height:100px;
  object-fit: contain;
  filter: grayscale(100%) brightness(1.15);
  transition: transform .45s ease, filter .45s ease, drop-shadow .45s ease;
}



/* =========================
   HOVER PREMIUM EFFECT
   ========================= */

.trust-logo:hover{
  opacity: 1;
  transform: translateY(-3px);
}

.trust-logo:hover img{
  transform: scale(1.08);
  filter:
    grayscale(0%)
    brightness(0)
    saturate(100%)
    invert(63%)
    sepia(92%)
    saturate(534%)
    hue-rotate(90deg)
    brightness(105%)
    contrast(105%);
}

.trust-slider{
  position: relative;
  width: 100%;
  overflow: hidden;
}
.trust-logo{
  animation: logoGlow 4s ease-in-out infinite alternate;
  position: relative;
  z-index: 2;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  height:170px;
  min-width:160px;

  padding:10px 14px;
}

@keyframes logoGlow{
  from{
    filter: drop-shadow(0 0 4px rgba(0,255,136,.15));
  }
  to{
    filter: drop-shadow(0 0 10px rgba(0,255,136,.35));
  }
}

/* Pausa animación al hover */
.trust-slider:hover .trust-track{
  animation-play-state: paused;
}


/* Infinite animation */
@keyframes trustScroll{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Permite swipe en mobile + experiencia más natural */


/* En mobile, baja un poco el blur si aplica y mantiene fluido */
@media (max-width: 767px){
  .trust-track{
    will-change: transform;
  }
}
/* =========================================================
   RESPONSIVE
   ========================================================= */

/* laptop */
@media (max-width:1366px){
  .trust-section{
    padding:72px 0 76px;
  }

  .trust-title{
    font-size:30px;
    margin-bottom:42px;
  }

  .trust-track{
    gap:62px;
    animation-duration:32s;
  }

  .trust-logo{
    min-width:150px;
    height:90px;
  }

  .trust-logo img{
    max-width:300px;
    max-height:400px;
  }
}

/* tablet horizontal y vertical */
@media (max-width:1024px){
  .trust-section{
    padding:64px 0 68px;
  }

  .trust-title{
    font-size:29px;
    line-height:1.15;
    margin-bottom:36px;
  }

  .trust-slider{
    mask-image:linear-gradient(to right, transparent 0%, #000 5%, #000 95%, transparent 100%);
    -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 5%, #000 95%, transparent 100%);
  }

  .trust-track{
    gap:52px;
    animation-duration:28s;
  }

  .trust-logo{
    min-width:136px;
    height:84px;
  }

  .trust-logo img{
    max-width:300px;
    max-height:400px;
  }

}

/* móvil grande */
@media (max-width:767px){
  .trust-section{
    padding:58px 0 62px;
  }

  .trust-title{
    font-size:29px;
    line-height:1.15;
    margin-bottom:28px;
  }

  .trust-track{
    gap:30px;
    animation-duration:24s;
  }

  .trust-logo{
    min-width:124px;
    height:78px;
  }

  .trust-logo img{
    max-width:300px;
    max-height:400px;
  }
}

/* móvil pequeño */
@media (max-width:480px){
  .trust-section{
    padding:28px 0 56px;
  }

  .trust-title{
    font-size:27px;
    line-height:1.15;
    margin-bottom:24px;
  }

  .trust-track{
    gap:10px;
    animation-duration:22s;
  }

  .trust-logo{
    min-width:112px;
    height:72px;
  }

  .trust-logo img{
    max-width:180px;
    max-height:180px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97d5527 *//* =========================================================
   CERTIFICATIONS SLIDER (3-up)
   ========================================================= */

.certs-section{
  width: 100%;
  background: #0f4f2a; /* ajusta al verde exacto */
  padding: 64px 0 48px;
}

.certs-wrap{
  width: min(1180px, 92vw);
  margin: 0 auto;
}

.certs-title{
  margin: 0 0 36px;
  text-align: center;
  color: #ffffff;
  font-size: 52px;
  letter-spacing: 1px;
  font-weight: 900;
}

.certs-slider-wrap{
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
}

/* Swiper base */
.certs-swiper{
  width: 100%;
  overflow: hidden;
}

/* Slides */
.certs-swiper .swiper-slide{
  height: auto;
}

/* Card (cada certificación) */
.cert-card{
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 18px;
  align-items: center;

  padding: 18px 20px;
  min-height: 110px;

  text-decoration: none;
  color: #fff;
  position: relative;
}

/* Línea separadora (blanca) */
.cert-card::after{
  content: "";
  position: absolute;
  top: 14px;
  right: 0;
  bottom: 14px;
  width: 1px;
  background: rgba(255,255,255,.55);
}

/* Quita la línea en cada 3er elemento (3 por vista).
   Nota: con loop pueden aparecer duplicados, pero visualmente queda bien. */
.certs-swiper .swiper-slide:nth-child(3n) .cert-card::after{
  display: none;
}

.cert-logo{
  display: flex;
  align-items: center;
  justify-content: center;
}

.cert-logo img{
  width: 86px;
  height: 86px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 8px 14px rgba(0,0,0,.25));
}

.cert-text h3{
  margin: 0 0 6px;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 800;
}

.cert-text p{
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: rgba(255,255,255,.82);
}

/* Flechas blancas */
.certs-nav{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.7);
  background: rgba(0,0,0,.18);
  color: #fff;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.certs-nav:hover{
  transform: translateY(-1px);
  background: rgba(0,0,0,.26);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

.certs-prev{ flex: 0 0 auto; }
.certs-next{ flex: 0 0 auto; }

/* Dots */
.certs-pagination{
  margin-top: 26px;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.certs-pagination .swiper-pagination-bullet{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.75);
  opacity: 1;
}

.certs-pagination .swiper-pagination-bullet-active{
  background: #ffffff;
  transform: scale(1.2);
}

/* Hover sutil en card */
.cert-card:hover .cert-text p{
  color: rgba(255,255,255,.92);
}

/* Responsive */
@media (max-width: 1024px){
  .cert-card{ grid-template-columns: 96px 1fr; }
  .cert-logo img{ width: 76px; height: 76px; }
  .certs-title{ font-size: 42px; }
}

@media (max-width: 767px){
  .certs-title{ font-size: 32px; }
  .cert-card{
    grid-template-columns: 84px 1fr;
    padding: 16px;
  }
  /* En móvil se verán 1 o 2 por vista según JS -> quitamos la línea */
  .cert-card::after{ display: none; }
}/* End custom CSS */