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;
}


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

/* Carrusel que se desplaza */
.carousel {
    display: flex;
    width: 200%;
    /* Doble del tamaño para simular bucle */
    animation: slide 20s linear infinite;
}

/* Imágenes dentro del carrusel */
.carousel a {
    width: 300px;
    /* Ajusta el tamaño de cada imagen */
    height: auto;
    margin: 0 10px;
}

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

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

    /* Se mueve la mitad del carrusel */
}

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

/* Aplica el efecto solo a las imágenes dentro del contenedor prod-busqueda */
.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;
    }
}