/* ============================================================
   main.css — Estilos globales del sistema Redactor Cofrade
   ============================================================ */

/* Tipografía base */
body {
  font-family: 'Inter', sans-serif;
  color: #1a1a1a;
  background-color: #f9fafb;
}

/* Borde dorado doble en header */
.header-double-border {
  border-bottom: 3px solid #d4af37;
  box-shadow: 0 2px 0 0 #eecf6d, 0 4px 16px 0 rgba(0, 0, 0, 0.06);
}

/* Animaciones globales */
@keyframes spin {
  to { transform: rotate(360deg); }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes slideIn {
  from { transform: translateX(110%); opacity: 0; }
  to   { transform: translateX(0); opacity: 1; }
}

@keyframes slideOut {
  from { transform: translateX(0); opacity: 1; }
  to   { transform: translateX(110%); opacity: 0; }
}

@keyframes slideMsg {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

.spin      { animation: spin 0.75s linear infinite; }
.fade-in   { animation: fadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) both; }
.toast-in  { animation: slideIn 0.3s ease forwards; }
.toast-out { animation: slideOut 0.3s ease forwards; }
.slide-msg { animation: slideMsg 0.35s ease both; }

/* Textareas */
textarea { resize: vertical; }

/* Inputs focus */
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: #d4af37 !important;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.18);
}