/* Estilo para la Navbar que empuja el contenido hacia abajo */
body {
    padding-top: 70px;
}

/* Estilo personalizado para el fondo azul claro*/
.hero-bg-color {
    background: linear-gradient(135deg, #f0f7ff 0%, #ddeeff 100%);
}


/* Estilos para animacion de zoom del catalogo */
.transition-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.transition-hover:hover {
    transform: translateY(-10px);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}


.hover-effect {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-effect:hover {
    transform: translateY(-5px);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}