/* ============================================================
   estilos-generales.css
   Estilos globales para contenidos inyectables — portal.crt.gob.mx
   Color primario: #0d4d4d
============================================================ */

/* ── Variables globales ── */
:root {
  --crt-color-primario:       #0d4d4d;
  --crt-color-primario-hover: #0a3a3a;
  --crt-color-primario-light: #e6f0f0;
  --crt-color-texto:          #212529;
  --crt-color-texto-titulo:	  #1A1A1A;
  --crt-color-texto-suave:    #444444;
  --crt-fuente:               'Noto Sans', sans-serif;
}

/* ── Wrapper general ── */
.crt-page {
  font-family: var(--crt-fuente) !important;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

/* ── Header de sección ── */
.crt-page__header {
  text-align: center !important;
  margin-bottom: 2.5rem !important;
}

h1.crt-page__title,
.crt-page__title {
  font-family: var(--crt-fuente) !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  color: var(--crt-color-texto) !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
}

.crt-page__desc {
  font-family: var(--crt-fuente) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: var(--crt-color-texto-suave) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.crt-titulo {
  font-family: var(--crt-fuente) !important;
  font-size: 48px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  color: var(--crt-color-texto-titulo) !important;
  padding: 16px 0 16px 0 !important;
  letter-spacing: -0.5px;
  margin: 32px 0 30 0!important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
  h1.crt-page__title,
  .crt-page__title {
    font-size: 28px !important;
  }
  .crt-page__desc {
    font-size: 17px !important;
  }

  /* Título principal en móvil */
  .crt-titulo {
    font-size: 32px !important;
    padding: 12px 0 24px 0 !important;
    margin-bottom: 24px !important;
  }
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1024px) {
  .crt-titulo {
    font-size: 40px !important;
  }
}