/* Contenedor principal (Cabecera) */
.header-categoria {
display: flex;
align-items: baseline;
gap: 16px;
font-family: 'Montserrat', sans-serif;
padding-bottom: 12px;
border-bottom: 2px solid #e0e0e0;
/* REDUCIDO: Bajamos el espacio entre la línea y lo que sigue */
margin-bottom: 12px;
}
/* Título principal */
.titulo-herramientas {
font-size: 20px;
font-weight: 700;
color: #009E29;
margin: 0; /* Asegura que el h2 no sume aire extra por defecto */
text-transform: capitalize;
}
/* Enlace "Ver todo" */
.boton-ver-todo {
font-size: 13px;
font-weight: 700;
color: #111111; /* En tu última imagen veo que quedó negro/oscuro, lo mantengo así */
text-decoration: none;
text-transform: uppercase;
background: none;
border: none;
padding: 0;
cursor: pointer;
transition: color 0.2s ease;
}
.boton-ver-todo:hover {
color: #90211b;
text-decoration: underline;
text-underline-offset: 3px;
}
/* ESTO ES LO NUEVO:
Asegurate de que las columnas o listas que van abajo (los
o contenedores de los ítems)
no tengan un margin-top o padding-top alto que te esté generando ese aire.
*/
.contenedor-columnas-productos {
margin-top: 8px; /* Espacio mínimo y controlado para que empiece pegado */
padding-top: 0;
}