/* =========================================================
   FIX FINAL HERO FABRICANTES
   Aplica a Microsoft, Adobe, AnyDesk, Autodesk, Computo,
   Dropbox, ESET, GoTo y Kaspersky
   ========================================================= */

body .brand-video-hero [class*="-hero-copy"],
body .brand-video-hero .ms-hero-copy,
body .brand-video-hero .microsoft-hero-copy,
body .brand-video-hero .adobe-hero-copy,
body .brand-video-hero .anydesk-hero-copy,
body .brand-video-hero .autodesk-hero-copy,
body .brand-video-hero .computo-hero-copy,
body .brand-video-hero .dropbox-hero-copy,
body .brand-video-hero .eset-hero-copy,
body .brand-video-hero .goto-hero-copy,
body .brand-video-hero .kaspersky-hero-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto !important;
}

/* Bot贸n volver */
body .brand-video-hero [class*="-back-link"],
body .brand-video-hero .ms-back-link,
body .brand-video-hero .microsoft-back-link,
body .brand-video-hero .adobe-back-link,
body .brand-video-hero .anydesk-back-link,
body .brand-video-hero .autodesk-back-link,
body .brand-video-hero .computo-back-link,
body .brand-video-hero .dropbox-back-link,
body .brand-video-hero .eset-back-link,
body .brand-video-hero .goto-back-link,
body .brand-video-hero .kaspersky-back-link {
  order: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin: 0 auto 24px !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.95) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: 0 8px 24px rgba(0, 0, 0, 0.42) !important;
  transition: transform 0.22s ease, color 0.22s ease !important;
}

body .brand-video-hero [class*="-back-link"]:hover {
  color: #ffffff !important;
  transform: translateX(-4px) !important;
}

/* Tarjeta de marca */
body .brand-video-hero [class*="-brand-label"],
body .brand-video-hero .ms-brand-label,
body .brand-video-hero .microsoft-brand-label,
body .brand-video-hero .adobe-brand-label,
body .brand-video-hero .anydesk-brand-label,
body .brand-video-hero .autodesk-brand-label,
body .brand-video-hero .computo-brand-label,
body .brand-video-hero .dropbox-brand-label,
body .brand-video-hero .eset-brand-label,
body .brand-video-hero .goto-brand-label,
body .brand-video-hero .kaspersky-brand-label {
  order: 2 !important;

  width: fit-content !important;
  min-width: 330px !important;
  max-width: min(90vw, 460px) !important;

  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  margin: 0 auto 34px !important;
  padding: 26px 44px !important;

  border-radius: 28px !important;
  text-align: center !important;

  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;

  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;

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

/* Texto superior */
body .brand-video-hero [class*="-brand-label"] span {
  display: block !important;
  order: 1 !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

/* Nombre marca */
body .brand-video-hero [class*="-brand-label"] strong {
  display: block !important;
  order: 2 !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(2.6rem, 4.4vw, 4.2rem) !important;
  font-weight: 950 !important;
  line-height: 0.95 !important;
  letter-spacing: -0.055em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Contenido debajo de la tarjeta */
body .brand-video-hero [class*="-hero-copy"] .eyebrow {
  order: 3 !important;
  justify-content: center !important;
  text-align: center !important;
}

body .brand-video-hero [class*="-hero-copy"] h1 {
  order: 4 !important;
  text-align: center !important;
}

body .brand-video-hero [class*="-hero-copy"] [class*="-lead"] {
  order: 5 !important;
  text-align: center !important;
}

body .brand-video-hero [class*="-hero-copy"] .hero-actions {
  order: 6 !important;
  justify-content: center !important;
}

/* Responsive */
@media (max-width: 760px) {
  body .brand-video-hero [class*="-back-link"] {
    margin-bottom: 22px !important;
    font-size: 0.95rem !important;
  }

  body .brand-video-hero [class*="-brand-label"] {
    min-width: 260px !important;
    max-width: 90vw !important;
    padding: 22px 30px !important;
    border-radius: 24px !important;
    margin-bottom: 30px !important;
  }

  body .brand-video-hero [class*="-brand-label"] span {
    font-size: 0.7rem !important;
    letter-spacing: 0.16em !important;
  }

  body .brand-video-hero [class*="-brand-label"] strong {
    font-size: clamp(2.2rem, 12vw, 3rem) !important;
  }
}
/* =========================================================
   FIX ESPECIAL - CÓMPUTO EMPRESARIAL
   Evita que el nombre largo se salga de la tarjeta
   ========================================================= */

body .brand-video-hero .computo-brand-label {
  width: min(90vw, 720px) !important;
  min-width: 420px !important;
  max-width: 720px !important;
  padding: 26px 48px !important;
}

body .brand-video-hero .computo-brand-label strong {
  white-space: normal !important;
  max-width: 100% !important;
  font-size: clamp(2.4rem, 4.2vw, 3.7rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.055em !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Ajuste móvil */
@media (max-width: 760px) {
  body .brand-video-hero .computo-brand-label {
    width: min(90vw, 420px) !important;
    min-width: 260px !important;
    max-width: 420px !important;
    padding: 22px 30px !important;
  }

  body .brand-video-hero .computo-brand-label strong {
    font-size: clamp(2rem, 10vw, 2.8rem) !important;
    line-height: 1 !important;
  }
}