.category_item {

    box-shadow: 0 20px 27px 0 rgb(0 0 0 / 5%);

    background: white;

    border-radius: 16px;

    padding: 16px;

    margin-bottom: 15px;

}

.category_item span.title_file {

    font-weight: bold;

    display: block;

    font-size: 24px;

    margin-bottom: 10px;

}

.category_item span.desc_file {

    font-size: 14px;

    margin-bottom: 20px;

    display: block;

}

.container_files {

    display: flex;

    gap: 15px;

    flex-wrap: wrap;

}

.container_files a.btn.btn-primary i {

    color: white;

}

.container_files a.btn.btn-primary {

    display: flex

;

    align-items: center;

    gap: 5px;

}

.container_categories_pdf h1 {

    margin-bottom: 25px;

}

.pdf-cover-image {
    max-width: 80px;
    height: auto;
    margin-bottom: 10px;
    border-radius: 4px;
}

/* Contenedor del carrusel */
.buttons_extra_manufacturer.owl-carousel,
.buttons_extra_cat.owl-carousel {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

/* Ajuste de los botones dentro del carrusel */
.buttons_extra_manufacturer .pdf-item a.btn-primary,
.buttons_extra_cat .pdf-item a.btn-primary {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 180px; /* Aumentamos un poco la altura mínima */
    padding: 15px;
    text-align: center;
    width: 100%;
    overflow: hidden; /* Evita que el contenido se salga del botón */
    border-radius: 12px;
}

.document_title {
    font-size: 0.9rem;
    line-height: 1.2;
    word-break: break-word; /* Fuerza el salto de línea si la palabra es muy larga */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limita el título a un máximo de 2 líneas */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis; /* Añade los puntos suspensivos (...) si el texto se corta */
    height: 2.4em; /* Asegura una altura consistente basada en el line-height */
    margin-top: 5px;
    padding: 0 5px; /* Añade un pequeño margen interno lateral */
    width: 100%; /* Asegura que ocupe todo el ancho disponible */
    max-width: 100%;
}

/* Aseguramos que el span dentro del título no interfiera */
.document_title span {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.buttons_extra_manufacturer a.btn.btn-primary,
.buttons_extra_cat a.btn.btn-primary {
    padding-top: 15px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
}

.buttons_extra_manufacturer a.btn.btn-primary:hover,
.buttons_extra_cat a.btn.btn-primary:hover {
    background-color: #f8f9fa;
    border-color: #007bff;
}

.buttons_extra_manufacturer {
    margin-bottom: 15px;
}