/*-- scss:rules --*/

/* 1. Base y Tipografía */
/* Inter and Fira Code are already imported via the SCSS variable defaults if using a standard Quarto theme, 
   but we keep the import here to be safe or if specific weights are needed. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Fira+Code&display=swap");

/* 2. Barra Superior (Navbar) - Fixes */
.navbar-brand {
  font-weight: 700;
}

/* 3. Encabezados */
h1.title {
  margin-top: 2rem;
  font-size: 2.2rem;
  border-bottom: none;
}

/* 4. Barra Lateral (Sidebar Navigation) */
/* Adjustments to match the lighter/darker themes */
.sidebar-item-text,
.sidebar-link {
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}

/* 5. Bloques de Código */
/* Rounded corners for code blocks */
code,
pre {
  border-radius: 4px;
}

/* 6. Callouts (Admonitions de MkDocs) */
/* Refined to use border-left and shadow, similar to MkDocs Material */
.callout {
  border: none;
  border-left: 0.25rem solid;
  border-radius: 0.1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Subtle shadow */
  margin-bottom: 1.5rem;
}

.callout-header {
  background-color: rgba(0, 0, 0, 0.03); /* Slight background for header */
  font-weight: 700;
  padding: 0.5rem 1rem;
}

/* Specific Callout Colors - using variables would be better but CSS vars from Quarto 
   aren't always exposed cleanly for these specific classes without more complex SCSS. 
   Keeping hardcoded for now to ensure "MkDocs" look matches intention. */

.callout-note {
  border-left-color: #448aff !important;
}
.callout-note .callout-icon::before {
  color: #448aff;
}

.callout-tip {
  border-left-color: #00bfa5 !important;
}
.callout-tip .callout-icon::before {
  color: #00bfa5;
}

.callout-warning {
  border-left-color: #ff9100 !important;
}
.callout-warning .callout-icon::before {
  color: #ff9100;
}

.callout-important {
  border-left-color: #d50000 !important;
}
.callout-important .callout-icon::before {
  color: #d50000;
}