/* Estilos para hacer que los elementos sean completamente clicables */

.clickable-form {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.image-button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    width: 100%;
    text-align: center;
}

.clickable-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

/* Estilo para indicar que es clicable al pasar el mouse */

.clickable-form:hover,
.image-button:hover,
.clickable-link:hover {
    opacity: 0.9;
}

/* Estilos para elementos clicables */

.imaCate {
    position: relative;
    transition: transform 0.2s ease;
}

.imaCate:hover {
    transform: translateY(-5px);
}

.imaCate form {
    display: block;
    width: 100%;
    height: 100%;
}

.imaCate a {
    display: block;
    width: 100%;
    height: 100%;
}

.imaCate img {
    cursor: pointer;
}

/* Estilo específico para ofertas */

.ofertas-especial:hover {
    transform: scale(1.05);
}