/* derechos-audiencias-propuesta · v27 */
/* Pestañas "Obligaciones de concesionarios" y "Preguntas frecuentes" — derechos de las audiencias */

/* El portal usa un font-size raíz reducido, por eso todo va en px y no en rem.
   Además los estilos de .crt-seccion del portal no alcanzan a estas vistas, así que se definen aquí bajo .crt-conc */
.crt-conc {
  --crt-conc-oscuro: #1a4043;
  --crt-conc-teal: #28766f;
  --crt-conc-teal-claro: #d5e4e4;
  --crt-conc-borde: #d3dcdc;
  --crt-conc-texto: #333;
}


/* ===== Banner de pestaña =====
   Mismo componente en todas las pestañas: etiqueta + título + leyenda, a todo lo ancho del contenido y 285 de alto.
   Para cambiar textos solo se edita el HTML; para cambiar el look, solo este bloque.
   Las clases crt-conc__hero* son de la versión anterior del HTML: se dejan con el mismo
   estilo para que el banner no se rompa si llega a quedar pegado un HTML viejo. */
.crt-contenido .crt-banner,
.crt-contenido .crt-conc__hero {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 285px;
  margin: 0;
  padding: 32px clamp(24px, 6vw, 72px);
  background: linear-gradient(100deg, #1c4a4a 0%, #2f6f6c 55%, #4d8f8b 100%);
}

/* La imagen va en una capa aparte con máscara: se desvanece de forma gradual hacia el texto
   y deja ver un poco del verde encima, para que se integre al degradado */
.crt-contenido .crt-banner {
  position: relative;
  overflow: hidden;
}
.crt-contenido .crt-banner > * {
  position: relative;
  z-index: 1;
}
.crt-contenido .crt-banner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  aspect-ratio: 452 / 285;
  background-image: var(--crt-banner-img, none);
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .85;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .25) 25%, rgba(0, 0, 0, .7) 50%, #000 75%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .25) 25%, rgba(0, 0, 0, .7) 50%, #000 75%);
  pointer-events: none;
}

/* Imagen de cada banner (lado derecho; su orilla izquierda ya viene difuminada).
   Para cambiar una imagen solo se toca la URL de su pestaña. */
.crt-contenido .crt-banner--inicio {
  --crt-banner-img: url("https://portal.crt.gob.mx/docs-bin/assets/img/derechos-audiencia/inicio.png");
}
.crt-contenido .crt-banner--audiencia {
  --crt-banner-img: url("https://portal.crt.gob.mx/docs-bin/assets/img/derechos-audiencia/soy-audiencia.png");
}
.crt-contenido .crt-banner--concesionario {
  --crt-banner-img: url("https://portal.crt.gob.mx/docs-bin/assets/img/derechos-audiencia/soy-concesionario.png");
}
.crt-contenido .crt-banner--marco {
  --crt-banner-img: url("https://portal.crt.gob.mx/docs-bin/assets/img/derechos-audiencia/leyes.png");
}
.crt-contenido .crt-banner--preguntas {
  --crt-banner-img: url("https://portal.crt.gob.mx/docs-bin/assets/img/derechos-audiencia/preguntas-frecuentes.png");
}
.crt-contenido .crt-conc__hero > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.crt-contenido .crt-banner p,
.crt-contenido .crt-conc__hero p {
  margin: 0;
  color: #fff;
  text-align: left;
}
.crt-contenido .crt-banner .crt-banner__etiqueta,
.crt-contenido .crt-conc__hero .crt-conc__hero-etiqueta {
  margin-bottom: 12px;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .18);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
}
.crt-contenido .crt-banner .crt-banner__titulo,
.crt-contenido .crt-conc__hero .crt-conc__hero-titulo {
  margin-bottom: 10px;
  font-size: clamp(28px, 3.6vw, 40px);
  font-weight: 700;
  line-height: 1.15;
}
.crt-contenido .crt-banner .crt-banner__leyenda,
.crt-contenido .crt-conc__hero .crt-conc__hero-sub {
  max-width: 520px;
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 600;
  line-height: 1.35;
}

/* En pantallas angostas la imagen quedaría debajo del texto: se deja solo el degradado */
@media (max-width: 900px) {
  .crt-contenido .crt-banner::after {
    display: none;
  }
}

@media (max-width: 600px) {
  .crt-contenido .crt-banner,
  .crt-contenido .crt-conc__hero {
    min-height: 200px;
    padding: 28px 20px;
  }
}

/* Secciones */
.crt-conc .crt-seccion {
  padding: 40px 0;
  background: #fff;
}
.crt-conc .crt-seccion--gray {
  background: #f3f3f3;
}
.crt-conc .crt-seccion__inner {
  max-width: none;
  margin: 0;
}
.crt-conc .crt-seccion__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}
.crt-conc .crt-seccion__header p {
  margin: 0;
}
.crt-conc .crt-seccion__icono img {
  display: block;
  width: 48px;
  height: 48px;
}
.crt-conc .crt-seccion__titulo {
  margin: 0;
  color: var(--crt-conc-oscuro);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}
.crt-conc .crt-seccion__subtitulo {
  color: #222;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
}
.crt-conc .crt-seccion__caption {
  margin: 28px 0 0;
  color: var(--crt-conc-teal);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}

.crt-contenido .crt-conc .crt-conc__intro {
  max-width: none;
  margin: 0;
  color: var(--crt-conc-texto);
  font-size: 16px;
  line-height: 1.6;
  text-align: justify;
}

