.elementor-2052 .elementor-element.elementor-element-4ce7408{--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-2052 .elementor-element.elementor-element-b910dfd{--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-2052 .elementor-element.elementor-element-5220280{--display:flex;--min-height:700px;--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;--overlay-opacity:1;--padding-top:080px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2052 .elementor-element.elementor-element-5220280::before, .elementor-2052 .elementor-element.elementor-element-5220280 > .elementor-background-video-container::before, .elementor-2052 .elementor-element.elementor-element-5220280 > .e-con-inner > .elementor-background-video-container::before, .elementor-2052 .elementor-element.elementor-element-5220280 > .elementor-background-slideshow::before, .elementor-2052 .elementor-element.elementor-element-5220280 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2052 .elementor-element.elementor-element-5220280 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(178deg, #07130F 0%, #FFFFFF00 29%);}.elementor-2052 .elementor-element.elementor-element-b92cd6a{--display:flex;--min-height:700px;--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;--overlay-opacity:1;--padding-top:080px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2052 .elementor-element.elementor-element-b92cd6a::before, .elementor-2052 .elementor-element.elementor-element-b92cd6a > .elementor-background-video-container::before, .elementor-2052 .elementor-element.elementor-element-b92cd6a > .e-con-inner > .elementor-background-video-container::before, .elementor-2052 .elementor-element.elementor-element-b92cd6a > .elementor-background-slideshow::before, .elementor-2052 .elementor-element.elementor-element-b92cd6a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2052 .elementor-element.elementor-element-b92cd6a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(178deg, #07130F 0%, #FFFFFF00 29%);}.elementor-2052 .elementor-element.elementor-element-12802a4{--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:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2052 .elementor-element.elementor-element-57d7489{--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-2052 .elementor-element.elementor-element-57d7489:not(.elementor-motion-effects-element-type-background), .elementor-2052 .elementor-element.elementor-element-57d7489 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2052 .elementor-element.elementor-element-57d7489::before, .elementor-2052 .elementor-element.elementor-element-57d7489 > .elementor-background-video-container::before, .elementor-2052 .elementor-element.elementor-element-57d7489 > .e-con-inner > .elementor-background-video-container::before, .elementor-2052 .elementor-element.elementor-element-57d7489 > .elementor-background-slideshow::before, .elementor-2052 .elementor-element.elementor-element-57d7489 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2052 .elementor-element.elementor-element-57d7489 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2052 .elementor-element.elementor-element-d1400b0{--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:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2052 .elementor-element.elementor-element-a47b214 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-2052 .elementor-element.elementor-element-12802a4{--content-width:1100px;}.elementor-2052 .elementor-element.elementor-element-57d7489{--content-width:1400px;}.elementor-2052 .elementor-element.elementor-element-d1400b0{--content-width:1400px;}}@media(max-width:1366px){.elementor-2052 .elementor-element.elementor-element-6f67852 > .elementor-widget-container{padding:80px 40px 80px 40px;}.elementor-2052 .elementor-element.elementor-element-e8c9fb0 > .elementor-widget-container{padding:80px 40px 80px 40px;}}@media(max-width:1200px){.elementor-2052 .elementor-element.elementor-element-4ce7408{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2052 .elementor-element.elementor-element-b910dfd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-2052 .elementor-element.elementor-element-5220280{--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-2052 .elementor-element.elementor-element-6f67852 > .elementor-widget-container{padding:40px 10px 40px 10px;}.elementor-2052 .elementor-element.elementor-element-b92cd6a{--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-2052 .elementor-element.elementor-element-e8c9fb0 > .elementor-widget-container{padding:40px 10px 40px 10px;}}/* Start custom CSS for container, class: .elementor-element-4ce7408 *//* ===== 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 container, class: .elementor-element-b910dfd *//* ===== 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-5220280 */.elementor-2052 .elementor-element.elementor-element-5220280{
  position: relative;
  overflow: hidden;
}

/* ESQUINAS ANIMADAS (aurora corners) */
.elementor-2052 .elementor-element.elementor-element-5220280::before{
  content: "";
  position: absolute;
  inset: -25%;
  pointer-events: none;
  z-index: 0;

  /* 4 esquinas + un toque sutil en borde inferior */
  background:
    radial-gradient(55% 55% at 10% 12%, rgba(0,255,136,.30) 0%, transparent 58%),  /* sup izq */
    radial-gradient(55% 55% at 90% 14%, rgba(0,255,136,.22) 0%, transparent 60%),  /* sup der */
    radial-gradient(65% 65% at 12% 88%, rgba(0,255,136,.26) 0%, transparent 62%),  /* inf izq */
    radial-gradient(65% 65% at 92% 90%, rgba(0,255,136,.20) 0%, transparent 64%),  /* inf der */
    radial-gradient(70% 45% at 50% 100%, rgba(0,255,136,.10) 0%, transparent 70%); /* borde inf */

  filter: blur(34px);
  opacity: .9;
  mix-blend-mode: screen;

  animation: lockersCorners 10s ease-in-out infinite;
}

/* CAPA EXTRA: brillitos suaves (muy leve) */
.elementor-2052 .elementor-element.elementor-element-5220280::after{
  content: "";
  position: absolute;
  inset: -30%;
  pointer-events: none;
  z-index: 0;

  background:
    radial-gradient(circle at 20% 20%, rgba(0,255,136,.18) 0%, transparent 38%),
    radial-gradient(circle at 80% 75%, rgba(0,255,136,.14) 0%, transparent 42%);

  filter: blur(60px);
  opacity: .35;

  animation: lockersSparkle 7s ease-in-out infinite alternate;
}

/* contenido encima */
.elementor-2052 .elementor-element.elementor-element-5220280 > *{
  position: relative;
  z-index: 1;
}

/* Movimiento relajante: lento pero evidente */
@keyframes lockersCorners{
  0%{
    transform: translate3d(-2%, 1%, 0) scale(1.02);
    background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%, 50% 100%;
  }
  50%{
    transform: translate3d(2%, -1.5%, 0) scale(1.08);
    background-position: 8% 6%, 92% 10%, 10% 92%, 95% 96%, 50% 100%;
  }
  100%{
    transform: translate3d(-2%, 1%, 0) scale(1.02);
    background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%, 50% 100%;
  }
}

@keyframes lockersSparkle{
  0%{
    transform: translate(0%,0%) scale(1);
    opacity: .28;
  }
  100%{
    transform: translate(6%,-5%) scale(1.12);
    opacity: .42;
  }
}

/* accesibilidad */
@media (prefers-reduced-motion: reduce){
  .elementor-2052 .elementor-element.elementor-element-5220280::before,
  .elementor-2052 .elementor-element.elementor-element-5220280::after{ animation: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b92cd6a */.elementor-2052 .elementor-element.elementor-element-b92cd6a{
  position: relative;
  overflow: hidden;
}

/* ESQUINAS ANIMADAS (aurora corners) */
.elementor-2052 .elementor-element.elementor-element-b92cd6a::before{
  content: "";
  position: absolute;
  inset: -25%;
  pointer-events: none;
  z-index: 0;

  /* 4 esquinas + un toque sutil en borde inferior */
  background:
    radial-gradient(55% 55% at 10% 12%, rgba(0,255,136,.30) 0%, transparent 58%),  /* sup izq */
    radial-gradient(55% 55% at 90% 14%, rgba(0,255,136,.22) 0%, transparent 60%),  /* sup der */
    radial-gradient(65% 65% at 12% 88%, rgba(0,255,136,.26) 0%, transparent 62%),  /* inf izq */
    radial-gradient(65% 65% at 92% 90%, rgba(0,255,136,.20) 0%, transparent 64%),  /* inf der */
    radial-gradient(70% 45% at 50% 100%, rgba(0,255,136,.10) 0%, transparent 70%); /* borde inf */

  filter: blur(34px);
  opacity: .9;
  mix-blend-mode: screen;

  animation: lockersCorners 10s ease-in-out infinite;
}

/* CAPA EXTRA: brillitos suaves (muy leve) */
.elementor-2052 .elementor-element.elementor-element-b92cd6a::after{
  content: "";
  position: absolute;
  inset: -30%;
  pointer-events: none;
  z-index: 0;

  background:
    radial-gradient(circle at 20% 20%, rgba(0,255,136,.18) 0%, transparent 38%),
    radial-gradient(circle at 80% 75%, rgba(0,255,136,.14) 0%, transparent 42%);

  filter: blur(60px);
  opacity: .35;

  animation: lockersSparkle 7s ease-in-out infinite alternate;
}

/* contenido encima */
.elementor-2052 .elementor-element.elementor-element-b92cd6a > *{
  position: relative;
  z-index: 1;
}

/* Movimiento relajante: lento pero evidente */
@keyframes lockersCorners{
  0%{
    transform: translate3d(-2%, 1%, 0) scale(1.02);
    background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%, 50% 100%;
  }
  50%{
    transform: translate3d(2%, -1.5%, 0) scale(1.08);
    background-position: 8% 6%, 92% 10%, 10% 92%, 95% 96%, 50% 100%;
  }
  100%{
    transform: translate3d(-2%, 1%, 0) scale(1.02);
    background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%, 50% 100%;
  }
}

@keyframes lockersSparkle{
  0%{
    transform: translate(0%,0%) scale(1);
    opacity: .28;
  }
  100%{
    transform: translate(6%,-5%) scale(1.12);
    opacity: .42;
  }
}

/* accesibilidad */
@media (prefers-reduced-motion: reduce){
  .elementor-2052 .elementor-element.elementor-element-b92cd6a::before,
  .elementor-2052 .elementor-element.elementor-element-b92cd6a::after{ animation: none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec72e5f *//* ========================================
   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-57d7489 *//* =========================================================
   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 */