/**
 * Estilos Institucionales - Sistema de Preinscripción Escolar de Nivel Superior
 * Provincia de Salta
 */

:root {
  --salta-primary: #7b1123;       /* Poncho Salteño / Borgoña institucional */
  --salta-primary-hover: #5d0c1a;
  --salta-secondary: #1f2937;
  --salta-accent: #c49a45;        /* Ocre / Dorado sutil */
  --salta-bg: #f8fafc;
  --salta-card: #ffffff;
  --salta-border: #e2e8f0;
}

body {
  font-family: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
  background-color: var(--salta-bg);
  color: #334155;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Navbar */
.navbar-salta {
  background: linear-gradient(135deg, var(--salta-primary) 0%, #4a0712 100%);
  border-bottom: 3px solid var(--salta-accent);
}

.navbar-salta .navbar-brand,
.navbar-salta .nav-link {
  color: #ffffff !important;
  font-weight: 500;
}

.navbar-salta .nav-link:hover {
  color: #fde68a !important;
}

/* Botones con estilo Salta */
.btn-salta {
  background-color: var(--salta-primary);
  border-color: var(--salta-primary);
  color: #ffffff;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

.btn-salta:hover,
.btn-salta:focus {
  background-color: var(--salta-primary-hover);
  border-color: var(--salta-primary-hover);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(123, 17, 35, 0.25);
}

/* Tarjetas y Contenedores */
.card-salta {
  border: 1px solid var(--salta-border);
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  background-color: var(--salta-card);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-salta:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08);
}

.card-header-salta {
  background-color: #f8fafc;
  border-bottom: 2px solid #e2e8f0;
  font-weight: 600;
  color: var(--salta-primary);
}

/* Badges de Estados */
.badge-confirmado {
  background-color: #10b981;
  color: #ffffff;
  font-weight: 600;
  padding: 0.4em 0.8em;
  border-radius: 9999px;
}

.badge-espera {
  background-color: #f59e0b;
  color: #ffffff;
  font-weight: 600;
  padding: 0.4em 0.8em;
  border-radius: 9999px;
}

.badge-cancelado {
  background-color: #ef4444;
  color: #ffffff;
  font-weight: 600;
  padding: 0.4em 0.8em;
  border-radius: 9999px;
}

/* Interruptor Switch Personalizado */
.form-switch .form-check-input:checked {
  background-color: var(--salta-primary);
  border-color: var(--salta-primary);
}

/* Footer institucional */
footer.footer-salta {
  margin-top: auto;
  background-color: #1e293b;
  color: #cbd5e1;
  font-size: 0.9rem;
  border-top: 1px solid #334155;
}

/* Comprobante de Preinscripción */
.comprobante-box {
  background: #ffffff;
  border: 2px solid #0f172a;
  border-radius: 8px;
  padding: 2.5rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  max-width: 850px;
  margin: 0 auto;
}

.watermark-salta {
  position: relative;
  overflow: hidden;
}

.watermark-salta::after {
  content: "PREINSCRIPCIÓN 2026";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-30deg);
  font-size: 5rem;
  font-weight: 900;
  color: rgba(123, 17, 35, 0.04);
  pointer-events: none;
  white-space: nowrap;
}

/* ========================================================
   ESTILOS DE IMPRESIÓN (@media print)
   ======================================================== */
@media print {
  body {
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 11pt;
  }

  .no-print,
  .navbar,
  footer,
  .btn,
  .alert,
  .modal {
    display: none !important;
  }

  .comprobante-box {
    border: 1px solid #000000 !important;
    box-shadow: none !important;
    padding: 1cm !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .badge {
    border: 1px solid #000000 !important;
    color: #000000 !important;
    background: transparent !important;
  }

  a[href]:after {
    content: none !important;
  }
}