p.p-casa {
    padding-left: 2%;
    padding-top: 2%;
}

.top-manual {
    top: 152%;
}

.w-manual {
    width: 80%;
}

.p-pmanual {
    padding-inline: 13%;
    font-size: 14.5px;
}

/* Aplica estilos al <td> activo */
td.active-category {
    background-color: blue;
    color: white;
}

/* Asegura que el enlace dentro del <td> activo también se vea blanco */
.active-category a {
    color: white;
}

div.producto-div3 {
    padding-top: 7%;
    padding-bottom: 6%;
    background-image: url('../imgs/prod/productos2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* Contenedor del carrusel */
.carousel-container {
    overflow: hidden;
    width: 100%;
    background-color: transparent;
    padding: 20px 0;
}

/* Carrusel que se desplaza */
.carousel {
    display: flex;
    width: 200%;
    animation: slide 20s linear infinite;
}

.carousel a {
    width: 400px;
    /* Aumenta el ancho a 400px, ajusta según necesites */
    margin: 0 10px;
}

/* Estilo para las imágenes dentro del carrusel */
.carousel a img {
    max-height: 300px;
    /* Aumenta la altura máxima a 300px, ajusta según necesites */
    object-fit: cover;
    /* Para mantener la proporción y centrar la imagen */
}

/* Definición de animación para el movimiento */
@keyframes slide {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Pausar animación cuando el mouse esté sobre el carrusel */
.carousel-container:hover .carousel {
    animation-play-state: paused;
}

/* Efecto hover para imágenes */
.mostrar-prod img {
    transition: transform 0.3s ease-in-out;
}

.mostrar-prod img:hover {
    transform: scale(1.1);
}

@media (max-width: 991px) {
    .navbar-toggler {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 1050;
    }

    .navbar-collapse {
        background: white;
        padding: 10px;
    }

    .navbar-nav {
        text-align: right;
    }
}