/* ===== Tipografías CEFOMA (ajustes suaves) ===== */

/* --- MENÚ LATERAL SNEAT --- */
.layout-menu .menu-link{               /* texto de cada opción */
  font-size: 1.02rem !important;
}
.layout-menu .menu-sub .menu-link{     /* submenús */
  font-size: 0.98rem !important;
}
.layout-menu .menu-header{             /* encabezaditos de grupo */
  font-size: 0.95rem !important;
}
.layout-menu .menu-link .menu-icon{    /* iconos (bx …) a juego */
  font-size: 1.25rem !important;
}

/* --- TABLAS (Bootstrap + DataTables v2) --- */
.table,
.table th,
.table td{
  font-size: 0.98rem;                  /* cuerpo de tabla */
}

/* Controles de DataTables (select “Mostrar …”, buscador, paginación) */
.dt-container{                          /* afecta todo el envolvente de DT2 */
  font-size: 0.98rem;
}
.dt-container .dt-length select,
.dt-container .dt-search input{
  font-size: 0.96rem;
}
.dt-container .dt-paging .dt-paging-button{
  font-size: 0.96rem;
}

/* Opcional: si usas muchos .btn-sm en la columna de Acciones y se ven chicos */

/* ===== Formularios (Bootstrap 5) ===== */
.form-label{                /* etiquetas */
  font-size: 1rem;          /* ~16px */
}
.form-control,              /* inputs/textareas */
.form-select{               /* selects */
  font-size: 0.98rem;
  line-height: 1.4;         /* evita que se vea “apretado” */
}
.input-group-text{
  font-size: 0.98rem;
}
.form-check-label{
  font-size: 0.98rem;
}
.form-text,                 /* ayudas bajo el campo */
.invalid-feedback,
.valid-feedback{
  font-size: 0.92rem;
}
.btn{                        /* botones de formularios */
  font-size: 0.96rem;
}

/* ===== Modals ===== */
.modal .modal-title{
  font-size: 1.15rem;
}
.modal .modal-body,
.modal .modal-footer{
  font-size: 1rem;
}

.modal .form-label{
  font-size: 1rem;
}
.modal .form-control,
.modal .form-select,
.modal .input-group-text{
  font-size: 0.98rem;
}
/* Si hay DataTables dentro del modal */
.modal .dt-container{
  font-size: 0.98rem;
}


/* ===========================
   ESCALA GLOBAL DE TIPOGRAFÍA
   =========================== */
html {
  /* Sube toda la escala: de ~16px a ~17.5px (1rem) */
  font-size: 17.5px;
}
@media (max-width: 575.98px) {
  html { font-size: 16.75px; } /* móvil un poco menos para no “romper” */
}

/* ===========================
   MENÚ LATERAL (Sneat)
   =========================== */
.layout-menu .app-brand .app-brand-text { font-size: 1.15rem; }
.layout-menu .menu-link { font-size: 1.06rem !important; padding: 0.90rem 1rem !important; }
.layout-menu .menu-icon { font-size: 1.35rem !important; width: 1.9rem !important; }

/* Hover / activo más visible pero sutil */
.layout-menu .menu-link:hover,
.layout-menu .menu-item.active > .menu-link,
.layout-menu .menu-item.open > .menu-link {
  background-color: rgba(0,0,0,0.06) !important;
}

/* ===========================
   TABLAS / DATATABLES
   =========================== */
.table { font-size: 1.05rem; }
.table thead th { font-size: 1.06rem; }
.dt-container { font-size: 1rem; }
.dt-container .dt-length label,
.dt-container .dt-search label,
.dt-container .dt-info,
.dt-container .dt-paging { font-size: 1rem; }

/* ===========================
   FORMULARIOS Y MODALS
   =========================== */
.form-label { font-size: 1.06rem; }
.form-control, .form-select { font-size: 1.05rem; padding: 0.7rem 0.9rem; }
.input-group-text { font-size: 1.05rem; }
.modal-title { font-size: 1.25rem; }


/* ===========================
   TILES XL PARA REPORTES
   =========================== */
.tile-xl {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 1rem;
  min-height: 120px;                 /* altura generosa */
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.tile-xl .tile-icon { font-size: 2rem; opacity: .9; }
.tile-xl .tile-title { font-size: 1.125rem; line-height: 1.2; }
.tile-xl .tile-sub { font-size: .95rem; opacity: .8; }

.tile-xl:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
  border-color: rgba(0,0,0,.12);
}

.tile-disabled {
  background: linear-gradient(0deg, rgba(0,0,0,.02), rgba(0,0,0,.02)), #fff;
  color: #6c757d;
  border-style: dashed;
}
.tile-disabled .tile-icon { opacity: .6; }

/* Si quieres que TODOS los botones “se sientan” más grandes globalmente (opcional):
.btn { padding: 0.75rem 1rem; font-size: 1.05rem; }
*/

/* ===========================
   ESPACIADOS GENERALES
   =========================== */
.container-p-y { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.card .card-header { padding-top: 1rem; padding-bottom: 1rem; }