/* =========================================================
   HONDURAS HERO — PATHWAY PANEL ONLY
   Belize-style visual treatment
   ========================================================= */


/* PANEL */
.sl-honduras-hero-final
.hnd3-pathways{
  position:relative !important;

  padding:27px !important;

  border-radius:18px !important;

  border:
    1px solid rgba(255,255,255,.16) !important;

  background:
    linear-gradient(
      145deg,
      rgba(8,40,60,.86),
      rgba(6,31,48,.78)
    ) !important;

  box-shadow:
    0 26px 65px rgba(0,0,0,.27),
    inset 0 1px 0 rgba(255,255,255,.06) !important;

  backdrop-filter:blur(15px) !important;
  -webkit-backdrop-filter:blur(15px) !important;

  overflow:hidden !important;
}


/* subtle inner border */
.sl-honduras-hero-final
.hnd3-pathways::before{
  content:"" !important;

  position:absolute !important;
  inset:9px !important;

  border:
    1px solid rgba(125,208,234,.08) !important;

  border-radius:13px !important;

  pointer-events:none !important;
}


/* ---------------------------------------------------------
   HEADER
   --------------------------------------------------------- */

.sl-honduras-hero-final
.hnd3-pathways-head{
  position:relative !important;
  z-index:2 !important;

  padding:3px 3px 18px !important;

  border-bottom:
    1px solid rgba(255,255,255,.10) !important;
}


.sl-honduras-hero-final
.hnd3-pathways-head > span{
  display:block !important;

  margin:0 0 7px !important;

  color:#78cae8 !important;

  font-size:10px !important;
  line-height:1 !important;
  font-weight:800 !important;

  letter-spacing:.17em !important;
  text-transform:uppercase !important;
}


.sl-honduras-hero-final
.hnd3-pathways-head > h2{
  margin:0 !important;

  color:#ffffff !important;

  font-size:24px !important;
  line-height:1.15 !important;
  font-weight:750 !important;

  letter-spacing:-.025em !important;
}


/* ---------------------------------------------------------
   LIST
   --------------------------------------------------------- */

.sl-honduras-hero-final
.hnd3-pathway-list{
  position:relative !important;
  z-index:2 !important;

  display:grid !important;
  gap:7px !important;

  margin-top:12px !important;
}


/* ---------------------------------------------------------
   EACH PATHWAY CARD
   --------------------------------------------------------- */

.sl-honduras-hero-final
.hnd3-pathway{
  min-height:77px !important;

  padding:14px 15px !important;

  display:grid !important;

  grid-template-columns:
    39px minmax(0,1fr) auto !important;

  align-items:center !important;

  gap:13px !important;

  border-radius:11px !important;

  border:
    1px solid transparent !important;

  background:
    rgba(255,255,255,.04) !important;

  text-decoration:none !important;

  transition:
    transform .22s ease,
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease !important;
}


/* SAME BELIZE-STYLE HOVER */
.sl-honduras-hero-final
.hnd3-pathway:hover{
  transform:
    translateX(4px) !important;

  background:
    linear-gradient(
      110deg,
      rgba(26,103,139,.54),
      rgba(41,137,180,.25)
    ) !important;

  border-color:
    rgba(113,210,241,.28) !important;

  box-shadow:
    0 10px 26px rgba(0,0,0,.16) !important;
}


/* ---------------------------------------------------------
   NUMBER CIRCLE
   --------------------------------------------------------- */

.sl-honduras-hero-final
.hnd3-pathway-num{
  width:39px !important;
  height:39px !important;

  display:grid !important;
  place-items:center !important;

  border-radius:50% !important;

  color:#97def4 !important;

  background:
    rgba(58,160,199,.13) !important;

  border:
    1px solid rgba(104,204,236,.24) !important;

  font-size:11px !important;
  line-height:1 !important;
  font-weight:850 !important;

  transition:
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    transform .22s ease !important;
}


/* number response on hover */
.sl-honduras-hero-final
.hnd3-pathway:hover
.hnd3-pathway-num{
  color:#ffffff !important;

  background:#237fa7 !important;

  border-color:#7ad6f2 !important;

  transform:scale(1.04) !important;

  box-shadow:
    0 0 14px rgba(90,207,242,.25) !important;
}


/* ---------------------------------------------------------
   COPY
   --------------------------------------------------------- */

.sl-honduras-hero-final
.hnd3-pathway-copy{
  display:block !important;
  min-width:0 !important;
}


.sl-honduras-hero-final
.hnd3-pathway-copy > strong{
  display:block !important;

  color:#ffffff !important;

  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:720 !important;
}


.sl-honduras-hero-final
.hnd3-pathway-copy > small{
  display:block !important;

  margin-top:5px !important;

  color:
    rgba(220,239,247,.64) !important;

  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}


/* ---------------------------------------------------------
   RIGHT TAG
   --------------------------------------------------------- */

.sl-honduras-hero-final
.hnd3-pathway-tag{
  padding:6px 8px !important;

  border-radius:20px !important;

  color:#82d8f2 !important;

  background:
    rgba(50,164,204,.10) !important;

  border:
    1px solid rgba(91,195,231,.16) !important;

  font-size:8px !important;
  line-height:1 !important;
  font-weight:850 !important;

  letter-spacing:.10em !important;
  text-transform:uppercase !important;

  white-space:nowrap !important;
}


/* brighter tag on hover */
.sl-honduras-hero-final
.hnd3-pathway:hover
.hnd3-pathway-tag{
  color:#c8f2ff !important;

  background:
    rgba(78,190,228,.16) !important;

  border-color:
    rgba(116,216,247,.30) !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:640px){

  .sl-honduras-hero-final
  .hnd3-pathways{
    padding:18px !important;
    border-radius:15px !important;
  }


  .sl-honduras-hero-final
  .hnd3-pathway{
    grid-template-columns:
      36px minmax(0,1fr) !important;

    min-height:75px !important;
  }


  .sl-honduras-hero-final
  .hnd3-pathway-tag{
    display:none !important;
  }

}