/* Fechas clave */
.crt-conc .crt-conc__fechas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 16px;
  margin-top: 32px;
}
.crt-conc .crt-conc__fecha-card {
  overflow: hidden;
  border: 1px solid var(--crt-conc-borde);
  border-radius: 6px;
  background: #fff;
}
.crt-conc .crt-conc__fecha {
  padding: 20px 12px;
  background: var(--crt-conc-teal-claro);
  color: var(--crt-conc-oscuro);
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.crt-conc .crt-conc__fecha-card--limite .crt-conc__fecha {
  background: var(--crt-conc-oscuro);
  color: #fff;
}
.crt-conc .crt-conc__fecha-desc {
  margin: 0;
  padding: 16px;
  color: var(--crt-conc-texto);
  font-size: 15px;
  line-height: 1.45;
}

/* Tarjetas */
.crt-conc .crt-conc__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 20px;
  margin-top: 28px;
}
.crt-conc .crt-conc__grid--tres {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.crt-conc .crt-conc__grid--cinco {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}
.crt-conc .crt-conc__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px 20px;
  border: 1px solid var(--crt-conc-borde);
  border-radius: 8px;
  background: #fff;
}
.crt-conc .crt-conc__card--postura {
  border-left: 5px solid var(--crt-conc-teal);
}
.crt-conc .crt-conc__card-icono {
  width: 44px;
  height: 44px;
}
.crt-conc .crt-conc__card-titulo {
  margin: 0;
  color: var(--crt-conc-oscuro);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}
.crt-conc .crt-conc__card p {
  margin: 0;
  color: var(--crt-conc-texto);
  font-size: 15px;
  line-height: 1.5;
}

/* A quién aplica / a quién no */
.crt-conc .crt-conc__alcance {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin-top: 28px;
}
.crt-conc .crt-conc__alcance-col {
  padding: 24px;
  border: 1px solid var(--crt-conc-borde);
  border-radius: 8px;
  background: #fff;
}
.crt-conc .crt-conc__alcance-col--no {
  background: #f7f7f7;
}
.crt-conc .crt-conc__alcance-titulo {
  margin: 0 0 12px;
  color: var(--crt-conc-oscuro);
  font-size: 18px;
  font-weight: 700;
}
.crt-conc .crt-conc__alcance-lista {
  margin: 0;
  padding: 0;
  list-style: none;
}
.crt-conc .crt-conc__alcance-lista li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 0;
  border-top: 1px solid #e6eaea;
  color: var(--crt-conc-texto);
  font-size: 16px;
}
.crt-conc .crt-conc__alcance-lista li:first-child {
  border-top: 0;
}
.crt-conc .crt-conc__alcance-lista img {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
}
.crt-conc .crt-conc__alcance-col--no img {
  opacity: .55;
}

/* Plazos */
.crt-conc .crt-conc__card .crt-conc__plazo-cifra {
  color: var(--crt-conc-teal);
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}
.crt-conc .crt-conc__card .crt-conc__plazo-cifra span {
  display: block;
  margin-top: 4px;
  font-size: 15px;
  font-weight: 600;
}
.crt-conc .crt-conc__card .crt-conc__plazo-limite {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid #e6eaea;
  color: var(--crt-conc-oscuro);
  font-weight: 700;
}

/* Vigencia de designaciones */
.crt-conc .crt-conc__subtitulo-bloque {
  margin: 44px 0 0;
  color: var(--crt-conc-oscuro);
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.crt-conc .crt-conc__vigencia {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 28px 20px;
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
}
.crt-conc .crt-conc__vigencia li {
  position: relative;
  padding: 36px 20px 20px;
  border: 1px solid var(--crt-conc-oscuro);
  border-radius: 14px;
  background: #fff;
  color: var(--crt-conc-texto);
  font-size: 15px;
  line-height: 1.45;
}
.crt-conc .crt-conc__vigencia-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 14px;
  border-radius: 6px;
  background: var(--crt-conc-teal-claro);
  color: var(--crt-conc-oscuro);
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

.crt-conc .crt-conc__nota {
  margin-top: 24px;
  padding: 16px 20px;
  border-radius: 6px;
  background: var(--crt-conc-teal-claro);
  color: var(--crt-conc-oscuro);
  font-size: 15px;
  line-height: 1.5;
}
.crt-conc .crt-conc__nota p {
  margin: 0;
  font-size: 15px;
}
.crt-conc .crt-conc__nota p + p {
  margin-top: 8px;
}
.crt-conc .crt-conc__enlace {
  color: var(--crt-conc-teal);
  font-weight: 700;
}

/* Preguntas frecuentes: el JS de la página ya maneja el acordeón (crt-acordeon__*) */
.crt-contenido [data-panel][hidden],
.crt-contenido .crt-subpanel[hidden],
.crt-conc .crt-acordeon__panel[hidden] {
  display: none !important;
}
.crt-conc .crt-acordeon__item.is-open .crt-acordeon__panel {
  max-height: none;
}
.crt-conc .crt-acordeon__item > p {
  margin: 0;
}
.crt-conc .crt-acordeon {
  margin: 24px 0 0;
}
.crt-conc .crt-acordeon__item {
  margin-bottom: 12px;
  border: 1px solid var(--crt-conc-borde);
  border-radius: 8px;
  background: #fff;
}
.crt-conc .crt-acordeon__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 16px 20px;
  border: 0;
  background: none;
  color: var(--crt-conc-oscuro);
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}
.crt-conc .crt-acordeon__header::after {
  content: "+";
  flex: 0 0 auto;
  color: var(--crt-conc-teal);
  font-size: 24px;
  line-height: 1;
}
.crt-conc .crt-acordeon__item.is-open .crt-acordeon__header::after {
  content: "\2212";
}
.crt-conc .crt-acordeon__panel {
  padding: 0 20px 18px;
  color: var(--crt-conc-texto);
  font-size: 15px;
  line-height: 1.55;
}
.crt-conc .crt-acordeon__panel p {
  margin: 0 0 8px;
  font-size: 15px;
}
.crt-conc .crt-acordeon__panel ul {
  margin: 0 0 8px;
  padding-left: 20px;
}

