/* ==========================================================================
   Organigrama — node 59
   Estilos específicos del organigrama (título, chart, intro).
   Los estilos del accordion están en accordion.css
   ========================================================================== */

/* Title — usado por organigrama y 20+ templates */
.organigrama-title {
  color: #0943b5;
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  font-weight: 700;
  font-size: 2.25rem;
  margin-bottom: 1.5rem;
}

/* Chart image */
.organigrama-chart {
  margin-bottom: 2rem;
  overflow: hidden;
  max-width: 100%;
}

.organigrama-chart__img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

/* Intro text */
.organigrama-intro {
  margin-bottom: 2rem;
  color: #4b4b4b;
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  font-size: 1rem;
  line-height: 1.7;
}

.organigrama-intro h2 {
  color: #0943b5;
  font-weight: 700;
  font-size: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.organigrama-intro h3 {
  color: #0943b5;
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}

.organigrama-intro a {
  color: #3366cc;
  text-decoration: underline;
}

.organigrama-intro a:hover {
  color: #0943b5;
}

/* Responsive */
@media (max-width: 768px) {
  .organigrama-title {
    font-size: 1.5rem;
  }
}