/* ******************************************** */
/* Usado en components:
      app/components/section_component.html.erb
*/
/*
.user-navbar {
  width: 180px;
  text-align: center;
  font-size: 18px;
  background-color: var(--primary);
  padding: 0;
}
*/

/* ******************************************** */
/* Usado en components:
      app/components/section_component.rb
*/
.active-section {
  color: var(--whitemate);
  font-weight: bold;
}
.inactive-section {
  color: var(--success);
}
.bloque {
  width: 180px;
  text-align: center;
  font-size: 18px;
  background-color: var(--primary);
  display: block;
  padding: 20px 12px;
}