@media (max-width: 480px) {
  .crt-conc .crt-seccion {
    padding: 40px 16px;
  }
  .crt-conc .crt-seccion__titulo {
    font-size: 24px;
  }
  .crt-contenido .crt-conc .crt-conc__intro,
  .crt-conc .crt-conc__card p {
    text-align: justify;
  }
  .crt-conc .crt-conc__fecha-desc {
    text-align: left;
  }
}

/* Subpestañas: se usan también en la pestaña Audiencias, que conserva los estilos originales del portal, por eso van bajo .crt-contenido y no bajo .crt-conc */
.crt-contenido .crt-subtabs {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 28px 0 0;
}
.crt-contenido .crt-subtabs__btn {
  padding: 10px 20px;
  border: 1px solid #28766f;
  border-radius: 999px;
  background: #fff;
  color: #1a4043;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color .15s, color .15s;
}
.crt-contenido .crt-subtabs__btn:hover {
  background: #d5e4e4;
}
.crt-contenido .crt-subtabs__btn--active,
.crt-contenido .crt-subtabs__btn--active:hover {
  border-color: #1a4043;
  background: #1a4043;
  color: #fff;
}
.crt-contenido .crt-subtabs__btn:focus {
  outline: none;
  box-shadow: none;
}
.crt-contenido .crt-subtabs__btn:focus-visible {
  outline: 3px solid #4d8f8b;
  outline-offset: 2px;
}
.crt-conc .crt-subpanel .crt-seccion {
  padding-top: 32px;
}

/* Aviso que lleva a la pestaña CRT */
.crt-conc .crt-conc__aviso {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 28px;
  padding: 18px 22px;
  border-left: 5px solid #28766f;
  border-radius: 6px;
  background: #d5e4e4;
}
.crt-conc .crt-conc__aviso p {
  flex: 1 1 380px;
  margin: 0;
  color: #1a4043;
  font-size: 15px;
  line-height: 1.5;
}
.crt-conc .crt-conc__aviso-btn {
  padding: 10px 18px;
  border-radius: 6px;
  background: #1a4043;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.crt-conc .crt-conc__aviso-btn:hover {
  background: #28766f;
  color: #fff;
}

.crt-conc .crt-conc__card--centro {
  align-items: center;
  text-align: center;
}

@media (max-width: 600px) {
  .crt-contenido .crt-subtabs {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 6px;
    -webkit-overflow-scrolling: touch;
  }
  .crt-contenido .crt-subtabs__btn {
    flex: 0 0 auto;
    font-size: 14px;
  }
}

/* ===== v4: arquitectura de 5 secciones ===== */

/* Franja debajo del banner (aviso de la CRT / DOF) */
.crt-conc .crt-conc__franja {
  margin: 0;
}

/* Inicio: selector de perfil */
.crt-conc .crt-conc__perfiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
  margin-top: 32px;
}
.crt-conc .crt-conc__perfil {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 28px 24px;
  border: 2px solid var(--crt-conc-teal-claro);
  border-radius: 10px;
  background: #fff;
  color: var(--crt-conc-texto);
  transition: border-color .15s, box-shadow .15s;
}
.crt-conc .crt-conc__perfil p {
  margin: 0;
}
.crt-conc .crt-conc__perfil:hover,
.crt-conc .crt-conc__perfil:focus-within {
  border-color: var(--crt-conc-teal);
  box-shadow: 0 6px 18px rgba(26, 64, 67, .12);
}
.crt-conc .crt-conc__perfil-icono {
  width: 52px;
  height: 52px;
}
.crt-conc .crt-conc__perfil-titulo {
  margin: 0;
  color: var(--crt-conc-oscuro);
  font-size: 22px;
  font-weight: 700;
}
.crt-conc .crt-conc__perfil-texto {
  font-size: 15px;
  line-height: 1.5;
}
.crt-conc .crt-conc__perfil-pie {
  margin-top: auto !important;
}
.crt-conc .crt-conc__perfil-cta {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 6px;
  background: var(--crt-conc-oscuro);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.crt-conc .crt-conc__perfil-cta::after {
  content: "";
  position: absolute;
  inset: 0;
}
.crt-conc .crt-conc__perfil:hover .crt-conc__perfil-cta,
.crt-conc .crt-conc__perfil-cta:hover {
  background: var(--crt-conc-teal);
  color: #fff;
}

/* Pasos numerados (queja, Código de Ética) */
.crt-conc .crt-conc__pasos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 12px 24px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
  counter-reset: crt-paso;
}
.crt-conc .crt-conc__pasos li {
  position: relative;
  padding: 10px 0 10px 50px;
  color: var(--crt-conc-texto);
  font-size: 15px;
  line-height: 1.45;
  counter-increment: crt-paso;
}
.crt-conc .crt-conc__pasos li::before {
  content: counter(crt-paso);
  position: absolute;
  top: 6px;
  left: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--crt-conc-teal-claro);
  color: var(--crt-conc-oscuro);
  font-weight: 700;
  line-height: 34px;
  text-align: center;
}

