/* Adaptado del slider original de SEBANA; estilos limitados a esta instancia. */

  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

  .sbc-hero {
    --seb-blue-brand: #002D72;
    --seb-blue-deep: #00194f;
    --seb-green-brand: #C4D600;
    --seb-green-dark: #aab800;
    --seb-white: #ffffff;
    --seb-font: 'Poppins', sans-serif;
  }

  .sbc-hero [hidden] { display: none !important; }
  .sbc-hero .seb-bg-layer img { display:block !important; width:100% !important; height:100% !important; max-width:none !important; object-fit:cover !important; object-position:var(--sbc-focus,center center) !important; }
  .sbc-hero .seb-pause { appearance:none !important; display:flex !important; align-items:center !important; justify-content:center !important; width:30px !important; height:30px !important; min-width:30px !important; min-height:30px !important; padding:0 !important; margin:0 !important; border:1px solid rgba(255,255,255,.4) !important; border-radius:50% !important; background:rgba(255,255,255,.1) !important; color:#fff !important; cursor:pointer !important; font:600 14px/1 Arial,sans-serif !important; box-shadow:none !important; }
  .sbc-hero button:focus-visible,.sbc-hero a:focus-visible { outline:3px solid #fff !important; outline-offset:4px !important; }
  @media(max-width:900px) { .sbc-hero .seb-bg-layer img { object-position:var(--sbc-mobile-focus,center center) !important; } }

  .sbc-hero {
    position: relative !important;
    width: 100% !important;
    height: max(clamp(430px, 42vw, 620px), var(--sbc-content-height, 0px)) !important;
    min-height: 430px !important;
    background-color: var(--seb-blue-deep) !important;
    overflow: hidden !important;
    font-family: var(--seb-font) !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
  }

  .sbc-hero *,
  .sbc-hero *::before,
  .sbc-hero *::after {
    box-sizing: border-box !important;
  }

  .sbc-hero .seb-slider-container {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
  }

  .sbc-hero .seb-slide {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: 1 !important;
    transition: opacity 950ms cubic-bezier(.22, .61, .36, 1), visibility 950ms !important;
  }

  .sbc-hero .seb-slide.active {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2 !important;
  }

  .sbc-hero .seb-bg-layer {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    transform: scale(1.08) translate3d(-1.4%, 0, 0) !important;
    filter: saturate(.96) contrast(1.05) !important;
    transition: transform 7600ms cubic-bezier(.16, 1, .3, 1), filter 950ms ease !important;
    will-change: transform !important;
  }

  .sbc-hero .seb-slide.active .seb-bg-layer {
    transform: scale(1.015) translate3d(0, 0, 0) !important;
  }

  .sbc-hero .seb-overlay-gradient {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background:
      radial-gradient(circle at 78% 45%, rgba(0, 45, 114, .55) 0%, rgba(0, 45, 114, .38) 31%, rgba(0, 25, 79, .9) 72%),
      linear-gradient(90deg, rgba(0, 20, 55, .04) 0%, rgba(0, 45, 114, .2) 46%, rgba(0, 25, 79, .92) 100%),
      linear-gradient(0deg, rgba(0, 0, 0, .24) 0%, rgba(0, 0, 0, 0) 36%) !important;
  }

  .sbc-hero .seb-content-grid {
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 54px 7.5% 74px 24px !important;
    pointer-events: none !important;
  }

  .sbc-hero .seb-content-col {
    width: min(100%, 620px) !important;
    color: var(--seb-white) !important;
    text-align: right !important;
  }

  .sbc-hero .seb-info-box {
    position: relative !important;
    pointer-events: auto !important;
  }

  .sbc-hero .seb-title {
    margin: 0 0 12px !important;
    padding: 0 !important;
    color: var(--seb-white) !important;
    font-family: var(--seb-font) !important;
    font-size: clamp(30px, 4.1vw, 58px) !important;
    font-weight: 800 !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 16px 34px rgba(0, 0, 0, .35) !important;
    opacity: 0 !important;
    transform: translate3d(34px, 22px, 0) !important;
    transition: opacity 620ms ease 180ms, transform 720ms cubic-bezier(.16, 1, .3, 1) 180ms !important;
  }

  .sbc-hero .seb-divider {
    width: 68px !important;
    height: 4px !important;
    margin: 15px 0 19px auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(255, 255, 255, .36), var(--seb-white)) !important;
    box-shadow: 0 0 24px rgba(255, 255, 255, .34) !important;
    opacity: 0 !important;
    transform: scaleX(.45) !important;
    transform-origin: right center !important;
    transition: opacity 520ms ease 320ms, transform 620ms cubic-bezier(.16, 1, .3, 1) 320ms !important;
  }

  .sbc-hero .seb-desc {
    max-width: 620px !important;
    margin: 0 0 31px auto !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, .94) !important;
    font-family: var(--seb-font) !important;
    font-size: clamp(15px, 1.24vw, 18px) !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    text-shadow: 0 10px 24px rgba(0, 0, 0, .32) !important;
    opacity: 0 !important;
    transform: translate3d(30px, 20px, 0) !important;
    transition: opacity 620ms ease 390ms, transform 720ms cubic-bezier(.16, 1, .3, 1) 390ms !important;
  }

  .sbc-hero .seb-div-btn,
  .sbc-hero .seb-div-btn:visited,
  .sbc-hero .seb-div-btn:hover,
  .sbc-hero .seb-div-btn:focus,
  .sbc-hero .seb-div-btn:active {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--seb-white) !important;
    font-family: var(--seb-font) !important;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: none !important;
    opacity: 0 !important;
    transform: translate3d(24px, 20px, 0) !important;
    transition: opacity 620ms ease 500ms, transform 720ms cubic-bezier(.16, 1, .3, 1) 500ms !important;
  }

  .sbc-hero .seb-slide.active .seb-title,
  .sbc-hero .seb-slide.active .seb-divider,
  .sbc-hero .seb-slide.active .seb-desc,
  .sbc-hero .seb-slide.active .seb-div-btn {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scaleX(1) !important;
  }

  .sbc-hero .seb-btn-inner {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 15px 34px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, var(--seb-green-brand) 0%, var(--seb-green-dark) 100%) !important;
    color: var(--seb-white) !important;
    font-family: var(--seb-font) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .6px !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .14) !important;
    box-shadow: 0 15px 30px rgba(196, 214, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .32) !important;
    cursor: pointer !important;
    transition: transform 260ms ease, box-shadow 260ms ease, filter 260ms ease !important;
  }

  .sbc-hero .seb-btn-inner::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .28) 45%, transparent 70%) !important;
    transform: translateX(-120%) !important;
    transition: transform 620ms ease !important;
  }

  .sbc-hero .seb-div-btn:hover .seb-btn-inner,
  .sbc-hero .seb-div-btn:focus-visible .seb-btn-inner {
    transform: translateY(-3px) !important;
    filter: brightness(1.04) !important;
    box-shadow: 0 20px 38px rgba(196, 214, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .36) !important;
  }

  .sbc-hero .seb-div-btn:hover .seb-btn-inner::after,
  .sbc-hero .seb-div-btn:focus-visible .seb-btn-inner::after {
    transform: translateX(120%) !important;
  }

  .sbc-hero .seb-controls-layer {
    position: absolute !important;
    left: 50% !important;
    bottom: 5.2% !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    gap: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    pointer-events: auto !important;
  }

  .sbc-hero .seb-arrow,
  .sbc-hero button.seb-arrow,
  .sbc-hero button.seb-arrow {
    all: unset !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .34) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .13) !important;
    color: var(--seb-white) !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .18) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    cursor: pointer !important;
    overflow: hidden !important;
    opacity: 1 !important;
    transform: none !important;
    transition: transform 220ms ease, background 220ms ease, color 220ms ease, border-color 220ms ease !important;
  }

  .sbc-hero .seb-arrow:hover,
  .sbc-hero .seb-arrow:focus-visible,
  .sbc-hero button.seb-arrow:hover,
  .sbc-hero button.seb-arrow:focus-visible,
  .sbc-hero button.seb-arrow:hover,
  .sbc-hero button.seb-arrow:focus-visible {
    background: var(--seb-green-brand) !important;
    border-color: var(--seb-green-brand) !important;
    color: var(--seb-blue-brand) !important;
    transform: translateY(-2px) !important;
    outline: none !important;
  }

  .sbc-hero .seb-arrow-icon,
  .sbc-hero .seb-arrow svg,
  .sbc-hero button.seb-arrow svg {
    display: block !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    stroke: currentColor !important;
    fill: none !important;
    pointer-events: none !important;
  }

  .sbc-hero .seb-dots-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 58px !important;
    max-width: none !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .sbc-hero .seb-dot-div,
  .sbc-hero button.seb-dot-div,
  .sbc-hero button.seb-dot-div {
    all: unset !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    flex: 0 0 9px !important;
    width: 9px !important;
    min-width: 9px !important;
    max-width: 9px !important;
    height: 9px !important;
    min-height: 9px !important;
    max-height: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .42) !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-indent: -9999px !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
    overflow: hidden !important;
    opacity: 1 !important;
    transform: none !important;
    transition: width 260ms ease, flex-basis 260ms ease, background 260ms ease !important;
  }

  .sbc-hero .seb-dot-div.active,
  .sbc-hero button.seb-dot-div.active,
  .sbc-hero button.seb-dot-div.active {
    flex-basis: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    background: var(--seb-green-brand) !important;
    transform: none !important;
  }

  @media (max-width: 900px) {
    .sbc-hero {
      height: max(clamp(390px, 72vw, 540px), var(--sbc-content-height, 0px)) !important;
      min-height: 390px !important;
    }

  .sbc-hero .seb-content-grid {
      justify-content: center !important;
      align-items: center !important;
      padding: 42px 22px 86px !important;
    }

  .sbc-hero .seb-content-col {
      width: min(100%, 620px) !important;
      text-align: center !important;
    }

  .sbc-hero .seb-title {
      font-size: clamp(27px, 7vw, 44px) !important;
      transform: translate3d(0, 24px, 0) !important;
    }

  .sbc-hero .seb-divider {
      margin: 14px auto 16px !important;
      transform-origin: center !important;
    }

  .sbc-hero .seb-desc {
      max-width: 540px !important;
      margin: 0 auto 25px !important;
      font-size: clamp(14px, 3.6vw, 18px) !important;
      transform: translate3d(0, 22px, 0) !important;
    }

  .sbc-hero .seb-div-btn {
      transform: translate3d(0, 20px, 0) !important;
    }

  .sbc-hero .seb-overlay-gradient {
      background:
        linear-gradient(0deg, rgba(0, 25, 79, .94) 0%, rgba(0, 45, 114, .7) 56%, rgba(0, 45, 114, .24) 100%),
        linear-gradient(90deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, .02)) !important;
    }

  .sbc-hero .seb-controls-layer {
      left: 20px !important;
      right: 20px !important;
      bottom: 20px !important;
      width: auto !important;
      justify-content: space-between !important;
      transform: none !important;
    }

  .sbc-hero .seb-dots-wrap {
      display: none !important;
    }
  }

  @media (max-width: 520px) {
    .sbc-hero {
      height: max(440px, var(--sbc-content-height, 0px)) !important;
      min-height: 440px !important;
    }

  .sbc-hero .seb-btn-inner {
      padding: 12px 22px !important;
      font-size: 11px !important;
      letter-spacing: .45px !important;
    }

  .sbc-hero .seb-arrow,
  .sbc-hero button.seb-arrow,
    .sbc-hero button.seb-arrow {
      flex-basis: 42px !important;
      width: 42px !important;
      min-width: 42px !important;
      max-width: 42px !important;
      height: 42px !important;
      min-height: 42px !important;
      max-height: 42px !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
  .sbc-hero .seb-slide,
  .sbc-hero .seb-bg-layer,
  .sbc-hero .seb-title,
  .sbc-hero .seb-divider,
  .sbc-hero .seb-desc,
  .sbc-hero .seb-div-btn,
  .sbc-hero .seb-btn-inner,
  .sbc-hero .seb-dot-div,
  .sbc-hero .seb-arrow {
      transition: none !important;
      animation: none !important;
    }

  .sbc-hero .seb-bg-layer,
  .sbc-hero .seb-slide.active .seb-bg-layer {
      transform: none !important;
    }
  }

.sbc-hero .seb-info-box{overflow-wrap:anywhere!important}
.sbc-hero .seb-controls-layer[hidden]{display:none!important}
.sbc-hero .seb-info-box .seb-div-btn{max-width:100%!important}
.sbc-hero .seb-info-box .seb-btn-inner{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.35!important}