/* ==========================================================
   UBAM EMPRESARIAL
   CSS completamente encapsulado dentro de #ubamEmpresarial
   ========================================================== */

#ubamEmpresarial {
  --ue-blue: #009FE3;
  --ue-blue-dark: #0077ad;
  --ue-gold: #F9B233;
  --ue-navy: #020a3e;
  --ue-white: #ffffff;
  --ue-light: #f4f8fb;
  --ue-text: #23313d;
  --ue-muted: #667784;
  --ue-shadow: 0 18px 45px rgba(2, 48, 58, .16);
  --ue-radius: 24px;

  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  color: var(--ue-text);
  background: var(--ue-white);
  overflow: hidden;
}

#ubamEmpresarial *,
#ubamEmpresarial *::before,
#ubamEmpresarial *::after {
  box-sizing: border-box;
}

#ubamEmpresarial a {
  text-decoration: none;
}

#ubamEmpresarial .ue-hero {
  min-height: 790px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(120deg, rgba(0, 159, 227, 0.133), rgba(2, 10, 62, 0)),
    url("recursos/MiniLDER.webp") center/cover no-repeat;
  isolation: isolate;
}

#ubamEmpresarial .ue-hero-overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.18), transparent 35%),
    linear-gradient(to bottom, rgba(2,10,62,.15), rgba(2,10,62,.48));
  z-index: -1;
}

#ubamEmpresarial .ue-floating-nav {
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
  width: min(1180px, calc(100% - 50px));
  z-index: 1000;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 22px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 12px 35px rgba(0,0,0,.14);
  transition: all .35s ease;
}

#ubamEmpresarial .ue-floating-nav.ue-scrolled {
  position: fixed;
  top: 0;
  width: 100%;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  background: rgba(255,255,255,.98);
  box-shadow: 0 8px 25px rgba(0,0,0,.13);
}

#ubamEmpresarial .ue-nav-inner {
  min-height: 86px;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  gap: 18px;
}

#ubamEmpresarial .ue-brand {
  flex: 0 0 auto;
  color: var(--ue-navy);
  min-width: 170px;
}

#ubamEmpresarial .ue-brand-pleca {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  line-height: 1;
}

#ubamEmpresarial .ue-brand-line {
  width: 4px;
  height: 42px;
  border-radius: 10px;
  background: linear-gradient(var(--ue-blue), var(--ue-gold));
}

#ubamEmpresarial .ue-brand strong {
  display: block;
  font-size: 25px;
  letter-spacing: 3px;
}

#ubamEmpresarial .ue-brand small {
  display: block;
  margin-left: 3px;
  margin-top: 4px;
  color: var(--ue-blue-dark);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 2px;
}

#ubamEmpresarial .ue-main-menu {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

#ubamEmpresarial .ue-menu-button {
  border: 0;
  background: transparent;
  color: var(--ue-navy);
  padding: 12px 15px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  transition: .2s ease;
}

#ubamEmpresarial .ue-menu-button:hover,
#ubamEmpresarial .ue-menu-button:focus {
  background: rgba(0,159,227,.1);
  color: var(--ue-blue-dark);
}

#ubamEmpresarial .dropdown-menu {
  border: 0;
  border-radius: 15px;
  padding: 8px;
  min-width: 245px;
  box-shadow: var(--ue-shadow);
}

#ubamEmpresarial .dropdown-item {
  border-radius: 9px;
  padding: 10px 12px;
  font-size: 13px;
  color: var(--ue-text);
}

#ubamEmpresarial .dropdown-item:hover,
#ubamEmpresarial .dropdown-item:focus {
  background: rgba(0,159,227,.1);
  color: var(--ue-blue-dark);
}

#ubamEmpresarial .ue-social-links {
  display: flex;
  gap: 8px;
}

#ubamEmpresarial .ue-social-btn {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--ue-navy);
  color: #fff;
  transition: transform .2s ease, background .2s ease;
}

