:root{
  --brand-name: "Diana diseña tu viaje";
}
/* Diana: carrusel visible (si tu JS lo usa) */


/* =========================
   Diana overrides (scoped)
   Solo afecta a Diana gracias a .app-diana
========================= */

.app-diana .diana-acerca .about-card p{
  font-size: .95rem;
  line-height: 1.6;
  margin-bottom: .85rem;
}

.app-diana .diana-acerca .about-card h2{
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: .75rem;
}

.app-diana .diana-acerca .about-card h3{
  font-size: 1.25rem;
  margin-top: 1.5rem;
}

/* Botón principal un poco más compacto */
.app-diana .btn-primary{
  padding: 10px 18px;
  font-size: .95rem;
}

/* Ajuste opcional: separaciones */
.app-diana .diana-acerca .about-actions{
  margin-top: 14px;
}


/* Branding logo */
.app-diana .brand-img,
.brand-img{
  height: 34px;
  width: auto;
  display: block;
}