/* ============================
   HOME overrides (GLOBAL)
   ============================ */

/* Asegura fondo/overlay sin interferencias */
app-home .mvp-home,
app-home .mvp-home .container{
  background: transparent !important;
}

/* Cards (evita blanco de Metronic/Bootstrap) */
app-home .mvp-home .card,
app-home .mvp-home article.card{
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05)) !important;
  border: 1px solid rgba(190,160,255,.16) !important;
  box-shadow:
    0 22px 60px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.92) !important;
}

/* Título principal */
app-home .mvp-home header.hero h1.title,
app-home .mvp-home .hero .title{
  font-size: clamp(30px, 4.8vw, 56px) !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  color: rgba(255,255,255,.96) !important;
  text-shadow: 0 10px 38px rgba(0,0,0,.78) !important;
}

/* Subtítulo */
app-home .mvp-home header.hero p.subtitle,
app-home .mvp-home .hero .subtitle{
  margin: 10px auto 0 !important;
  max-width: 760px !important;
  font-size: clamp(13px, 1.35vw, 16px) !important;
  line-height: 1.65 !important;
  color: rgba(255,255,255,.80) !important;
  text-shadow: 0 8px 22px rgba(0,0,0,.40) !important;
}

/* Encabezado sección */
app-home .mvp-home h2.h2{
  color: rgba(255,255,255,.94) !important;
  font-weight: 900 !important;
  text-shadow: 0 10px 34px rgba(0,0,0,.75) !important;
}

/* Si el bundle fuerza estilos en headings/parrafos */
app-home .mvp-home h1,
app-home .mvp-home h2,
app-home .mvp-home h3,
app-home .mvp-home p{
  color: inherit !important;
}

/* Overflow */
app-home .mvp-home{
  overflow: hidden;
}