#ubamEmpresarial .ue-social-btn:hover {
  transform: translateY(-2px);
  background: var(--ue-blue);
}

#ubamEmpresarial .ue-call-btn {
  background: var(--ue-gold);
  color: var(--ue-navy);
}

#ubamEmpresarial .ue-mobile-toggle {
  display: none;
  border: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--ue-navy);
  color: white;
  font-size: 25px;
}

#ubamEmpresarial .ue-mobile-menu {
  border-top: 1px solid #e8edf1;
}

#ubamEmpresarial .ue-mobile-menu-content {
  padding: 8px 18px 18px;
}

#ubamEmpresarial .ue-mobile-title {
  width: 100%;
  padding: 13px 4px;
  border: 0;
  border-bottom: 1px solid #e7edf1;
  background: transparent;
  text-align: left;
  color: var(--ue-navy);
  font-weight: 700;
  display: flex;
  justify-content: space-between;
}

#ubamEmpresarial .ue-mobile-group .collapse a {
  display: block;
  padding: 9px 12px;
  color: var(--ue-muted);
  font-size: 14px;
}

#ubamEmpresarial .ue-mobile-social {
  display: flex;
  gap: 10px;
  padding-top: 15px;
}

#ubamEmpresarial .ue-mobile-social a {
  flex: 1;
  padding: 11px;
  text-align: center;
  border-radius: 10px;
  background: var(--ue-light);
  color: var(--ue-navy);
  font-size: 13px;
  font-weight: 700;
}

#ubamEmpresarial .ue-hero-content {
  width: min(800px, calc(100% - 35px));
  position: relative;
  z-index: 2;
}

#ubamEmpresarial .ue-hero-card {
  padding: 62px 55px;
  text-align: center;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 30px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 25px 70px rgba(0,0,0,.22);
}

#ubamEmpresarial .ue-small-pleca {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

#ubamEmpresarial .ue-small-pleca span {
  width: 60px;
  height: 4px;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--ue-blue), var(--ue-gold));
}

#ubamEmpresarial .ue-small-pleca strong {
  color: var(--ue-navy);
  letter-spacing: 4px;
  font-size: 18px;
}

#ubamEmpresarial .ue-hero-card h1 {
  margin: 0;
  color: var(--ue-navy);
  font-size: clamp(42px, 6vw, 74px);
  line-height: 1;
  font-weight: 800;
}

#ubamEmpresarial .ue-hero-card p {
  max-width: 590px;
  margin: 24px auto 30px;
  color: var(--ue-muted);
  font-size: 18px;
  line-height: 1.65;
}

#ubamEmpresarial .ue-hero-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 24px;
  border-radius: 50px;
  background: var(--ue-blue);
  color: #fff;
  font-weight: 800;
  box-shadow: 0 10px 25px rgba(0,159,227,.3);
  transition: .25s ease;
}

#ubamEmpresarial .ue-hero-cta:hover {
  background: var(--ue-navy);
  transform: translateY(-2px);
}

#ubamEmpresarial .ue-scroll-indicator {
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  text-align: center;
  font-size: 12px;
  opacity: .9;
}

#ubamEmpresarial .ue-scroll-indicator i {
  display: block;
  font-size: 22px;
  animation: ueBounce 1.5s infinite;
}

@keyframes ueBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(7px); }
}

#ubamEmpresarial .ue-section {
  padding: 95px 0;
}

#ubamEmpresarial .ue-section-white {
  background: #fff;
}

#ubamEmpresarial .ue-section-soft {
  background: var(--ue-light);
}

#ubamEmpresarial .ue-section-blue {
  background: linear-gradient(135deg, var(--ue-blue), var(--ue-blue-dark));
  color: white;
}

#ubamEmpresarial .ue-section-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 38px;
}

#ubamEmpresarial .ue-section-heading span {
  font-size: 13px;
  font-weight: 900;
  color: var(--ue-gold);
}

