.text-normal p, .text-normal ul{
    font-size: 1.5rem;
    line-height: 1.5;
    color: var(--bs-gray-700);
}

.text-normal p strong {
    font-weight: 600;
}

.text-normal h4 {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--bs-gray-800);
}

.text-normal-1 .mt-4 {
    font-size: 1.3rem;
}

.text-normal ul li i{
    color: var(--bs-primary);
    font-size: 30px;
}

.badge-top{
  position:absolute; top:50px; left:50%; transform:translateX(-50%);
  z-index:10; background:rgba(255,255,255,.85); padding:6px 10px; border-radius:6px;
}

/* Marco con relación de aspecto: el slide siempre mide lo mismo, la foto rellena. */
.slide-box{
  margin:0; position:relative; width:100%;
  aspect-ratio: 16 / 9;          /* puedes cambiar a 3/2 o 4/3 */
  overflow:hidden; background:#eef2f6; border-radius:8px;
}

/* Fallback si el navegador no soporta aspect-ratio */
@supports not (aspect-ratio: 1 / 1){
  .slide-box{ height: 400px; }
}

/* Imagen rellena el marco, aunque sea más pequeña originalmente */
.slide-img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center; display:block;
}

/* Responsive: menos alto en móvil */
@media (max-width: 576px){
  .slide-box{ aspect-ratio: 4 / 3; }
}