.crt-conc .crt-conc__plazos-queja {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
  margin-top: 28px;
}
.crt-conc .crt-conc__plazos-queja .crt-conc__fecha {
  font-size: 18px;
}

/* Línea de tiempo del procedimiento de queja */
.crt-conc .crt-conc__linea {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px;
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
  counter-reset: crt-linea;
}
.crt-conc .crt-conc__linea li {
  position: relative;
  padding: 52px 4px 0;
  color: var(--crt-conc-texto);
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
  counter-increment: crt-linea;
}
.crt-conc .crt-conc__linea li::before {
  content: counter(crt-linea);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  width: 40px;
  height: 40px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: var(--crt-conc-oscuro);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
}
.crt-conc .crt-conc__linea li::after {
  content: "";
  position: absolute;
  top: 19px;
  left: 50%;
  width: calc(100% + 12px);
  height: 2px;
  background: var(--crt-conc-teal-claro);
}
.crt-conc .crt-conc__linea li:last-child::after {
  display: none;
}
.crt-conc .crt-conc__linea li:last-child::before {
  background: var(--crt-conc-teal);
}

.crt-conc .crt-conc__resultados {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  margin-top: 28px;
}
.crt-conc .crt-conc__resultado {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  gap: 14px;
  padding: 18px 10px;
  border: 1px solid var(--crt-conc-borde);
  border-left: 5px solid var(--crt-conc-teal);
  border-radius: 8px;
  background: #fff;
}
.crt-conc .crt-conc__resultado > p:first-child {
  flex: 0 0 auto;
}
.crt-conc .crt-conc__resultado img {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
}
.crt-conc .crt-conc__resultado p {
  margin: 0;
  color: var(--crt-conc-texto);
  font-size: 12px;
  line-height: 1.5;
}

.crt-conc .crt-conc__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--crt-conc-oscuro);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

/* Tabla de fechas (lineamientos) */
.crt-conc .crt-conc__tabla {
  overflow: hidden;
  border: 1px solid var(--crt-conc-borde);
  border-radius: 8px;
}
.crt-conc .crt-conc__tabla-fila {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1.6fr;
  gap: 24px;
  align-items: center;
  padding: 16px 24px;
  border-top: 1px solid #e6eaea;
  background: #fff;
  color: var(--crt-conc-texto);
  font-size: 15px;
  line-height: 1.45;
}
.crt-conc .crt-conc__tabla-fila--encabezado {
  border-top: 0;
  background: var(--crt-conc-oscuro);
  color: #fff;
  font-weight: 700;
}
.crt-conc .crt-conc__tabla-fila:nth-child(odd):not(.crt-conc__tabla-fila--encabezado) {
  background: #f3f3f3;
}
.crt-conc .crt-conc__tabla-celda p {
  margin: 0;
}
.crt-conc .crt-conc__tabla-celda--fecha {
  color: var(--crt-conc-oscuro);
  font-weight: 700;
}
.crt-conc .crt-conc__tabla-fila--encabezado .crt-conc__tabla-celda--fecha {
  color: #fff;
}

/* Ruta de cumplimiento */
.crt-conc .crt-conc__ruta .crt-acordeon__header {
  justify-content: flex-start;
}
.crt-conc .crt-conc__ruta .crt-acordeon__header::after {
  margin-left: auto;
}

/* Mitos y realidades */
.crt-conc .crt-conc__etiqueta {
  display: inline-block;
  margin-right: 6px;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  vertical-align: middle;
}
.crt-conc .crt-conc__etiqueta--mito {
  background: var(--crt-conc-oscuro);
  color: #fff;
}
.crt-conc .crt-conc__etiqueta--realidad {
  background: var(--crt-conc-teal-claro);
  color: var(--crt-conc-oscuro);
}
.crt-conc .crt-conc__mitos .crt-acordeon__header {
  justify-content: flex-start;
}
.crt-conc .crt-conc__mitos .crt-acordeon__header::after {
  margin-left: auto;
}