#ubamEmpresarial .ue-section-heading h2 {
  margin: 0;
  color: var(--ue-navy);
  font-size: clamp(30px, 4vw, 48px);
  font-weight: 800;
}

#ubamEmpresarial .ue-heading-light h2 {
  color: white;
}

#ubamEmpresarial .ue-section h3 {
  color: var(--ue-navy);
  font-size: 27px;
  font-weight: 800;
}

#ubamEmpresarial .ue-section p {
  line-height: 1.7;
  color: var(--ue-muted);
}

#ubamEmpresarial .ue-section-blue p,
#ubamEmpresarial .ue-section-blue h3 {
  color: white;
}

#ubamEmpresarial .ue-section-lead {
  max-width: 750px;
  font-size: 18px;
  margin-bottom: 35px;
}

#ubamEmpresarial .ue-info-card,
#ubamEmpresarial .ue-step-card,
#ubamEmpresarial .ue-area-card,
#ubamEmpresarial .ue-offer-card {
  height: 100%;
  border-radius: var(--ue-radius);
  padding: 30px;
  background: white;
  box-shadow: 0 12px 35px rgba(2,48,58,.09);
}

#ubamEmpresarial .ue-info-card i,
#ubamEmpresarial .ue-offer-card > i {
  font-size: 40px;
  color: var(--ue-blue);
  display: inline-block;
  margin-bottom: 20px;
}

#ubamEmpresarial .ue-info-card h4 {
  color: var(--ue-navy);
  font-weight: 800;
}

#ubamEmpresarial .ue-step-card {
  position: relative;
  overflow: hidden;
}

#ubamEmpresarial .ue-step-card > b {
  position: absolute;
  top: 18px;
  right: 22px;
  color: #e5ebef;
  font-size: 45px;
}

#ubamEmpresarial .ue-step-card i {
  font-size: 32px;
  color: var(--ue-blue);
}

#ubamEmpresarial .ue-step-card h3 {
  margin-top: 18px;
}

#ubamEmpresarial .ue-photo-section {
  background: #eaf4f8;
}

#ubamEmpresarial .ue-photo-placeholder {
  min-height: 360px;
  border-radius: 30px;
  border: 2px dashed #b5cbd5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#ubamEmpresarial .ue-photo-placeholder i {
  font-size: 60px;
  color: var(--ue-blue);
}

#ubamEmpresarial .ue-photo-placeholder h2 {
  color: var(--ue-navy);
  margin: 15px 0 5px;
}

#ubamEmpresarial .ue-area-card {
  background: rgba(255,255,255,.98);
  color: var(--ue-text);
}

#ubamEmpresarial .ue-area-icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: rgba(0,159,227,.1);
  color: var(--ue-blue);
  font-size: 27px;
  margin-bottom: 22px;
}

#ubamEmpresarial .ue-area-card h3 {
  color: var(--ue-navy);
  font-size: 20px;
}

#ubamEmpresarial .ue-offer-card {
  border-top: 4px solid var(--ue-gold);
}

#ubamEmpresarial .ue-offer-card h3 {
  color: var(--ue-navy);
}

#ubamEmpresarial .ue-offer-card a {
  color: var(--ue-blue-dark);
  font-weight: 800;
  font-size: 14px;
}

#ubamEmpresarial .ue-cta-section {
  padding: 70px 0;
  background: var(--ue-light);
}

#ubamEmpresarial .ue-cta-card {
  border-radius: 30px;
  padding: 45px;
  background: linear-gradient(120deg, var(--ue-navy), #064b70);
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

#ubamEmpresarial .ue-cta-kicker {
  color: var(--ue-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
}

#ubamEmpresarial .ue-cta-card h2 {
  margin: 8px 0;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 800;
}

#ubamEmpresarial .ue-cta-card p {
  margin: 0;
  color: rgba(255,255,255,.75);
}

