/* ============================================
   LA LLORONA - BASE CSS
   Reset, tipografia, scrollbar, animaciones
   ============================================ */

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  height: 100%;
  font-family: -apple-system, 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  background: var(--bg);
  color: var(--t1);
}

/* Scrollbar global */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--bd2); border-radius: 5px; }

/* Animaciones */
@keyframes toastIn {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes toastOut {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: 0; transform: translateY(16px); }
}

/* Tablas base */
table { width: 100%; border-collapse: collapse; }
th {
  background: #F5F5F1;
  padding: 9px 12px;
  text-align: left;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #7A7A7A;
  font-weight: 700;
  border-bottom: 1px solid #E0E0DA;
}
td {
  padding: 9px 12px;
  border-bottom: 1px solid #EEEEE8;
  font-size: 13px;
  color: #4A4A4A;
}
tr:last-child td { border-bottom: none; }
tr:hover td { background: var(--s2); }
.mn { font-family: monospace; font-size: 13px; font-weight: 700; }

/* Select options */
select option { background: #FFFFFF; color: #1A1A1A; }

/* Prevent inner overflow-x containers from trapping vertical scroll */
.con > * { overscroll-behavior-x: contain; }
[style*="overflow-x:auto"],
[style*="overflow-x: auto"] {
  overscroll-behavior: auto;
}