@media (max-width: 700px) {
  /* Con cinco secciones, la barra principal se desliza en horizontal en pantallas chicas */
  .crt-contenido .crt-tabs.crt-tabs--secciones {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .crt-contenido .crt-tabs.crt-tabs--secciones .crt-tabs__btn {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .crt-conc .crt-conc__tabla-fila {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .crt-conc .crt-conc__tabla-fila--encabezado {
    display: none;
  }
}

@media (max-width: 900px) {
  .crt-conc .crt-conc__linea {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .crt-conc .crt-conc__linea li {
    min-height: 56px;
    padding: 8px 0 16px 56px;
    text-align: left;
  }
  .crt-conc .crt-conc__linea li::before {
    left: 0;
    transform: none;
  }
  .crt-conc .crt-conc__linea li::after {
    top: 40px;
    left: 19px;
    width: 2px;
    height: calc(100% - 40px);
  }
}

/* Derecho de réplica */
.crt-conc .crt-conc__subtitulo-bloque--primero {
  margin-top: 0;
}
.crt-contenido .crt-conc .crt-conc__lead {
  margin: 12px auto 0;
  color: var(--crt-conc-texto);
  font-size: 16px;
  line-height: 1.6;
}
.crt-conc .crt-conc__grid--cuatro {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.crt-conc .crt-conc__requisitos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  gap: 14px 40px;
  margin: 24px 0 0;
  padding: 28px;
  border: 1px solid var(--crt-conc-borde);
  border-radius: 8px;
  background: #fff;
  list-style: none;
}
.crt-conc .crt-conc__requisitos li {
  position: relative;
  padding-left: 36px;
  color: var(--crt-conc-texto);
  font-size: 15px;
  line-height: 1.5;
}
/* Palomita dibujada con CSS: no depende de que la fuente tenga el carácter ✓ */
.crt-conc .crt-conc__requisitos li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--crt-conc-teal);
}
.crt-conc .crt-conc__requisitos li::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 9px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.crt-contenido .crt-conc .crt-conc__cta {
  margin: 28px 0 0;
  text-align: center;
}
.crt-conc .crt-conc__boton {
  display: inline-block;
  padding: 12px 26px;
  border-radius: 6px;
  background: var(--crt-conc-oscuro);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
.crt-conc .crt-conc__boton:hover,
.crt-conc .crt-conc__boton:focus-visible {
  background: var(--crt-conc-teal);
  color: #fff;
}

/* Código de Ética (Soy concesionario) */
/* Plecas dentro de Código de Ética y Plazos: mismo ancho y alineación que las demás plecas */
.crt-conc .crt-conc__aviso--centro {
  justify-content: flex-start;
}
.crt-conc .crt-conc__aviso--centro p {
  flex: 1 1 auto;
  text-align: left;
}
.crt-conc .crt-conc__card--punto {
  border-top: 4px solid var(--crt-conc-teal);
}
/* Pasos de inscripción unidos con una flecha */
.crt-conc .crt-conc__flujo .crt-conc__card {
  position: relative;
}
.crt-conc .crt-conc__flujo .crt-conc__card:not(:last-child)::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -16px;
  width: 12px;
  height: 12px;
  border: solid var(--crt-conc-teal);
  border-width: 3px 3px 0 0;
  transform: translateY(-50%) rotate(45deg);
}
/* Vías de inscripción: una debajo de otra, centradas, con la "u" en medio (así no brinca de renglón) */
.crt-conc .crt-conc__card .crt-conc__vias {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}
.crt-conc .crt-conc__via {
  padding: 6px 14px;
  border-radius: 999px;
  background: var(--crt-conc-oscuro);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.crt-conc .crt-conc__via-o {
  color: var(--crt-conc-teal);
  font-weight: 700;
}
@media (max-width: 900px) {
  .crt-conc .crt-conc__flujo .crt-conc__card:not(:last-child)::after {
    display: none;
  }
}

/* Ruta de cumplimiento: 10 pasos en 2 columnas, cada uno con enlace a su subpestaña */
.crt-conc .crt-conc__ruta-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px 20px;
}
.crt-conc .crt-conc__paso {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  border: 1px solid var(--crt-conc-borde);
  border-left: 5px solid var(--crt-conc-teal);
  border-radius: 8px;
  background: #fff;
}
.crt-conc .crt-conc__paso > p:first-child {
  flex: 0 0 auto;
  margin: 0;
}
.crt-conc .crt-conc__paso-cuerpo {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.crt-conc .crt-conc__paso-cuerpo p {
  margin: 0;
  color: var(--crt-conc-texto);
  font-size: 15px;
  line-height: 1.5;
}
.crt-conc .crt-conc__paso-cuerpo .crt-conc__paso-enlaces {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}
.crt-conc .crt-conc__paso-enlace {
  display: inline-block;
  padding: 6px 14px;
  border: 1px solid var(--crt-conc-teal);
  border-radius: 999px;
  color: var(--crt-conc-oscuro);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.crt-conc .crt-conc__paso-enlace:hover,
.crt-conc .crt-conc__paso-enlace:focus-visible {
  background: var(--crt-conc-oscuro);
  border-color: var(--crt-conc-oscuro);
  color: #fff;
}
@media (max-width: 600px) {
  .crt-conc .crt-conc__ruta-grid {
    grid-template-columns: 1fr;
  }
}

/* Persona Defensora: lista de requisitos dentro de la tarjeta */
.crt-conc .crt-conc__card .crt-conc__lista {
  margin: 0;
  padding: 0;
  list-style: none;
}
.crt-conc .crt-conc__card .crt-conc__lista li {
  position: relative;
  margin: 0 0 8px;
  padding-left: 18px;
  color: var(--crt-conc-texto);
  font-size: 15px;
  line-height: 1.5;
}
.crt-conc .crt-conc__card .crt-conc__lista li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--crt-conc-teal);
}

/* Plazos: tablas dentro de los acordeones */
.crt-conc .crt-conc__plazos-acordeon .crt-acordeon__panel {
  padding-top: 4px;
}
.crt-conc .crt-conc__tabla--dos .crt-conc__tabla-fila {
  grid-template-columns: 1.6fr 1fr;
}
.crt-conc .crt-conc__tabla--transitorios .crt-conc__tabla-fila {
  grid-template-columns: 1.4fr 1fr 1fr;
}
.crt-conc .crt-acordeon__panel .crt-conc__tabla {
  margin: 12px 0 0;
}
.crt-conc .crt-acordeon__panel .crt-conc__tabla-fila {
  padding: 12px 18px;
  font-size: 14px;
}
.crt-conc .crt-acordeon__panel .crt-conc__tabla-titulo {
  margin: 20px 0 0;
  color: var(--crt-conc-oscuro);
  font-size: 16px;
  font-weight: 700;
}
.crt-conc .crt-acordeon__panel .crt-conc__tabla-titulo:first-child {
  margin-top: 0;
}
.crt-conc .crt-acordeon__panel .crt-conc__tabla-nota {
  margin: 10px 0 0;
  padding-left: 12px;
  border-left: 3px solid var(--crt-conc-teal-claro);
  color: #555;
  font-size: 14px;
  font-style: italic;
}
.crt-conc .crt-acordeon__panel .crt-conc__meses {
  display: flex;
  gap: 8px;
  margin: 8px 0 0;
}
.crt-contenido .crt-conc .crt-conc__fuente {
  margin: 16px 0 0;
  color: #666;
  font-size: 13px;
  text-align: center;
}

/* Pleca con título y varios párrafos (p. ej. "Audiencias protegidas") */
.crt-conc .crt-conc__aviso--bloque {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.crt-conc .crt-conc__aviso--bloque p {
  flex: 0 0 auto;
  text-align: left;
}
.crt-conc .crt-conc__aviso--bloque .crt-conc__aviso-titulo {
  font-size: 17px;
  font-weight: 700;
}

/* Botón al pie de una tarjeta: se va hasta abajo para que queden alineados entre tarjetas */
.crt-conc .crt-conc__card .crt-conc__card-pie {
  margin-top: auto;
  padding-top: 8px;
}

/* Marco del proceso de queja (Soy audiencia > Cómo presentar una queja) */
.crt-conc .crt-conc__proceso {
  margin-top: 28px;
  padding: 24px 24px 28px;
  border: 2px solid var(--crt-conc-teal);
  border-radius: 12px;
  background: #fff;
}
.crt-conc .crt-conc__proceso-titulo {
  margin: 0;
  color: var(--crt-conc-oscuro);
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.crt-conc .crt-conc__proceso .crt-conc__linea {
  margin-top: 24px;
}


.crt-conc .crt-conc__grid--seis {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 900px) {
  .crt-conc .crt-conc__grid--seis {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 520px) {
  .crt-conc .crt-conc__grid--seis {
    grid-template-columns: 1fr;
  }
}



.crt-conc .crt-conc__grid--cuatro-fijo {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1000px) {
  .crt-conc .crt-conc__grid--cuatro-fijo {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 520px) {
  .crt-conc .crt-conc__grid--cuatro-fijo {
    grid-template-columns: 1fr;
  }
}

/* Tus derechos (Soy audiencia): todas las tarjetas apiladas y con el mismo acomodo
   (ícono + título arriba, descripción abajo), como los pasos de la Ruta de cumplimiento */
.crt-contenido .crt-derechos__grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 28px;
}
.crt-contenido .crt-derechos__row {
  display: contents;
}
.crt-contenido .crt-derechos__divider {
  display: none;
}
.crt-contenido .crt-derechos__card {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 14px;
  row-gap: 8px;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-height: 0;
  height: auto;
  margin: 0;
  padding: 20px;
  border: 1px solid #d3dcdc;
  border-left: 5px solid #28766f;
  border-radius: 8px;
  background: #fff;
  text-align: left;
}
/* Los contenedores internos de cada variante desaparecen como caja: así todas las
   tarjetas quedan con el mismo orden (ícono, título, descripción) */
.crt-contenido .crt-derechos__card-header,
.crt-contenido .crt-derechos__card-title-block,
.crt-contenido .crt-derechos__card-text {
  display: contents;
}
.crt-contenido .crt-derechos__card > p:first-child,
.crt-contenido .crt-derechos__card-header > p:first-child,
.crt-contenido .crt-derechos__card-title-block > p:first-child {
  grid-column: 1;
  margin: 0;
}
.crt-contenido .crt-derechos__card-title {
  grid-column: 2;
  margin: 0;
  color: #1a4043;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
}
.crt-contenido .crt-derechos__card-desc {
  grid-column: 1 / -1;
  margin: 0;
  color: #333;
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
}
.crt-contenido .crt-derechos__card .crt-icono img {
  display: block;
  width: 32px;
  height: 32px;
}
/* Los saltos de línea del título venían del acomodo en dos columnas.
   Se conservan donde el texto no trae espacio antes del salto. */
.crt-contenido .crt-derechos__card-title br {
  display: none;
}
.crt-contenido .crt-derechos__card--split .crt-derechos__card-title br,
.crt-contenido .crt-derechos__card-title--centered br {
  display: inline;
}

 .crt-derechos__card > .crt-derechos__card-header .crt-derechos__card-title {
    text-align: left !important;
  }
  
  /* Derecho de réplica: los 4 pasos con el mismo encabezado que las tarjetas de fechas
   (número y título dentro de la franja, descripción abajo) */
.crt-contenido [data-subpanel="replica"] .crt-conc__grid--cuatro .crt-conc__card {
  gap: 0;
  padding: 0;
  overflow: hidden;
}
.crt-contenido [data-subpanel="replica"] .crt-conc__grid--cuatro .crt-conc__card > p:first-child {
  margin: 0;
  padding: 16px 12px 8px;
  background: var(--crt-conc-teal-claro);
  text-align: center;
}
.crt-contenido [data-subpanel="replica"] .crt-conc__grid--cuatro .crt-conc__card-titulo {
  margin: 0;
  padding: 0 16px 16px;
  background: var(--crt-conc-teal-claro);
  text-align: center;
}
.crt-contenido [data-subpanel="replica"] .crt-conc__grid--cuatro .crt-conc__card > p:not(:first-child) {
  padding: 16px 20px 20px;
  text-align: left;
}

/* Contenido mínimo del Código de Ética: número y título en la franja, texto abajo */
.crt-conc .crt-conc__card--punto {
  gap: 0;
  padding: 0;
  overflow: hidden;
  border-top: 1px solid var(--crt-conc-borde);
}
.crt-conc .crt-conc__card--punto > p:first-child {
  margin: 0;
  padding: 16px 12px 8px;
  background: var(--crt-conc-teal-claro);
  text-align: center;
}
.crt-conc .crt-conc__card--punto .crt-conc__card-titulo {
  margin: 0;
  padding: 0 16px 16px;
  background: var(--crt-conc-teal-claro);
  text-align: center;
}
.crt-conc .crt-conc__card--punto > p:not(:first-child) {
  padding: 16px 20px 20px;
  text-align: left;
}

/* Persona Defensora: franja a todo lo ancho con ícono y título (mismo estilo que Contenido mínimo).
   La franja es un pseudo-elemento que ocupa toda la fila 1: así cubre el ancho completo
   aunque el título no se estire */
.crt-conc [data-subpanel="defensora"] .crt-conc__grid--tres .crt-conc__card {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: minmax(88px, auto);
  align-content: start;
  column-gap: 14px;
  row-gap: 0;
  padding: 0;
  overflow: hidden;
}
.crt-conc [data-subpanel="defensora"] .crt-conc__grid--tres .crt-conc__card::before {
  content: "";
  grid-column: 1 / -1;
  grid-row: 1;
  background: var(--crt-conc-teal-claro);
}
.crt-conc [data-subpanel="defensora"] .crt-conc__grid--tres .crt-conc__card > p:first-child {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  margin: 0;
  padding: 20px 0 20px 20px;
  background: none;
}
.crt-conc [data-subpanel="defensora"] .crt-conc__grid--tres .crt-conc__card-titulo {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  margin: 0;
  padding: 20px 20px 20px 0;
  background: none;
  text-align: left;
}
.crt-conc [data-subpanel="defensora"] .crt-conc__grid--tres .crt-conc__card > p:not(:first-child) {
  grid-column: 1 / -1;
  margin: 0;
  padding: 20px 20px 0;
}
.crt-conc [data-subpanel="defensora"] .crt-conc__grid--tres .crt-conc__card > p:last-child {
  padding-bottom: 20px;
}
.crt-conc [data-subpanel="defensora"] .crt-conc__grid--tres .crt-conc__card .crt-conc__lista {
  grid-column: 1 / -1;
  padding: 20px 20px 20px;
}


/* Marco jurídico: misma franja que Persona Defensora (ícono + título) y el botón siempre al pie.
   Filas: franja / texto (crece) / botón, para que los tres botones queden a la misma altura */
.crt-conc [data-subpanel="marco"] .crt-conc__grid--tres .crt-conc__card {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 110px 1fr auto;
  min-height: 400px;
  column-gap: 14px;
  row-gap: 0;
  padding: 0;
  overflow: hidden;
}
.crt-conc [data-subpanel="marco"] .crt-conc__grid--tres .crt-conc__card::before {
  content: "";
  grid-column: 1 / -1;
  grid-row: 1;
  background: var(--crt-conc-teal-claro);
}
.crt-conc [data-subpanel="marco"] .crt-conc__grid--tres .crt-conc__card > p:first-child {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  margin: 0;
  padding: 20px 0 20px 24px;
}
.crt-conc [data-subpanel="marco"] .crt-conc__grid--tres .crt-conc__card-titulo {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  margin: 0;
  padding: 20px 24px 20px 0;
  text-align: left;
}
.crt-conc [data-subpanel="marco"] .crt-conc__grid--tres .crt-conc__card > p:not(:first-child) {
  grid-column: 1 / -1;
  margin: 0;
  padding: 24px 24px 0;
}
.crt-conc [data-subpanel="marco"] .crt-conc__grid--tres .crt-conc__card > p.crt-conc__card-pie:last-child {
  grid-row: 3;
  margin: 0 0 32px;
  padding: 28px 24px 0;
}


.crt-conc .crt-seccion__subtitulo {

 margin: 12px auto 0 !important;
}

/* ===== Responsive ===== */

/* Requisitos (Derecho de réplica): la columna pedía 380px mínimos y en celular se salía de la caja */
.crt-conc .crt-conc__requisitos {
  grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr));
}

@media (max-width: 480px) {
  /* El portal ya deja su propio margen a los lados: la sección no necesita sumar otro */
  .crt-conc .crt-seccion {
    padding: 32px 0;
  }

  /* Requisitos: menos padding para que el texto respire */
  .crt-conc .crt-conc__requisitos {
    gap: 12px;
    padding: 20px 16px;
  }
  .crt-conc .crt-conc__requisitos li {
    padding-left: 34px;
  }

  /* Proceso de queja: caja, línea de tiempo y resultados más pegados a la orilla */
  .crt-conc .crt-conc__proceso {
    padding: 20px 14px 20px;
  }
  .crt-conc .crt-conc__linea li {
    padding-left: 52px;
  }
  .crt-conc .crt-conc__resultado {
    gap: 12px;
    padding: 16px 14px;
  }

  /* Acordeones: menos padding lateral en encabezado y panel */
  .crt-conc .crt-acordeon__header {
    gap: 12px;
    padding: 14px 16px;
  }
  .crt-conc .crt-acordeon__panel {
    padding: 0 16px 16px;
  }
}

/* ===== Responsive: fechas y tablas ===== */

/* Fechas clave (Inicio) y régimen transitorio: en celular una tarjeta debajo de otra */
@media (max-width: 600px) {
  .crt-conc .crt-conc__fechas,
  .crt-conc .crt-conc__plazos-queja {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  /* Tablas de dos columnas (Plazos): caben en dos columnas, así que se conserva el
     encabezado en lugar de ocultarlo */
  .crt-conc .crt-conc__tabla--dos .crt-conc__tabla-fila {
    grid-template-columns: 1.3fr 1fr;
    gap: 12px;
  }
  .crt-conc .crt-conc__tabla--dos .crt-conc__tabla-fila--encabezado {
    display: grid;
  }

  /* Tablas de tres columnas: cada fila se vuelve tarjeta y el nombre de la columna
     se pinta arriba de cada dato (viene del CSS, sin tocar el HTML) */
  .crt-conc .crt-conc__tabla-fila:not(.crt-conc__tabla--dos .crt-conc__tabla-fila) {
    gap: 10px;
    padding: 16px 18px;
  }
  .crt-conc .crt-conc__tabla-celda::before {
    display: block;
    margin-bottom: 2px;
    color: #666;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
  }
  .crt-conc .crt-conc__tabla--dos .crt-conc__tabla-celda::before {
    content: none;
  }

  /* Fechas clave (Lineamientos y marco legal) */
  .crt-conc [data-subpanel="fechas"] .crt-conc__tabla-celda:nth-child(1)::before {
    content: "Hito";
  }
  .crt-conc [data-subpanel="fechas"] .crt-conc__tabla-celda:nth-child(2)::before {
    content: "Fecha";
  }
  .crt-conc [data-subpanel="fechas"] .crt-conc__tabla-celda:nth-child(3)::before {
    content: "Aplica a";
  }

  /* Plazos transitorios */
  .crt-conc .crt-conc__tabla--transitorios .crt-conc__tabla-celda:nth-child(1)::before {
    content: "Obligación";
  }
  .crt-conc .crt-conc__tabla--transitorios .crt-conc__tabla-celda:nth-child(2)::before {
    content: "Concesionarias comerciales y públicas";
  }
  .crt-conc .crt-conc__tabla--transitorios .crt-conc__tabla-celda:nth-child(3)::before {
    content: "Uso social comunitario, indígena y afromexicano";
  }
}

/* Competencia de la CRT: misma franja que Marco jurídico (ícono + título) y sin la pleca lateral */
.crt-conc [data-subpanel="competencia"] .crt-conc__grid--tres .crt-conc__card--postura {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 110px 1fr;
  column-gap: 14px;
  row-gap: 0;
  padding: 0;
  overflow: hidden;
  border-left: 1px solid var(--crt-conc-borde);
}
.crt-conc [data-subpanel="competencia"] .crt-conc__grid--tres .crt-conc__card--postura::before {
  content: "";
  grid-column: 1 / -1;
  grid-row: 1;
  background: var(--crt-conc-teal-claro);
}
.crt-conc [data-subpanel="competencia"] .crt-conc__grid--tres .crt-conc__card--postura > p:first-child {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  margin: 0;
  padding: 20px 0 20px 24px;
}
.crt-conc [data-subpanel="competencia"] .crt-conc__grid--tres .crt-conc__card--postura .crt-conc__card-titulo {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  margin: 0;
  padding: 20px 24px 20px 0;
  text-align: left;
}
.crt-conc [data-subpanel="competencia"] .crt-conc__grid--tres .crt-conc__card--postura > p:not(:first-child) {
  grid-column: 1 / -1;
  margin: 0;
  padding: 24px 24px 28px;
}
@media (max-width: 480px) {
  .crt-conc [data-subpanel="competencia"] .crt-conc__grid--tres .crt-conc__card--postura {
    grid-template-rows: auto 1fr;
  }
}

/* Tarjeta de contacto (inconformidad): texto a la izquierda, no centrado como los otros resultados */
.crt-conc .crt-conc__resultado--contacto {
  justify-content: flex-start;
  text-align: left;
}
.crt-conc .crt-conc__resultado--contacto p:last-child {
  flex: 1 1 auto;
}
.crt-conc .crt-conc__resultado--contacto strong {
  color: var(--crt-conc-oscuro);
}

.crt-conc .crt-conc__resultado p {
  text-align: left;
  overflow-wrap: anywhere;
}

@media (max-width: 400px) {
  .crt-contenido {
    margin-left: -7vw;
    margin-right: -7vw;
  }
  .crt-conc .crt-conc__proceso {
    padding: 20px 12px 20px;
  }
}