/* Tarjeta de noticias */
.item.card {
    width: 100%; /* Ancho dinámico */
    max-width: 320px; /* Máximo ancho para escritorio */
    height: auto; /* Altura automática */
    margin: 10px auto; /* Centrado y margen */
    border: none;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* Contenedor de imagen */
.img-container {
    width: 100%;
    height: 180px; /* Altura fija más pequeña */
    overflow: hidden;
    background-color: #f0f0f0;
}

.img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta la imagen sin deformarla */
}

/* Títulos y descripciones */
.item-desc {
    padding: 10px;
    text-align: center;
    background-color: #fff;
}

.card-title {
    font-size: 16px; /* Tamaño reducido en móviles */
    font-weight: bold;
    margin-bottom: 10px;
}

.card-text {
    font-size: 13px; /* Texto más pequeño */
    line-height: 1.5;
    color: #555;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Botón */
.btn-primary {
    margin-top: 10px;
    background-color: #e73700;
    border: none;
    padding: 5px 10px;
    font-size: 12px; /* Botón más pequeño */
    text-transform: uppercase;
}
@media screen and (max-width: 600px) {
    .owl-carousel.noticias .item {
        width: 100% !important; /* Fuerza el ancho completo */
        max-width: 100% !important;
        margin: 0 auto; /* Centra el elemento */
    }

    .owl-carousel.noticias .img-container {
        height: 150px; /* Ajusta la altura de las imágenes */
    }

    .owl-carousel.noticias .item-desc {
        font-size: 14px; /* Reduce el tamaño del texto */
        padding: 5px;
    }
}
