/* custom.css (cargado al final) */
/* Keep primary accent color consistent with brand */
.btn-primary::before,
.btn-primary::after,
.section-title span,
.section-title .bar {
  background: #5899E3;
}

/* Arlie Power – highlights section (cards + stats + image) */
.ap-highlights-wrap{max-width:1200px;margin:0 auto;}
         
.ap-highlights{padding:220px 15px 70px;background:#fff;}

.ap-highlights-panel{background:#142D4E;border-radius:28px;position:relative;overflow:visible;padding:380px 60px 70px;}

.ap-cards{
    position:absolute;
    top:-140px;
    left:0;
    right:0;
    width:100%;
    padding:0 60px; /* match panel side padding */
    display:flex;
    gap:26px;
    justify-content:center;
    align-items:stretch;
    flex-wrap:nowrap;
    z-index:5;
}
/* Lock 3-up layout like the reference */
.ap-card{
    position:relative;
    flex:0 0 calc((100% - 52px) / 3); /* 2 gaps * 26px */
    max-width:380px;
    border-radius:22px;
    overflow:hidden;
    background:#0F233D;
    box-shadow:0 14px 30px rgba(0,0,0,.18);
}
/* Taller images like the reference */
.ap-card img{width:100%;height:460px;object-fit:cover;display:block;}
.ap-card .ap-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.0) 35%, rgba(0,0,0,.55) 70%, rgba(0,0,0,.72) 100%);}            
.ap-card .ap-card-text{position:absolute;left:22px;bottom:18px;right:22px;color:#fff;}
.ap-card .ap-card-title{font-size:44px;font-weight:800;line-height:1;margin:0;}
.ap-card .ap-card-sub{font-size:20px;font-weight:600;margin:8px 0 0;opacity:.95;}
.ap-card .ap-card-line{height:6px;width:110px;background:#fff;border-radius:6px;margin-top:14px;opacity:.95;}
.ap-card .ap-card-arrow{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 18px rgba(0,0,0,.18);}
.ap-card .ap-card-arrow span{display:block;font-size:18px;line-height:1;color:#0F233D;font-weight:900;transform:translateY(-1px);}            
.ap-highlights-content{display:flex;gap:40px;align-items:flex-end;justify-content:space-between;flex-wrap:nowrap;position:relative;z-index:1;}
.ap-stats{color:#fff;max-width:560px;}
.ap-stats .ap-stat-big{font-size:72px;font-weight:900;line-height:1;margin:0;}
.ap-stats .ap-stat-sub{font-size:22px;font-weight:600;margin:10px 0 0;opacity:.98;}
.ap-stats .ap-gap{margin-top:34px;}
.ap-hero-img{flex:1;min-width:260px;text-align:right;position:relative;z-index:1;}
.ap-hero-img img{max-width:600px;width:100%;height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.25));position:absolute;right:-10px;bottom:-60px;}
@media (max-width: 991px){
    .ap-highlights-panel{padding:1060px 22px 34px;}
    .ap-cards{top:-220px;left:0;right:0;width:100%;padding:0 22px;flex-direction:column;gap:18px;}
    .ap-card img{height:340px;}
    .ap-card .ap-card-title{font-size:40px;}
    .ap-stats .ap-stat-big{font-size:56px;}
    .ap-stats .ap-stat-sub{font-size:20px;}
    .ap-hero-img{text-align:center;}
    .ap-hero-img img{position:relative;right:auto;bottom:auto;max-width:520px;margin:24px auto 0;display:block;}
    .ap-highlights-content{flex-wrap:wrap;}
  /* .ap-hero-badge{padding:18px 28px;gap:14px;}  REMOVED */
  /* .ap-hero-badge::before{left:-1200px;width:1200px;}  REMOVED */
}

/* ===== Arlie Power fixes (do not remove) ===== */

/* Primary button default + hover states */
.btn-primary,
.induxtro-nav .others-option .btn.btn-primary,
.contact-info-boxes .btn.btn-primary,
.home-slides .btn.btn-primary {
  background-color: #5899E3 !important; /* normal */
  border-color: #5899E3 !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #234C7E !important; /* darker hover */
  border-color: #234C7E !important;
  color: #fff !important;
}

/* Match pseudo-elements to button hover color */
.btn-primary::before,
.btn-primary::after {
  background-color: #5899E3 !important;
}
.btn-primary:hover::before,
.btn-primary:hover::after {
  background-color: #234C7E !important;
}

/* Keep the 3 cards perfectly centered within the panel */
.ap-highlights-panel { position: relative; }
.ap-cards {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin: 0 auto !important;
  justify-content: center !important;
}

/* Give the title a bit more horizontal room and reduce size so long words fit */
.ap-card .ap-card-text{
  left: 16px !important;
  right: 16px !important;
}
.ap-card-title {
  font-size: 34px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.2px !important;
  white-space: nowrap !important;
}
@media (max-width: 1199px) {
  .ap-card-title { font-size: 32px !important; }
}
@media (max-width: 991px) {
  .ap-card-title { font-size: 36px !important; white-space: normal !important; }
}

/* Ensure hover color persists (base layer + overlay) */
.btn-primary{
  transition: background-color .2s ease, border-color .2s ease;
}
.btn-primary:hover{
  background-color:#234C7E !important;
  border-color:#234C7E !important;
}
/* Keep overlay in sync during hover animation */
.btn-primary:hover::before,
.btn-primary:hover::after{
  background-color:#234C7E !important;
}

/* ================================
   Subscribe area – flaticon icon sizing (Flaticon renders via ::before)
   ================================ */
.subscribe-area .subscribe-content .flaticon-send::before,
.start-subscribe-area .subscribe-content .flaticon-send::before{
  font-size: 48px !important;
  color: #ffffff !important;
  line-height: 1 !important;
}

.subscribe-area .subscribe-content .flaticon-send,
.start-subscribe-area .subscribe-content .flaticon-send{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
}

/* Keep icon + text together and centered */
.start-subscribe-area .subscribe-content{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
/* ================================
   HERO BADGE – CONSOLIDATED (NO CONFLICTS)
   - Same on all slides
   - White background extends to LEFT edge of viewport
   - No Owl overflow hacks
   - No duplicate global overrides
   ================================ */

/* Wrapper: keeps badge from stretching, controls the left-bleed background */
.home-slides .ap-hero-badge-wrap{
  display:inline-block !important;
  position:relative;
  width:auto !important;
  max-width:none !important;
  z-index:1;
}

/* Extend white to the LEFT edge of the viewport, but only as tall as the badge */
.home-slides .ap-hero-badge-wrap::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-100vw;
  width:100vw;
  background:#ffffff;
  z-index:0;
  pointer-events:none;
}

/* The clickable badge */
.home-slides .ap-hero-badge{
  position:relative;
  z-index:1;
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  background:#ffffff !important;
  padding:10px 16px !important;
  box-shadow:0 8px 18px rgba(0,0,0,.18) !important;
  text-decoration:none !important;
  width:auto !important;
  max-width:none !important;
}

/* Text (same size + not bold) */
.home-slides .ap-hero-badge-small,
.home-slides .ap-hero-badge-year{
  color:#000000 !important;
  font-weight:400 !important;
  font-size:18px !important;
  line-height:1 !important;
}

@media (max-width: 991px){
  .home-slides .ap-hero-badge-small,
  .home-slides .ap-hero-badge-year{ font-size:16px !important; }
}