/* Mobile hero sizing; the original components and content remain unchanged. */
@media (max-width:1100px) and (orientation:portrait){
  html,body{overflow-x:hidden!important}
  .landing-page__hero{min-height:474px!important;padding-bottom:48px!important;position:relative!important;overflow:visible!important;background:linear-gradient(to bottom,#000 0%,#000 70%,#fff 82%,#fff 100%)!important}
  .landing-page__hero-section{display:block!important;width:100%!important;padding:42px 22px 0!important;text-align:center!important}
  .landing-page__hero-section .andes-landings-grid-item{display:block!important;width:100%!important;max-width:100%!important;padding:0!important}
  .landing-page__hero-section .andes-landings-grid-item:nth-child(2){display:none!important}
  .landing-page__hero-section .andes-landings-title{width:100%!important;text-align:center!important}
  .landing-page__hero-section .andes-landings-hero__title-base h3{font-size:15px!important;line-height:1.2!important;margin:0 0 12px!important}
  .landing-page__hero-section .andes-landings-hero__title-base h2{font-size:30px!important;line-height:1.14!important;letter-spacing:0!important;margin:0!important;max-width:none!important}
  .landing-page__hero-section .andes-landings-hero__actions{margin:22px 0 0!important;width:100%!important}
  .landing-page__hero-background{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important}
  .landing-page__hero-background img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:300px!important;object-fit:cover!important;object-position:58% center!important}
  .landing-page__hero-background::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 22%,rgba(0,0,0,.15) 40%,#000 74%)!important}
  .landing-page__hero-content{position:relative!important;z-index:2!important;overflow:visible!important;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.12) 24%,rgba(0,0,0,.72) 52%,#000 78%)!important}
  .landing-page__hero .andes-landings-shortcuts{position:relative!important;z-index:5!important;overflow-x:auto!important;overflow-y:visible!important;background:linear-gradient(to bottom,#000 0,#000 86px,#fff 86px,#fff 100%)!important;padding-top:28px!important;padding-bottom:60px!important;scrollbar-width:none!important;touch-action:pan-x!important;-webkit-overflow-scrolling:touch!important}
  .landing-page__hero .andes-landings-shortcuts::-webkit-scrollbar{display:none!important}
  .landing-page__invitation .andes-landings-image-text{display:flex!important;flex-direction:column!important;align-items:center!important}
  .landing-page__invitation .andes-landings-image-text>.andes-landings-grid-item{width:100%!important;max-width:100%!important;padding:0 22px!important}
  .landing-page__invitation .andes-landings-image-text__image-container{margin:24px auto 0!important;max-width:320px!important}
  .landing-page__requerimients .andes-landings-image-text__image-container{display:none!important}
  .landing-page__requerimients .andes-landings-title{text-align:center!important}
}

/* Mobile carousel background: black above the cards, white below them. */
@media (max-width:1100px) and (orientation:portrait){
  .landing-page__hero .andes-landings-shortcuts{
    background:linear-gradient(to bottom,#000 0%,#000 58%,#fff 78%,#fff 100%)!important;
  }
}

/* Device emulators may report a desktop CSS width; orientation is the
   reliable mobile signal for this landing carousel. */
@media (orientation:portrait){
  .landing-page__hero .andes-landings-shortcuts{background:linear-gradient(to bottom,#000 0,#000 65%,#fff 65%,#fff 100%)!important}
}

@media (max-width:767px){
  html,body{overflow-x:hidden!important}
  .landing-page__hero{min-height:474px!important;padding-bottom:48px!important;position:relative!important;overflow:visible!important;background:linear-gradient(to bottom,#000 0%,#000 calc(100% - 120px),#fff 100%)!important}
  .landing-page__hero-section{display:block!important;width:100%!important;padding:42px 22px 0!important;text-align:center!important}
  .landing-page__hero-section .andes-landings-grid-item{display:block!important;width:100%!important;max-width:100%!important;padding:0!important}
  .landing-page__hero-section .andes-landings-grid-item:nth-child(2){display:none!important}
  .landing-page__hero-section .andes-landings-title{width:100%!important;text-align:center!important}
  .landing-page__hero-section .andes-landings-hero__title-base h3{font-size:15px!important;line-height:1.2!important;margin:0 0 12px!important}
  .landing-page__hero-section .andes-landings-hero__title-base h2{font-size:30px!important;line-height:1.14!important;letter-spacing:0!important;margin:0!important;max-width:none!important}
  .landing-page__hero-section .andes-landings-hero__actions{margin:22px 0 0!important;width:100%!important}
  .landing-page__hero-background{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important}
  .landing-page__hero-background img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:300px!important;object-fit:cover!important;object-position:58% center!important}
  .landing-page__hero-background::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 22%,rgba(0,0,0,.15) 40%,#000 74%)!important}
  .landing-page__hero-content{position:relative!important;z-index:2!important;overflow:visible!important;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.12) 24%,rgba(0,0,0,.72) 52%,#000 78%)!important}
  .landing-page__hero .andes-landings-shortcuts{position:relative!important;z-index:5!important;overflow-x:auto!important;overflow-y:visible!important;background:#fff!important;padding-top:28px!important;padding-bottom:60px!important;touch-action:pan-x!important;-webkit-overflow-scrolling:touch!important}
}

/* Desktop hero containment only. */
@media (min-width:768px){
  .landing-page__hero{position:relative;overflow:visible}
  .landing-page__hero-background{height:min(39vw,890px);overflow:hidden;inset:0 auto auto}
  .landing-page__hero-image{inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
}

@media (max-width:1100px) and (orientation:portrait){
  /* Extend only the white carousel surface over the former black gap. */
  .landing-page__hero .andes-landings-shortcuts{background:#fff!important;padding-bottom:140px!important}
  .landing-page__hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:#fff;z-index:1;pointer-events:none}
  .landing-page__requerimients .andes-landings-container{display:flex!important;flex-direction:column!important;align-items:center!important}
  .landing-page__requerimients .andes-landings-container>.andes-landings-grid-item{width:100%!important;max-width:100%!important;padding:0 22px!important;box-sizing:border-box!important}
  .landing-page__requerimients .andes-landings-title{text-align:center!important}
  .landing-page__requerimients .andes-landings-bullets{width:100%!important;max-width:360px!important;margin-left:auto!important;margin-right:auto!important}
}

/* Final mobile pass: keep every public section inside the viewport. */
@media (max-width:767px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body{
    min-width:0!important;
  }

  .header-kangu{
    height:72px!important;
    background:#fff!important;
  }

  .header-kangu__content{
    width:100%!important;
    height:72px!important;
    padding:0 22px!important;
    box-sizing:border-box!important;
  }

  .header-kangu__logo-container img{
    max-width:104px!important;
    height:auto!important;
  }

  .landing-page,
  .landing-page *{
    box-sizing:border-box!important;
  }

  .landing-page,
  .landing-page__hero,
  .landing-page__hero-content,
  .landing-page .andes-landings-container,
  .landing-page .andes-landings-grid,
  .landing-page .andes-landings-grid-item{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
  }

  .landing-page h1,
  .landing-page h2,
  .landing-page h3,
  .landing-page p,
  .landing-page span,
  .landing-page a,
  .landing-page li{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .landing-page__hero{
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  .landing-page__hero-background{
    height:360px!important;
    inset:0 auto auto!important;
    position:absolute!important;
  }

  .landing-page__hero-background img{
    height:360px!important;
    object-position:56% center!important;
  }

  .landing-page__hero-background::after{
    background:linear-gradient(to bottom,rgba(0,0,0,.12) 0%,rgba(0,0,0,.48) 42%,#050505 100%)!important;
  }

  .landing-page__hero-content{
    min-height:360px!important;
    display:flex!important;
    align-items:flex-end!important;
    background:transparent!important;
  }

  .landing-page__hero-section{
    width:100%!important;
    max-width:100%!important;
    padding:72px 20px 28px!important;
  }

  .landing-page__hero-section .andes-landings-title{
    max-width:360px!important;
    margin:0 auto!important;
  }

  .landing-page__hero-section .andes-landings-hero__title-base h3{
    color:#fff!important;
    font-size:13px!important;
    line-height:1.2!important;
    margin:0 0 10px!important;
  }

  .landing-page__hero-section .andes-landings-hero__title-base h2{
    color:#fff!important;
    max-width:100%!important;
    font-size:25px!important;
    line-height:1.16!important;
    margin:0!important;
    letter-spacing:0!important;
  }

  .landing-page__hero-section .andes-landings-title__description--spacer-2{
    color:#fff!important;
    max-width:330px!important;
    margin:12px auto 0!important;
    font-size:17px!important;
    line-height:1.28!important;
  }

  .landing-page__hero-section .andes-landings-hero__actions{
    width:100%!important;
    max-width:350px!important;
    margin:20px auto 0!important;
  }

  .landing-page__hero-section .andes-button{
    width:100%!important;
    min-height:48px!important;
    border-radius:6px!important;
  }

  .landing-page__hero .andes-landings-shortcuts{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:18px 20px 32px!important;
    overflow:visible!important;
    background:#fff!important;
  }

  .landing-page__hero .andes-landings-shortcuts .andes-landings-grid-item{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
  }

  .andes-landings-shortcuts__card{
    width:100%!important;
    min-height:104px!important;
    border-radius:8px!important;
  }

  .andes-landings-shortcuts__card .andes-card__content,
  .andes-landings-shortcuts__anchor{
    min-height:104px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:16px!important;
    padding:14px 16px!important;
  }

  .andes-landings-shortcuts__thumbnail{
    width:72px!important;
    min-width:72px!important;
    height:56px!important;
    margin:0!important;
  }

  .andes-landings-shortcuts__thumbnail .andes-landings-thumbnail{
    width:72px!important;
    height:56px!important;
    padding:0!important;
  }

  .andes-landings-shortcuts__typography{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    text-align:left!important;
    font-size:16px!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
  }

  .andes-landings-shortcuts__liquid{
    display:none!important;
  }

  .landing-page__hero:after{
    display:none!important;
  }

  .landing-page__invitation,
  .landing-page__services,
  .landing-page__join,
  .landing-page__requerimients,
  .landing-page__faqs{
    overflow:hidden!important;
  }

  .landing-page__invitation .andes-landings-image-text,
  .landing-page__join .andes-landings-image-text,
  .landing-page__requerimients .andes-landings-container{
    display:flex!important;
    flex-direction:column!important;
    gap:24px!important;
    padding:44px 20px!important;
  }

  .landing-page__invitation .andes-landings-grid-item,
  .landing-page__join .andes-landings-grid-item,
  .landing-page__requerimients .andes-landings-grid-item{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
  }

  .landing-page__invitation .andes-landings-title,
  .landing-page__join .andes-landings-title,
  .landing-page__requerimients .andes-landings-title{
    text-align:center!important;
  }

  .landing-page__invitation h2,
  .landing-page__services h2,
  .landing-page__join h2,
  .landing-page__requerimients h2,
  .landing-page__faqs h2,
  .landing-page__prefooter h2{
    font-size:24px!important;
    line-height:1.2!important;
    letter-spacing:0!important;
  }

  .landing-page__services-content{
    padding:44px 20px!important;
  }

  .landing-page__services .andes-landings-container,
  .landing-page__faqs .andes-landings-container{
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .al-cards-image{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .al-cards-image .andes-landings-grid-item{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
  }

  .landing-page__faqs{
    padding:44px 20px!important;
  }

  .andes-landings-faq__item__button{
    min-height:58px!important;
    padding:16px 0!important;
  }

  .landing-page__prefooter .andes-landings-prefooter__container{
    padding:48px 20px!important;
  }
}

@media (max-width:380px){
  .landing-page__hero-section .andes-landings-hero__title-base h2{
    font-size:23px!important;
  }

  .landing-page__hero-section .andes-landings-title__description--spacer-2{
    font-size:16px!important;
  }

  .andes-landings-shortcuts__typography{
    font-size:15px!important;
  }
}