.gradient-custom-2 {
/* fallback for old browsers */
background: #0C9D6C;

/* Chrome 10-25, Safari 5.1-6 */
/* background: -webkit-linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593); */

/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background: linear-gradient(to right, #6CC24A, #39A900, #2E7D32, #1B5E20);
}

@media (min-width: 768px) {
	.gradient-form {
		height: 100vh !important;
	}
}

@media (min-width: 769px) {
	.gradient-custom-2 {
		border-top-right-radius: .3rem;
		border-bottom-right-radius: .3rem;
	}
}

.layout { 
	display: flex;
	min-height: calc(100vh - 62px);
}

/* ── SIDEBAR ── */
.sidebar {
  width: 220px; min-width: 220px; background: #fff;
  box-shadow: 2px 0 8px rgba(0,0,0,0.05); padding: 1.2rem 0;
}
.sidebar-label {
  padding: 0 1rem 0.5rem; font-size: 0.68rem; font-weight: 800;
  text-transform: uppercase; letter-spacing: 1px; color: var(--gris2);
}
.sidebar-link {
  display: flex; align-items: center; gap: 9px; padding: 9px 1.1rem;
  color: var(--texto); text-decoration: none; font-weight: 600; font-size: 0.88rem;
  border-left: 3px solid transparent; transition: all .12s;
}
.sidebar-link:hover, .sidebar-link.active {
  background: var(--verde-light); color: var(--verde); border-left-color: var(--verde);
}
.sidebar-ico { font-size: 1rem; width: 20px; text-align: center; }

.content { flex: 1; padding: 1.8rem; overflow-x: hidden; }

.content p  { font-size: 0.83rem; color: var(--gris2); margin-top: 2px; }