/* Mobile banner 3 KPI treatment matching the verified banner 1 and banner 2.
   Loaded last to supersede legacy mobile sizing and animation declarations. */
@media(max-width:700px){
 .hero[data-hero-slider] .hero-slide-growth .earth-kpis{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:repeat(4,minmax(68px,auto))!important;
  gap:13px!important;
  width:calc(100% - 32px)!important;max-width:350px!important;
  margin:18px auto 12px!important;padding:0!important;
  position:relative!important;inset:auto!important;transform:none!important;z-index:5!important;pointer-events:auto!important;
 }
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi{
  position:relative!important;inset:auto!important;bottom:auto!important;top:auto!important;left:auto!important;right:auto!important;
  display:flex!important;align-items:center!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  min-height:68px!important;height:auto!important;
  padding:10px 8px!important;gap:7px!important;
  border-radius:17px!important;isolation:isolate!important;overflow:visible!important;
  background:linear-gradient(120deg,rgba(35,11,61,.96),rgba(18,8,43,.97))!important;
  border:1px solid rgba(193,99,255,.85)!important;
  box-shadow:0 8px 23px #07001588,0 0 13px #9d32ff55,inset 0 0 18px #9c37f11e!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
 }
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi:nth-child(1){grid-area:1/1}
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi:nth-child(2){grid-area:2/1}
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi:nth-child(3){grid-area:3/1}
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi:nth-child(4){grid-area:4/1}
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi-icon{
  width:30px!important;height:30px!important;flex:0 0 30px!important;
  box-shadow:0 3px 12px rgba(255,103,31,.35)!important;
 }
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi-copy strong{
  display:block!important;font-size:13px!important;line-height:1.25!important;
  font-weight:800!important;overflow-wrap:anywhere!important;
 }
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi-copy small{
  display:block!important;font-size:11px!important;line-height:1.35!important;
  overflow-wrap:anywhere!important;
 }
 /* The same animated perimeter lighting as banners 1 and 2. */
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi::before{
  content:""!important;position:absolute!important;inset:-2px!important;
  border-radius:inherit!important;padding:2px!important;
  background:conic-gradient(from var(--ai-border-angle,0deg),transparent 0deg,transparent 235deg,#ff9d46 266deg,#fff3b0 281deg,#ff6822 294deg,transparent 324deg)!important;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
  -webkit-mask-composite:xor!important;mask-composite:exclude!important;
  filter:drop-shadow(0 0 5px #ff7b24)!important;
  pointer-events:none!important;
  animation:ai-border-travel 3.4s linear infinite!important;
 }
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi::after{
  content:""!important;position:absolute!important;inset:0!important;
  border-radius:inherit!important;pointer-events:none!important;
  box-shadow:inset 0 0 9px #c85dff44,0 0 11px #a63aff35!important;
 }
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi:nth-child(2)::before{animation-delay:-.85s!important}
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi:nth-child(3)::before{animation-delay:-1.7s!important}
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi:nth-child(4)::before{animation-delay:-2.55s!important}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .hero[data-hero-slider] .hero-slide-brand.is-active .hero-float{
  animation:ikrea-banner3-orbit-float 4.8s ease-in-out infinite!important;
  translate:0 0;
 }
 .hero[data-hero-slider] .hero-slide-brand.is-active .hero-float:nth-child(2){animation-delay:-1.2s!important}
 .hero[data-hero-slider] .hero-slide-brand.is-active .hero-float:nth-child(3){animation-delay:-2.4s!important}
 .hero[data-hero-slider] .hero-slide-brand.is-active .hero-float:nth-child(4){animation-delay:-3.6s!important}
}
@keyframes ikrea-banner3-orbit-float{
 0%,100%{translate:0 0}
 50%{translate:0 -10px}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi,
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi::before{animation:none!important}
}
@media(max-width:360px){
 .hero[data-hero-slider] .hero-slide-growth .earth-kpis{gap:11px!important;width:calc(100% - 24px)!important}
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi{padding:8px 6px!important;gap:5px!important}
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi-icon{width:26px!important;height:26px!important;flex-basis:26px!important}
}

/* Keep banner 3 copy/CTA above its four KPI despite legacy absolute orbit layout. */
@media(max-width:700px){
 .hero[data-hero-slider]>.hero-slide-growth.is-active{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;padding-bottom:72px!important;
 }
 .hero[data-hero-slider]>.hero-slide-growth.is-active>.hero-inner{
  order:1!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;
  padding-bottom:8px!important;
 }
 .hero[data-hero-slider]>.hero-slide-growth.is-active>.earth-kpis{
  order:2!important;flex:0 0 auto!important;
 }
 .hero-slide-growth .earth-kpi::after{display:none!important}
}

/* Banner 3 desktop/tablet: the same traveling illuminated KPI borders as mobile. */
@media(min-width:701px){
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi{
  isolation:isolate!important;
  overflow:visible!important;
  border:1px solid rgba(193,99,255,.85)!important;
  box-shadow:0 8px 23px #07001588,0 0 13px #9d32ff55,inset 0 0 18px #9c37f11e!important;
 }
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi::before{
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  border-radius:inherit!important;
  padding:2px!important;
  background:conic-gradient(from var(--ai-border-angle,0deg),transparent 0deg,transparent 235deg,#ff9d46 266deg,#fff3b0 281deg,#ff6822 294deg,transparent 324deg)!important;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  pointer-events:none!important;
  filter:drop-shadow(0 0 5px #ff7b24)!important;
  animation:ai-border-travel 3.4s linear infinite!important;
 }
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  left:0!important;
  right:0!important;
  top:0!important;
  border-radius:inherit!important;
  background:none!important;
  transform:none!important;
  pointer-events:none!important;
  box-shadow:inset 0 0 9px #c85dff44,0 0 11px #a63aff35!important;
 }
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi:nth-child(2)::before{animation-delay:-.85s!important}
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi:nth-child(3)::before{animation-delay:-1.7s!important}
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi:nth-child(4)::before{animation-delay:-2.55s!important}
}
@media(min-width:701px) and (prefers-reduced-motion:reduce){
 .hero[data-hero-slider] .hero-slide-growth .earth-kpi::before{animation:none!important}
}

/* Mobile: pagination dots 10px above the lower banner edge. */
@media(max-width:700px){
 .hero[data-hero-slider] .hero-pagination{
  bottom:36px!important;
  padding-bottom:0!important;
 }
}

/* All three hero banners: lilac hover for the "Conversemos" secondary CTA. */
.hero[data-hero-slider] .hero-slide .hero-actions .hero-secondary:hover,
.hero[data-hero-slider] .hero-slide .hero-actions .hero-secondary:focus-visible{
 background:#9b5de5!important;
 background-image:none!important;
 border-color:#b88af0!important;
 color:#fff!important;
 -webkit-text-fill-color:#fff!important;
 box-shadow:0 7px 22px rgba(155,93,229,.3)!important;
 opacity:1!important;
}
.hero[data-hero-slider] .hero-slide .hero-actions .hero-secondary:hover *,
.hero[data-hero-slider] .hero-slide .hero-actions .hero-secondary:focus-visible *{
 color:#fff!important;
 -webkit-text-fill-color:#fff!important;
 stroke:currentColor;
 opacity:1!important;
}
.hero[data-hero-slider] .hero-slide .hero-actions .hero-secondary:hover .play-icon,
.hero[data-hero-slider] .hero-slide .hero-actions .hero-secondary:focus-visible .play-icon{
 color:#fff!important;
 border-color:rgba(255,255,255,.75)!important;
}