#ubamEmpresarial .ue-cta-button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  border-radius: 50px;
  background: var(--ue-gold);
  color: var(--ue-navy);
  font-weight: 800;
}

#ubamEmpresarial .ue-footer {
  padding: 35px 0;
  background: var(--ue-navy);
  color: white;
}

#ubamEmpresarial .ue-footer p {
  margin: 6px 0 0;
  color: rgba(255,255,255,.65);
}

#ubamEmpresarial .ue-footer a {
  color: white;
  margin-left: 20px;
  font-size: 14px;
}

#ubamEmpresarial .ue-footer a:hover {
  color: var(--ue-gold);
}

/* ==========================
   TABLET
   ========================== */
@media (max-width: 991.98px) {
  #ubamEmpresarial .ue-hero {
    min-height: 730px;
  }

  #ubamEmpresarial .ue-main-menu {
    gap: 0;
  }

  #ubamEmpresarial .ue-menu-button {
    padding: 10px 8px;
    font-size: 12px;
  }

  #ubamEmpresarial .ue-brand {
    min-width: 140px;
  }

  #ubamEmpresarial .ue-brand strong {
    font-size: 21px;
  }

  #ubamEmpresarial .ue-social-btn {
    width: 38px;
    height: 38px;
  }

  #ubamEmpresarial .ue-hero-card {
    padding: 50px 35px;
  }

  #ubamEmpresarial .ue-section {
    padding: 75px 0;
  }
}

/* ==========================
   CELULAR
   ========================== */
@media (max-width: 767.98px) {
  #ubamEmpresarial .ue-hero {
    min-height: 680px;
    background:
      linear-gradient(145deg, rgba(0,159,227,.96), rgba(2,10,62,.9)),
      url("Recursos/Empresarial/Imagen/BannerPrincipal.webp") center/cover no-repeat;
  }

  #ubamEmpresarial .ue-floating-nav {
    top: 12px;
    width: calc(100% - 24px);
    border-radius: 17px;
  }

  #ubamEmpresarial .ue-floating-nav.ue-scrolled {
    top: 0;
    width: 100%;
    border-radius: 0;
  }

  #ubamEmpresarial .ue-nav-inner {
    min-height: 70px;
    padding: 10px 12px;
  }

  #ubamEmpresarial .ue-brand {
    flex: 1;
  }

  #ubamEmpresarial .ue-main-menu,
  #ubamEmpresarial .ue-social-links {
    display: none;
  }

  #ubamEmpresarial .ue-mobile-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  #ubamEmpresarial .ue-hero-content {
    width: calc(100% - 24px);
  }

  #ubamEmpresarial .ue-hero-card {
    padding: 38px 20px;
    border-radius: 23px;
  }

  #ubamEmpresarial .ue-hero-card h1 {
    font-size: 42px;
  }

  #ubamEmpresarial .ue-hero-card p {
    font-size: 15px;
    line-height: 1.55;
  }

  #ubamEmpresarial .ue-small-pleca span {
    width: 35px;
  }

  #ubamEmpresarial .ue-section {
    padding: 60px 0;
  }

  #ubamEmpresarial .ue-section-heading {
    margin-bottom: 28px;
  }

  #ubamEmpresarial .ue-section-heading h2 {
    font-size: 31px;
  }

  #ubamEmpresarial .ue-info-card,
  #ubamEmpresarial .ue-step-card,
  #ubamEmpresarial .ue-area-card,
  #ubamEmpresarial .ue-offer-card {
    padding: 24px;
  }

  #ubamEmpresarial .ue-cta-card {
    padding: 32px 25px;
    flex-direction: column;
    align-items: flex-start;
  }

  #ubamEmpresarial .ue-footer {
    text-align: center;
  }

  #ubamEmpresarial .ue-footer a {
    display: inline-block;
    margin: 15px 8px 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #ubamEmpresarial *,
  #ubamEmpresarial *::before,
  #ubamEmpresarial *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}