/* ==========================================================================
   UC3M Academic Website - Custom Styles
   ========================================================================== */

/* --------------------------------------------------------------------------
   CSS Custom Properties (Color Palette)
   -------------------------------------------------------------------------- */
:root {
  --uc3m-navy: #002b54;
  --uc3m-blue: #004884;
  --uc3m-light-bg: #f8f9fa;
  --uc3m-border: #eee;
  --uc3m-border-soft: #f0f0f0;
  --uc3m-text-muted: #666;
  --shadow-subtle: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* --------------------------------------------------------------------------
   Base Typography
   -------------------------------------------------------------------------- */
h1, h2, h3 {
  color: var(--uc3m-navy);
  font-weight: 700;
}

a {
  color: var(--uc3m-blue);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* --------------------------------------------------------------------------
   Navbar
   -------------------------------------------------------------------------- */
.navbar-brand {
  margin-right: 20px;
  font-weight: 500;
}

/* --------------------------------------------------------------------------
   Profile Sidebar (Trestles Layout)
   -------------------------------------------------------------------------- */
.about-entity {
  background-color: var(--uc3m-light-bg);
  padding: 20px;
  border-radius: 8px;
}

.quarto-about-trestles .about-entity {
  max-width: 250px;
  height: fit-content;
  padding: 20px;
  background: var(--uc3m-light-bg);
  border-radius: 10px;
  margin-bottom: 20px;
  box-shadow: var(--shadow-subtle);
}

.about-entity img {
  width: 150px !important;
}

/* --------------------------------------------------------------------------
   Student Listings
   -------------------------------------------------------------------------- */
.quarto-listing-container-default .quarto-post {
  border-bottom: 1px solid var(--uc3m-border-soft);
  padding: 0.8em 0;
  margin-bottom: 0;
}

.quarto-listing-container-default .listing-title {
  color: var(--uc3m-navy);
  font-weight: 600;
  font-size: 1.15em;
  margin-bottom: 0.2em;
}

.quarto-listing-container-default .listing-description {
  color: var(--uc3m-text-muted);
  font-style: italic;
  font-size: 0.95em;
}

/* Hide metadata not needed for student listings */
.listing-metadata,
.listing-categories {
  display: none;
}

/* Student name links */
.listing-title a {
  color: var(--uc3m-navy);
  text-decoration: none;
  cursor: pointer;
}

.listing-title a:hover {
  color: var(--uc3m-blue);
  text-decoration: underline;
}

/* Students without links appear as plain text */
.quarto-listing-container-default .quarto-post:not([data-anchor]) .listing-title {
  pointer-events: none;
  cursor: default;
}

/* --------------------------------------------------------------------------
   Figures
   -------------------------------------------------------------------------- */
figcaption,
.figure-caption {
  text-align: center !important;
}

/* --------------------------------------------------------------------------
   Cards (for Teoría de Colas page)
   -------------------------------------------------------------------------- */
.card {
  border: 1px solid var(--uc3m-border);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.card:hover {
  box-shadow: var(--shadow-subtle);
  transform: translateY(-2px);
}

.card-title {
  color: var(--uc3m-navy);
  font-weight: 600;
}

/* Lead text styling */
.lead {
  font-size: 1.15em;
  color: var(--uc3m-text-muted);
  margin-bottom: 1rem;
}