/* Tiles de dashboard */
.tile {
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  background: #fff;
  padding: 18px 16px;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  box-shadow: 0 8px 20px rgba(13,110,253,.04);
  height: 100%;
}
.tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(13,110,253,.10);
  border-color: rgba(13,110,253,.25);
}
.tile .icon-wrap {
  width: 40px; height: 40px;
  display:flex; align-items:center; justify-content:center;
  border-radius: 12px;
  background: rgba(13,110,253,.10);
  font-size: 20px;
}
.tile h6 {
  font-weight: 700; margin: 8px 0 2px 0; color:#0a0a0a;
}
.tile p {
  margin: 0; color: #6c757d; font-size: .94rem;
}
.tile.disabled { opacity:.55; pointer-events:none; filter: grayscale(20%); }
.tile .chev { margin-left:auto; font-size: 18px; opacity:.6; }
/* ===== Variantes de color para tiles (usando clases extras) ===== */

/* Verde (por ejemplo para Servicios) */
.tile--green {
  box-shadow: 0 8px 20px rgba(25,135,84,.06);
  border-color: rgba(25,135,84,.18);
}
.tile--green:hover {
  box-shadow: 0 12px 26px rgba(25,135,84,.18);
  border-color: rgba(25,135,84,.35);
}
.tile--green .icon-wrap {
  background: rgba(25,135,84,.12);
}

/* Amarillo (por ejemplo para Alertas / Vencimientos) */
.tile--yellow {
  box-shadow: 0 8px 20px rgba(255,193,7,.10);
  border-color: rgba(255,193,7,.30);
}
.tile--yellow:hover {
  box-shadow: 0 12px 26px rgba(255,193,7,.22);
  border-color: rgba(255,193,7,.45);
}
.tile--yellow .icon-wrap {
  background: rgba(255,193,7,.18);
}

/* Rojo (por ejemplo para Deudas / Caja / Errores) */
.tile--red {
  box-shadow: 0 8px 20px rgba(220,53,69,.10);
  border-color: rgba(220,53,69,.30);
}
.tile--red:hover {
  box-shadow: 0 12px 26px rgba(220,53,69,.22);
  border-color: rgba(220,53,69,.50);
}
.tile--red .icon-wrap {
  background: rgba(220,53,69,.18);
}

/* Violeta (por ejemplo para Administración / Configuración) */
.tile--purple {
  box-shadow: 0 8px 20px rgba(111,66,193,.10);
  border-color: rgba(111,66,193,.30);
}
.tile--purple:hover {
  box-shadow: 0 12px 26px rgba(111,66,193,.22);
  border-color: rgba(111,66,193,.50);
}
.tile--purple .icon-wrap {
  background: rgba(111,66,193,.18);
}
/* ===== Tema verde SOLO para Presupuestos Service ===== */
.glw-presu-page {
  background: linear-gradient(135deg, #e8f5e9, #f4fff6); /* verde muy suave */
  border-radius: 12px;
}

/* Título principal más “verde” */
.glw-presu-page h4 {
  color: #1b5e20;
}

/* Botón principal dentro de esta página en verde */
.glw-presu-page .btn-primary {
  background-color: #2e7d32;
  border-color: #2e7d32;
}
.glw-presu-page .btn-primary:hover,
.glw-presu-page .btn-primary:focus {
  background-color: #256427;
  border-color: #256427;
}

/* Botón guardar presupuesto (success) un poquito más profundo */
.glw-presu-page .btn-success {
  background-color: #1b5e20;
  border-color: #1b5e20;
}
.glw-presu-page .btn-success:hover,
.glw-presu-page .btn-success:focus {
  background-color: #144319;
  border-color: #144319;
}

/* Botón WhatsApp (outline success) adaptado al verde del tema */
.glw-presu-page .btn-outline-success {
  color: #2e7d32;
  border-color: #2e7d32;
}
.glw-presu-page .btn-outline-success:hover,
.glw-presu-page .btn-outline-success:focus {
  background-color: #2e7d32;
  border-color: #2e7d32;
  color: #fff;
}

/* Card principal con encabezado verde */
.glw-presu-page .card {
  border-top: 3px solid #2e7d32;
}