/* ==========================================================
   Derechos de las Audiencias — landing por fragments (v28)
   Se carga DESPUÉS de crt-tipografia.css y crt-tabs-pricipal.css.
   Ancho, fuente, colores y títulos vienen de crt-tipografia.css;
   aquí solo va lo propio de cada sección, acotado a .crt-da.
   ========================================================== */

.crt-da {
  --da-teal: #28766f;
  --da-teal-claro: #d5e4e4;
  --da-borde: #d3dcdc;
}

/* ---------- Título de página ----------
   El custom.css de crtdev deja .titulo-portal en 72px; prod tiene una versión más nueva
   que lo deja en 60px. Se fija aquí para que se vea igual en ambos (un solo renglón). */
.crt-da .crt-da__titulo {
  font-size: 60px;
}

@media (max-width: 1024px) {
  .crt-da .crt-da__titulo {
    font-size: 56px;
  }
}

@media (max-width: 768px) {
  .crt-da .crt-da__titulo {
    font-size: 40px;
  }
}

@media (max-width: 480px) {
  .crt-da .crt-da__titulo {
    font-size: 32px;
  }
}

/* ---------- Menú: solo ajustes sobre crt-tabs ---------- */
.crt-da .crt-da-menu__tabs {
  max-width: 100%;
}

/* Ajustes individuales por opción */
.crt-da .crt-da-menu__link--inicio {}

.crt-da .crt-da-menu__link--audiencia {}

.crt-da .crt-da-menu__link--concesionaria {}

.crt-da .crt-da-menu__link--info {}

.crt-da .crt-da__error {
  padding: 16px 0;
}

/* ---------- Inicio: banner ----------
   El look viene de .crt-banner / .crt-banner--inicio (derechos-audiencias-propuesta.css).
   Aquí solo la separación con lo que sigue. */
.crt-da .crt-da-inicio__banner {
  margin-bottom: 40px;
}

/* ---------- Inicio: intro ---------- */
.crt-da .crt-da-inicio__intro {
  margin: 0 0 8px;
}

.crt-da .crt-da-inicio__intro-p {
  text-align: justify;
}

/* ---------- Inicio: aviso + selector de perfil (componentes de la propuesta) ---------- */
.crt-da .crt-da-inicio__perfiles-bloque {
  margin: 8px 0 8px;
}

/* Pleca "¿Qué hace la CRT?": título arriba y texto abajo.
   .crt-conc__aviso de la propuesta es flex (pensado para texto + botón en línea);
   aquí se apaga solo para esta pleca, sin tocar el componente original. */
.crt-da .crt-da-inicio__aviso-crt {
  display: block;
  margin-top: 28px;
}

.crt-da .crt-da-inicio__aviso-crt-titulo {
  margin: 0 0 8px;
}

.crt-da .crt-da-inicio__aviso-crt-texto {
  margin: 0;
  font-size: 16px;
}

/* Tarjetas de perfil más compactas (solo en Inicio, sin tocar .crt-conc__perfil de la propuesta) */
.crt-da .crt-da-inicio__perfil {
  padding: 18px 15px;
}

.crt-da .crt-da-inicio__perfil .crt-conc__perfil-icono {
  width: 45px;
  height: 45px;
}

.crt-da .crt-da-inicio__perfil .crt-conc__perfil-texto {
  font-size: 14px;
  text-align: left;
}

.crt-da .crt-da-inicio__perfil .crt-conc__perfil-cta {
  padding: 6px 15px;
  font-size: 14px;
}

/* Ajustes individuales por perfil */
.crt-da .crt-da-inicio__perfil--audiencia {}

.crt-da .crt-da-inicio__perfil--concesionaria {}

/* ---------- Bloques (h3 = .crt-subtitulo de crt-tipografia) ---------- */
.crt-da .crt-da-inicio__piezas,
.crt-da .crt-da-inicio__intervencion,
.crt-da .crt-da-inicio__contacto {
  margin: 0 0 16px;
}

/* Ajustes individuales por título de bloque */
.crt-da .crt-da-inicio__piezas-titulo {
   font-size: 24px !important; 
   line-height: 1.3 !important;
   margin-bottom: 12px !important;
}

.crt-da .crt-da-inicio__intervencion-titulo {}

.crt-da .crt-da-inicio__contacto-titulo {}

/* ---------- Tarjetas de las 3 piezas ---------- */
.crt-da .crt-da-inicio__piezas-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: stretch;
}

.crt-da .crt-da-inicio__pieza {
  margin: 0;
  padding: 28px 24px;
  border: 2px solid var(--da-borde);
  border-radius: 12px;
  background: #fff;
}

.crt-da .crt-da-inicio__pieza-icono {
  display: block;
  margin: 0 0 12px;
  line-height: 0;
}

.crt-da .crt-da-inicio__pieza-icono img {
  display: block;
  width: 48px;
  height: 48px;
}

/* h4 = .crt-titulo-3; solo se ajusta el margen dentro de la tarjeta */
.crt-da .crt-da-inicio__pieza-titulo {
  margin: 0 0 10px;
}

.crt-da .crt-da-inicio__pieza-texto {
  text-align: left;
}

.crt-da .crt-da-inicio__pieza-subtitulo {
  margin: 16px 0 8px;
  color: var(--crt-color-titulo, #000);
  font-weight: 700;
  text-align: left;
}

.crt-da .crt-da-inicio__pieza-lista {
  margin-bottom: 0;
}

.crt-da .crt-da-inicio__pieza-lista li::marker {
  color: var(--da-teal);
}

.crt-da .crt-da-inicio__pieza-texto--mecanismo strong {
  color: var(--crt-color-primario, #004d40);
}

/* Ajustes individuales por tarjeta */
.crt-da .crt-da-inicio__pieza--codigo {}

.crt-da .crt-da-inicio__pieza--defensoria {}

.crt-da .crt-da-inicio__pieza--mecanismo {}

/* ---------- Intervención de la CRT ---------- */
.crt-da .crt-da-inicio__intervencion-texto {
  text-align: justify;
}

/* Tarjetas de los 3 casos (estilo crt-conc__card--centro de la propuesta) */
.crt-da .crt-da-inicio__casos {
  margin: 0 0 24px;
}

.crt-da .crt-da-inicio__casos-grid {
  margin-top: 16px;
}

/* Ajustes individuales por caso */
.crt-da .crt-da-inicio__caso--1 {}

.crt-da .crt-da-inicio__caso--2 {}

.crt-da .crt-da-inicio__caso--3 {}

.crt-da .crt-da-inicio__aviso {
  margin: 0;
  padding: 20px 24px;
  border-left: 5px solid var(--da-teal);
  border-radius: 8px;
  background: var(--da-teal-claro);
  text-align: left;
}

/* ---------- Contacto ---------- */
.crt-da .crt-da-inicio__contacto-caja {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  border: 2px solid var(--da-borde);
  border-left: 5px solid var(--da-teal);
  border-radius: 12px;
  background: #fff;
}

.crt-da .crt-da-inicio__contacto-icono {
  flex: 0 0 auto;
  color: var(--da-teal);
  line-height: 0;
}

.crt-da .crt-da-inicio__contacto-texto {
  flex: 1 1 auto;
  margin: 0;
  text-align: left;
}

.crt-da .crt-da-inicio__contacto-enlace {
  font-weight: 600;
}

/* ---------- Responsivo ---------- */
@media (max-width: 900px) {
  .crt-da .crt-da-inicio__piezas-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {

  .crt-da .crt-da-inicio__intro-p,
  .crt-da .crt-da-inicio__intervencion-texto {
    text-align: left;
  }
}

/* ==========================================================
   SOY AUDIENCIA
   Acordeón: reusa .crt-acordeon__* de la propuesta (mismo look que Mitos y realidades).
   ========================================================== */
.crt-da .crt-da-audiencia__banner {
  margin-bottom: 40px;
}

.crt-da .crt-da-audiencia__intro {
  margin: 0 0 8px;
}

.crt-da .crt-da-audiencia__intro-p {
  text-align: justify;
}

.crt-da .crt-da-audiencia__derechos,
.crt-da .crt-da-audiencia__ejerce,
.crt-da .crt-da-audiencia__contacto {
  margin: 0 0 16px;
}

/* Ajustes individuales por título de bloque */
.crt-da .crt-da-audiencia__derechos-titulo {}

.crt-da .crt-da-audiencia__ejerce-titulo {}

.crt-da .crt-da-audiencia__contacto-titulo {}

/* ---------- Derechos (acordeón) ---------- */
.crt-da .crt-da-audiencia__acordeon {
  margin-top: 0;
}

.crt-da .crt-da-audiencia__derecho-h {
  margin: 0;
  font-size: inherit;
}

.crt-da .crt-da-audiencia__derecho-btn {
  justify-content: flex-start;
}

.crt-da .crt-da-audiencia__derecho-btn::after {
  margin-left: auto;
}

.crt-da .crt-da-audiencia__derecho-num {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 28px;
  padding: 0 8px;
  border-radius: 4px;
  background: var(--crt-conc-oscuro, #1a4043);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.crt-da .crt-da-audiencia__derecho-titulo {
  color: var(--crt-conc-oscuro, #1a4043);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

.crt-da .crt-da-audiencia__derecho-panel p {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.6;
  text-align: left;
}

.crt-da .crt-da-audiencia__derecho-panel p:last-child {
  margin-bottom: 0;
}

/* Separación entre "Tu derecho" y "Ejemplo" */
.crt-da .crt-da-audiencia__derecho-panel .crt-da-audiencia__derecho-texto {
  margin-bottom: 24px;
}

/* Etiquetas en mayúsculas y minúsculas (no en puras mayúsculas) */
.crt-da .crt-da-audiencia__etiqueta {
  display: inline-block;
  margin-right: 8px;
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-transform: none;
  vertical-align: baseline;
}

.crt-da .crt-da-audiencia__etiqueta--ejemplo {
  background: var(--crt-conc-teal-claro, #d5e4e4);
  color: var(--crt-conc-oscuro, #1a4043);
}

.crt-da .crt-da-audiencia__etiqueta--derecho {
  background: var(--crt-conc-oscuro, #1a4043);
  color: #fff;
}

/* Ajustes individuales por derecho */
.crt-da .crt-da-audiencia__derecho--1 {}

.crt-da .crt-da-audiencia__derecho--2 {}

.crt-da .crt-da-audiencia__derecho--3 {}

.crt-da .crt-da-audiencia__derecho--4 {}

.crt-da .crt-da-audiencia__derecho--5 {}

.crt-da .crt-da-audiencia__derecho--6 {}

.crt-da .crt-da-audiencia__derecho--7 {}

.crt-da .crt-da-audiencia__derecho--8 {}

/* ---------- Ejerce tus derechos ---------- */
.crt-da .crt-da-audiencia__ejerce-p {
  text-align: justify;
}

.crt-da .crt-da-audiencia__ejerce-p strong {
  color: var(--crt-color-primario, #004d40);
}

/* Plazos (tarjetas crt-conc__fecha-card de la propuesta) */
.crt-da .crt-da-audiencia__plazos {
  margin-top: 20px;
}

.crt-da .crt-da-audiencia__plazo-texto {
  font-size: 16px;
  line-height: 1.6;
  text-align: left;
}

.crt-da .crt-da-audiencia__plazo-texto strong {
  color: var(--crt-color-primario, #004d40);
}

/* Ajustes individuales por tarjeta de plazo */
.crt-da .crt-da-audiencia__plazo--presentar {}

.crt-da .crt-da-audiencia__plazo--responder {}

/* ---------- Proceso en 3 pasos ---------- */
.crt-da .crt-da-audiencia__proceso {
  margin-top: 28px;
  padding: 28px 28px 32px;
  /* border: 2px solid var(--da-teal); */
  border-radius: 12px;
  background: #fff;
}

.crt-da .crt-da-audiencia__proceso-titulo {
  margin: 0 0 28px;
  text-align: center;
}

.crt-da .crt-da-audiencia__pasos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.crt-da .crt-da-audiencia__paso {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}

/* Línea que une los números */
.crt-da .crt-da-audiencia__paso:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 21px;
  left: calc(50% + 28px);
  width: calc(100% - 56px + 24px);
  height: 3px;
  border-radius: 2px;
  background: var(--da-teal-claro);
}

.crt-da .crt-da-audiencia__paso-num {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--crt-conc-oscuro, #1a4043);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.crt-da .crt-da-audiencia__paso--3 .crt-da-audiencia__paso-num {
  background: var(--da-teal);
}

.crt-da .crt-da-audiencia__paso-cuerpo {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
  box-sizing: border-box;
  width: 100%;
  margin-top: 16px;
  padding: 24px 20px;
  border: 1px solid var(--da-borde);
  border-top: 4px solid var(--da-teal);
  border-radius: 10px;
  background: #fff;
  text-align: center;
}

.crt-da .crt-da-audiencia__paso-icono {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 0 10px;
}

.crt-da .crt-da-audiencia__paso-etiqueta {
  margin: 0 0 6px;
  color: var(--da-teal);
  font-size: 14px;
  font-weight: 700;
}

.crt-da .crt-da-audiencia__paso-texto {
  margin: 0;
  text-align: center;
}

/* Ajustes individuales por paso */
.crt-da .crt-da-audiencia__paso--1 {}

.crt-da .crt-da-audiencia__paso--2 {}

.crt-da .crt-da-audiencia__paso--3 {}

/* ---------- Contacto ---------- */
.crt-da .crt-da-audiencia__contacto-caja {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  border: 2px solid var(--da-borde);
  border-left: 5px solid var(--da-teal);
  border-radius: 12px;
  background: #fff;
}

.crt-da .crt-da-audiencia__contacto-icono {
  flex: 0 0 auto;
  color: var(--da-teal);
  line-height: 0;
}

.crt-da .crt-da-audiencia__contacto-texto {
  flex: 1 1 auto;
  margin: 0;
  text-align: left;
}

.crt-da .crt-da-audiencia__contacto-enlace {
  font-weight: 600;
  overflow-wrap: anywhere;
}

/* ---------- Responsivo Soy audiencia ---------- */
@media (max-width: 900px) {
  .crt-da .crt-da-audiencia__pasos {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .crt-da .crt-da-audiencia__paso {
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    padding-bottom: 20px;
  }

  .crt-da .crt-da-audiencia__paso:not(:last-child)::after {
    top: 44px;
    left: 20px;
    width: 3px;
    height: calc(100% - 44px);
  }

  .crt-da .crt-da-audiencia__paso-num {
    flex: 0 0 44px;
  }

  .crt-da .crt-da-audiencia__paso-cuerpo {
    margin-top: 0;
    align-items: flex-start;
    text-align: left;
  }

  .crt-da .crt-da-audiencia__paso-texto {
    text-align: left;
  }
}

@media (max-width: 600px) {

  .crt-da .crt-da-audiencia__intro-p,
  .crt-da .crt-da-audiencia__ejerce-p {
    text-align: left;
  }

  .crt-da .crt-da-audiencia__proceso {
    padding: 20px 14px;
  }
}

/* ==========================================================
   SOY CONCESIONARIA
   Reusa de la propuesta: .crt-banner--concesionario, .crt-acordeon__*, .crt-conc__requisitos.
   ========================================================== */
.crt-da .crt-da-conc__banner {
  margin-bottom: 40px;
}

.crt-da .crt-da-conc__intro {
  margin: 0 0 32px;
}

.crt-da .crt-da-conc__intro-p {
  text-align: justify;
}

.crt-da .crt-da-conc__aviso {
  margin: 20px 0;
  padding: 18px 24px;
  border-left: 5px solid var(--da-teal);
  border-radius: 8px;
  background: var(--da-teal-claro);
  color: var(--crt-conc-oscuro, #1a4043);
  text-align: left;
}

.crt-da .crt-da-conc__lead {
  margin: 0;
  color: var(--crt-color-titulo, #000);
  font-weight: 700;
  font-size: 24px !important; 
}

/* ---------- Obligaciones (1 y 2): mismo acordeón que Soy audiencia ---------- */
.crt-da .crt-da-conc__obligaciones {
  margin: 20px 0 32px;
}

.crt-da .crt-da-conc__obligacion-h {
  margin: 0;
  font-size: inherit;
}

.crt-da .crt-da-conc__obligacion-btn {
  justify-content: flex-start;
}

.crt-da .crt-da-conc__obligacion-btn::after {
  margin-left: auto;
}

.crt-da .crt-da-conc__obligacion-num {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 28px;
  padding: 0 8px;
  border-radius: 4px;
  background: var(--crt-conc-oscuro, #1a4043);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.crt-da .crt-da-conc__obligacion-titulo {
  color: var(--crt-conc-oscuro, #1a4043);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

.crt-da .crt-da-conc__obligacion-panel p {
  font-size: 16px;
  line-height: 1.6;
}

.crt-da .crt-da-conc__obligacion-texto {
    margin: 24px 0 8px;
    font-size: 22px;
    text-align: center;
    color: var(--da-teal);
}

.crt-da .crt-da-conc__requisitos-titulo {
  margin: 20px 0 10px;
  font-size: 16px;
}

.crt-da .crt-da-conc__requisitos-titulo--defensoria { text-align: center; }

/* Ajustes individuales por obligación */
.crt-da .crt-da-conc__obligacion--codigo {}

.crt-da .crt-da-conc__obligacion--defensoria {}

/* Contenido mínimo (tarjetas --punto de la propuesta) */
.crt-da .crt-da-conc__minimo-titulo {
    margin: 24px 0 8px;
    font-size: 22px;
    text-align: center;
    color: var(--da-teal);
}

.crt-da .crt-da-conc__minimo-lead {
  margin: 0;
  text-align: center;
}

.crt-da .crt-da-conc__minimo-grid {
  margin: 16px 0 28px;
}

.crt-da .crt-da-conc__publica-lead {
  margin: 0 0 12px;
  font-weight: 600;
  text-align: center;
}

/* Dónde publicarlo */
.crt-da .crt-da-conc__publica {
  margin: 0;
  padding-left: 40px;
}

.crt-da .crt-da-conc__publica-item {
  margin: 0 0 6px;
  font-size: 16px;
  line-height: 1.6;
}

.crt-da .crt-da-conc__publica-item::marker {
  color: var(--da-teal);
}

/* Requisitos de la persona defensora: palomita (mismo dibujo que .crt-conc__requisitos), sin caja */
.crt-da .crt-da-conc__requisitos {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.crt-da .crt-da-conc__requisitos li {
  position: relative;
  margin: 0 0 12px;
  padding-left: 36px;
  font-size: 16px;
  line-height: 1.6;
}

.crt-da .crt-da-conc__requisitos li::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--da-teal);
}

.crt-da .crt-da-conc__requisitos li::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 9px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.crt-da .crt-da-conc__requisitos strong {
  color: var(--crt-conc-oscuro, #1a4043);
}

.crt-da .crt-da-conc__defensoria-nota {
  margin-top: 32px;
  text-align: justify;
}

.crt-da .crt-da-conc__aviso--recursos {
  margin-bottom: 0;
}

/* ---------- Preguntas y respuestas (acordeón) ---------- */
.crt-da .crt-da-conc__preguntas,
.crt-da .crt-da-conc__contacto {
  margin: 0 0 16px;
}

.crt-da .crt-da-conc__acordeon {
  margin-top: 0;
}

.crt-da .crt-da-conc__faq-h {
  margin: 0;
  font-size: inherit;
}

.crt-da .crt-da-conc__faq-panel p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  text-align: left;
}

.crt-da .crt-da-conc__faq-panel strong {
  color: var(--crt-color-primario, #004d40);
}

/* Ajustes individuales por título de bloque y por pregunta */
.crt-da .crt-da-conc__preguntas-titulo {}

.crt-da .crt-da-conc__contacto-titulo {}

.crt-da .crt-da-conc__faq--1 {}

.crt-da .crt-da-conc__faq--2 {}

.crt-da .crt-da-conc__faq--3 {}

.crt-da .crt-da-conc__faq--4 {}

.crt-da .crt-da-conc__faq--5 {}

/* ---------- Contacto ---------- */
.crt-da .crt-da-conc__contacto-caja {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  border: 2px solid var(--da-borde);
  border-left: 5px solid var(--da-teal);
  border-radius: 12px;
  background: #fff;
}

.crt-da .crt-da-conc__contacto-icono {
  flex: 0 0 auto;
  color: var(--da-teal);
  line-height: 0;
}

.crt-da .crt-da-conc__contacto-texto {
  flex: 1 1 auto;
  margin: 0;
  text-align: left;
}

.crt-da .crt-da-conc__contacto-enlace {
  font-weight: 600;
  overflow-wrap: anywhere;
}

/* ---------- Responsivo Soy concesionaria ---------- */
@media (max-width: 600px) {
  .crt-da .crt-da-conc__publica {
    padding-left: 24px;
  }

  .crt-da .crt-da-conc__intro-p,
  .crt-da .crt-da-conc__defensoria-nota {
    text-align: left;
  }
}

/* ==========================================================
   MÁS INFORMACIÓN
   Banner: .crt-banner--marco (leyes.png) de la propuesta.
   ========================================================== */
.crt-da .crt-da-info__banner {
  margin-bottom: 8px;
}

.crt-da .crt-da-info__decalogo,
.crt-da .crt-da-info__marco,
.crt-da .crt-da-info__contacto {
  margin: 0 0 16px;
}

/* Ajustes individuales por título de bloque */
.crt-da .crt-da-info__decalogo-titulo {}

.crt-da .crt-da-info__marco-titulo {}

.crt-da .crt-da-info__contacto-titulo {}

/* ---------- Decálogo: dos tarjetas ---------- */
.crt-da .crt-da-info__decalogo-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  align-items: stretch;
}

.crt-da .crt-da-info__columna {
  margin: 0;
  padding: 28px 24px;
  border: 2px solid var(--da-borde);
  border-top: 4px solid var(--da-teal);
  border-radius: 12px;
  background: #fff;
}

.crt-da .crt-da-info__columna--no {
  border-top-color: var(--crt-conc-oscuro, #1a4043);
}

.crt-da .crt-da-info__columna-titulo {
  margin: 0 0 16px;
}

.crt-da .crt-da-info__puntos {
  margin: 0;
  padding: 0;
  list-style: none;
}

.crt-da .crt-da-info__punto {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 14px;
}

.crt-da .crt-da-info__punto:last-child {
  margin-bottom: 0;
}

.crt-da .crt-da-info__punto-num {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--da-teal-claro);
  color: var(--crt-conc-oscuro, #1a4043);
  font-size: 14px;
  font-weight: 700;
}

.crt-da .crt-da-info__punto--no .crt-da-info__punto-num {
  background: var(--crt-conc-oscuro, #1a4043);
  color: #fff;
}

.crt-da .crt-da-info__punto-texto {
  padding-top: 2px;
  color: var(--crt-color-texto, #333);
  font-size: 16px;
  line-height: 1.6;
}

/* Ajustes individuales por columna */
.crt-da .crt-da-info__columna--si {}

/* ---------- Marco legal: tres tarjetas ---------- */
.crt-da .crt-da-info__leyes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: stretch;
}

.crt-da .crt-da-info__ley {
  margin: 0;
  padding: 28px 24px;
  border: 2px solid var(--da-borde);
  border-radius: 12px;
  background: #fff;
}

.crt-da .crt-da-info__ley-icono {
  display: block;
  margin: 0 0 12px;
  color: var(--da-teal);
  line-height: 0;
}

.crt-da .crt-da-info__ley-titulo {
  margin: 0 0 10px;
}

.crt-da .crt-da-info__ley-enlace,
.crt-da .crt-da-info__ley-enlace:visited {
  color: var(--crt-color-enlace, #0d4d4d);
}

.crt-da .crt-da-info__ley-ext {
  display: inline-block;
  margin-left: 6px;
  vertical-align: -2px;
}

.crt-da .crt-da-info__ley-texto {
  margin: 0;
  text-align: left;
}

/* Ajustes individuales por ley */
.crt-da .crt-da-info__ley--constitucion {}

.crt-da .crt-da-info__ley--ley {}

.crt-da .crt-da-info__ley--lineamientos {}

/* ---------- Contacto ---------- */
.crt-da .crt-da-info__contacto-caja {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  border: 2px solid var(--da-borde);
  border-left: 5px solid var(--da-teal);
  border-radius: 12px;
  background: #fff;
}

.crt-da .crt-da-info__contacto-icono {
  flex: 0 0 auto;
  color: var(--da-teal);
  line-height: 0;
}

.crt-da .crt-da-info__contacto-texto {
  flex: 1 1 auto;
  margin: 0;
  text-align: left;
}

.crt-da .crt-da-info__contacto-enlace {
  font-weight: 600;
  overflow-wrap: anywhere;
}

/* ---------- Responsivo Más información ---------- */
@media (max-width: 900px) {

  .crt-da .crt-da-info__decalogo-grid,
  .crt-da .crt-da-info__leyes {
    grid-template-columns: 1fr;
  }
}

/* ---------- Plazos: tabla de 2 columnas (Etapa / Plazo) Tab: Más Información ---------- */
.crt-da .crt-da-info__plazos {
  margin: 0 0 16px;
}

.crt-da .crt-da-info__plazos .crt-conc__tabla-fila {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: 24px;
  align-items: center;
}

.crt-da .crt-da-info__plazos .crt-conc__tabla-celda--fecha {
  text-align: left;
  white-space: normal;
}

@media (max-width: 600px) {
  .crt-da .crt-da-info__plazos .crt-conc__tabla-fila {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

/* ---------- Enlace "Consulta" del derecho de réplica  Tab: Soy Audiencia---------- */
.crt-da .crt-da-audiencia__etiqueta--consulta {
  background: var(--crt-conc-oscuro, #1a4043);
  color: #fff;
}

.crt-da a.crt-da-audiencia__derecho-consulta,
.crt-da a.crt-da-audiencia__derecho-consulta:link,
.crt-da a.crt-da-audiencia__derecho-consulta:visited {
  display: inline-block;
  margin-top: 12px;
  color: #0b5d3b;
  /* verde fuerte */
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.crt-da a.crt-da-audiencia__derecho-consulta:hover,
.crt-da a.crt-da-audiencia__derecho-consulta:focus-visible {
  color: #08492e;
  opacity: 0.85;
}

/* ==========================================================
   SOY AUDIENCIA
   Retráctiles (siempre en blanco), imagen de los derechos,
   ¿Cómo es el proceso?, Intervención de la CRT e inconformidad.
   ========================================================== */

/* ---------- Encabezados retráctiles (h3 + botón) ---------- */
.crt-da h3.crt-da-audiencia__derechos-h,
.crt-da h3.crt-da-audiencia__valer-h {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  background: transparent;
  background-image: none !important;
}

/* Botón: blanco en TODOS los estados */
.crt-da h3>button.crt-da-audiencia__toggle,
.crt-da h3>button.crt-da-audiencia__toggle:hover,
.crt-da h3>button.crt-da-audiencia__toggle:focus,
.crt-da h3>button.crt-da-audiencia__toggle:active,
.crt-da h3>button.crt-da-audiencia__toggle[aria-expanded="true"] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
  padding: 18px 20px;
  text-align: left;
  font: inherit;
  border: 1px solid var(--da-borde);
  border-left: 5px solid var(--da-teal);
  border-radius: 8px;
  cursor: pointer;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: var(--crt-conc-oscuro, #1a4043) !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
}

/* Título arriba, subtítulo abajo (siempre visibles) */
.crt-da h3>button.crt-da-audiencia__toggle .crt-da-audiencia__toggle-textos {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
}

.crt-da .crt-da-audiencia__toggle .crt-da-audiencia__toggle-titulo,
.crt-da .crt-da-audiencia__toggle[aria-expanded="true"] .crt-da-audiencia__toggle-titulo {
  display: block;
  color: var(--crt-conc-oscuro, #1a4043) !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}

.crt-da .crt-da-audiencia__toggle .crt-da-audiencia__toggle-sub,
.crt-da .crt-da-audiencia__toggle[aria-expanded="true"] .crt-da-audiencia__toggle-sub {
  display: block;
  margin-top: 4px;
  color: #5a5a5a !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

/* Círculo de la flecha: transparente cerrado, verde abierto */
.crt-da h3>button.crt-da-audiencia__toggle .crt-da-audiencia__toggle-icono {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: transparent !important;
  transition: background 0.2s ease;
}

.crt-da h3>button.crt-da-audiencia__toggle[aria-expanded="true"] .crt-da-audiencia__toggle-icono {
  background: var(--da-teal) !important;
}

/* Una sola flecha por estado */
.crt-da .crt-da-flecha--arriba {
  display: none;
}

.crt-da h3>button.crt-da-audiencia__toggle[aria-expanded="true"] .crt-da-flecha--abajo {
  display: none;
}

.crt-da h3>button.crt-da-audiencia__toggle[aria-expanded="true"] .crt-da-flecha--arriba {
  display: block;
}

.crt-da h3>button.crt-da-audiencia__toggle:focus-visible {
  outline: 3px solid var(--da-teal);
  outline-offset: 2px;
}

/* ---------- Contenido oculto hasta hacer clic (el JS agrega .is-open) ---------- */
.crt-da .crt-da-audiencia__derechos .crt-da-audiencia__acordeon,
.crt-da .crt-da-audiencia__presenta .crt-da-audiencia__valer-lista {
  display: none;
  margin-top: 16px;
}

.crt-da .crt-da-audiencia__derechos .crt-da-audiencia__acordeon.is-open,
.crt-da .crt-da-audiencia__presenta .crt-da-audiencia__valer-lista.is-open {
  display: block;
}

/* ---------- Derechos 1 al 8: imagen en lugar del número ---------- */
.crt-da .crt-da-audiencia__derecho-btn {
  display: flex;
  align-items: center;
  gap: 12px;
}

.crt-da .crt-da-audiencia__derecho-btn .crt-da-audiencia__derecho-img {
  display: block;
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
}

/* ---------- Sección "¿Cómo hacer valer mis derechos?" ---------- */
.crt-da .crt-da-audiencia__presenta {
  margin: 0 0 16px;
}

/* ---------- Subtítulos en tono más claro ---------- */
.crt-da h4.crt-da-audiencia__sub-titulo {
  margin: 0 0 12px;
  padding: 0 0 8px;
  border: 0;
  border-bottom: 2px solid var(--da-teal-claro);
  background: transparent;
  color: var(--da-teal);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
}

.crt-da h4.crt-da-audiencia__sub-titulo.crt-da-audiencia__sub-titulo--centrado {
  padding: 12px 0 0;
  border-bottom: 0;
  border-top: 2px solid var(--da-teal-claro);
  text-align: center;
}

/* Separación entre bloques dentro del retráctil */
.crt-da .crt-da-audiencia__valer-lista .crt-da-audiencia__ejerce {
  margin: 36px 0 0;
}

.crt-da .crt-da-audiencia__intervencion {
  margin-top: 36px;
}

/* ---------- Intervención de la CRT: 3 tarjetas ---------- */
.crt-da .crt-da-audiencia__casos-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 16px;
}

.crt-da .crt-da-audiencia__caso {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 24px 20px;
  border: 1px solid var(--da-borde);
  border-radius: 10px;
  background: #fff;
  text-align: center;
}

.crt-da .crt-da-audiencia__caso-icono {
  flex: 0 0 auto;
  color: var(--da-teal);
}

.crt-da .crt-da-audiencia__caso-texto {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

/* Ajustes individuales por caso */
.crt-da .crt-da-audiencia__caso--1 {}

.crt-da .crt-da-audiencia__caso--2 {}

.crt-da .crt-da-audiencia__caso--3 {}

/* ---------- Presenta tu inconformidad (card final) ---------- */
.crt-da .crt-da-audiencia__inconformidad {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 36px;
  padding: 20px 24px;
  border: 1px solid var(--da-borde);
  border-left: 5px solid var(--da-teal);
  border-radius: 10px;
  background: #fff;
}

.crt-da .crt-da-audiencia__contacto .crt-da-audiencia__inconformidad {
  margin-top: 0;
}

.crt-da .crt-da-audiencia__inconformidad-icono {
  flex: 0 0 auto;
  color: var(--da-teal);
}

.crt-da img.crt-da-audiencia__inconformidad-icono {
  width: 40px;
  height: 40px;
}

.crt-da h3.crt-da-audiencia__inconformidad-titulo {
  margin: 0 0 4px;
  padding: 0;
  border: 0;
  color: var(--crt-conc-oscuro, #1a4043);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
}

.crt-da .crt-da-audiencia__inconformidad-texto {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  text-align: left;
}

.crt-da a.crt-da-audiencia__inconformidad-enlace,
.crt-da a.crt-da-audiencia__inconformidad-enlace:visited {
  color: var(--da-teal);
  font-weight: 700;
  overflow-wrap: anywhere;
}

/* ---------- Responsivo (clases nuevas) ---------- */
@media (max-width: 900px) {
  .crt-da .crt-da-audiencia__casos-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {

  .crt-da h3>button.crt-da-audiencia__toggle,
  .crt-da h3>button.crt-da-audiencia__toggle:hover,
  .crt-da h3>button.crt-da-audiencia__toggle:focus,
  .crt-da h3>button.crt-da-audiencia__toggle:active,
  .crt-da h3>button.crt-da-audiencia__toggle[aria-expanded="true"] {
    padding: 14px 16px;
  }

  .crt-da .crt-da-audiencia__toggle .crt-da-audiencia__toggle-titulo {
    font-size: 16px;
  }

  .crt-da h4.crt-da-audiencia__sub-titulo {
    font-size: 20px;
  }

  .crt-da .crt-da-audiencia__inconformidad {
    align-items: flex-start;
    padding: 16px;
  }
}

/* ==========================================================
   SOY CONCESIONARIA: retráctiles, vías de trámite y fechas
   ========================================================== */

.crt-da .crt-da-conc__bloque {
  margin: 0 0 16px;
}

.crt-da h3.crt-da-conc__bloque-h {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  background: transparent !important;
  background-image: none !important;
}

/* Imagen a la izquierda del retráctil (en lugar de número) */
.crt-da h3>button.crt-da-conc__toggle .crt-da-conc__toggle-img {
  display: block;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
}

/* Contenido oculto hasta hacer clic (el JS agrega .is-open) */
.crt-da .crt-da-conc__bloque .crt-da-conc__lista {
  display: none;
  margin-top: 16px;
}

.crt-da .crt-da-conc__bloque .crt-da-conc__lista.is-open {
  display: block;
}

/* ---------- Vías de trámite: dos cards ---------- */
.crt-da .crt-da-conc__vias-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 16px 0 28px;
}

.crt-da .crt-da-conc__via {
  padding: 24px;
  border: 1px solid var(--da-borde);
  border-radius: 10px;
  background: #fff;
  text-align: left;
}

.crt-da .crt-da-conc__via-icono {
  display: block;
  margin: 0 0 12px;
  color: var(--da-teal);
}

.crt-da h4.crt-da-conc__via-titulo {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  color: var(--crt-conc-oscuro, #1a4043);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
}

.crt-da .crt-da-conc__via-texto {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
}

.crt-da .crt-da-conc__via--ventanilla {}

.crt-da .crt-da-conc__via--oficialia {}


/* ---------- Vías de trámite: contenido centrado ---------- */
.crt-da .crt-da-conc__via {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.crt-da .crt-da-conc__via-icono {
  display: block;
  margin: 0 auto 12px;
}

.crt-da h4.crt-da-conc__via-titulo {
  text-align: center;
}

.crt-da .crt-da-conc__via-texto {
  text-align: center;
}

/* ---------- Fechas límite: dos cards ---------- */
.crt-da .crt-da-conc__plazos {
  margin-top: 28px;
}

.crt-da .crt-da-conc__plazo-texto {
  font-size: 16px;
  line-height: 1.6;
  text-align: left;
}

.crt-da .crt-da-conc__plazo-texto strong {
  color: inherit;
}

.crt-da .crt-da-conc__plazo--comercial .crt-da-conc__plazo-texto strong {
  color: var(--crt-color-primario, #004d40);
}

.crt-da .crt-da-conc__plazo--comercial {}

.crt-da .crt-da-conc__plazo--social {}

.crt-da .crt-da-conc__bloque--preguntas .crt-da-conc__acordeon.crt-da-conc__lista {
  margin-top: 16px;
}

.crt-da .crt-da-conc__lista .crt-da-conc__contacto-caja {
  margin-top: 24px;
}

/* Responsivo */
@media (max-width: 900px) {
  .crt-da .crt-da-conc__vias-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .crt-da h3>button.crt-da-conc__toggle .crt-da-conc__toggle-img {
    flex-basis: 32px;
    width: 32px;
    height: 32px;
  }
}

/* ==========================================================
   MÁS INFORMACIÓN: retráctiles y cards de contacto
   (clases nuevas; pegar al final del archivo)
   ========================================================== */

.crt-da .crt-da-info__bloque {
  margin: 0 0 16px;
}

.crt-da h3.crt-da-info__bloque-h {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  background: transparent !important;
  background-image: none !important;
}

/* Contenido oculto hasta hacer clic (el JS agrega .is-open) */
.crt-da .crt-da-info__bloque .crt-da-info__lista {
  display: none;
  margin-top: 16px;
}

.crt-da .crt-da-info__bloque .crt-da-info__lista.is-open {
  display: block;
}

/* ---------- Contacto: dos cards ---------- */
.crt-da .crt-da-info__contacto-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  align-items: stretch;
}

.crt-da .crt-da-info__contacto-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px;
  border: 1px solid var(--da-borde);
  border-left: 5px solid var(--da-teal);
  border-radius: 10px;
  background: #fff;
}

.crt-da .crt-da-info__contacto-card--inconformidad {}

.crt-da .crt-da-info__contacto-card--dudas {}

/* Responsivo */
@media (max-width: 900px) {
  .crt-da .crt-da-info__contacto-grid {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================
   SOY AUDIENCIA: componente unificado 
   ========================================================== */
.crt-da .crt-da-audiencia__derechos .crt-da-audiencia__acordeon,
.crt-da .crt-da-audiencia__presenta .crt-da-audiencia__valer-lista {
  box-sizing: border-box;
  margin-top: 0;
  padding: 16px;
  border: 1px solid #017977;
  border-left: 5px solid #017977;
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background: #fff;
  overflow: hidden;
}

.crt-da .crt-da-audiencia__presenta .crt-da-audiencia__valer-lista {
  padding: 20px;
}

.crt-da .crt-da-audiencia__derechos h3>button.crt-da-audiencia__toggle[aria-expanded="true"],
.crt-da .crt-da-audiencia__presenta h3>button.crt-da-audiencia__toggle[aria-expanded="true"] {
  background: #0D4D4D !important;
  background-color: #0D4D4D !important;
  border: 1px solid #017977;
  border-left: 5px solid #017977;
  border-radius: 12px 12px 0 0;
  box-shadow: none !important;
  color: #fff !important;
}

.crt-da .crt-da-audiencia__derechos h3>button.crt-da-audiencia__toggle[aria-expanded="true"] .crt-da-audiencia__toggle-titulo,
.crt-da .crt-da-audiencia__presenta h3>button.crt-da-audiencia__toggle[aria-expanded="true"] .crt-da-audiencia__toggle-titulo {
  color: #fff !important;
}

.crt-da .crt-da-audiencia__derechos h3>button.crt-da-audiencia__toggle[aria-expanded="true"] .crt-da-audiencia__toggle-sub,
.crt-da .crt-da-audiencia__presenta h3>button.crt-da-audiencia__toggle[aria-expanded="true"] .crt-da-audiencia__toggle-sub {
  color: rgba(255, 255, 255, 0.85) !important;
}

.crt-da .crt-da-audiencia__derechos h3>button.crt-da-audiencia__toggle[aria-expanded="true"] .crt-da-audiencia__toggle-icono,
.crt-da .crt-da-audiencia__presenta h3>button.crt-da-audiencia__toggle[aria-expanded="true"] .crt-da-audiencia__toggle-icono {
  background: rgba(255, 255, 255, 0.18) !important;
}

.crt-da .crt-da-audiencia__derechos h3>button.crt-da-audiencia__toggle[aria-expanded="true"] .crt-da-flecha path,
.crt-da .crt-da-audiencia__presenta h3>button.crt-da-audiencia__toggle[aria-expanded="true"] .crt-da-flecha path {
  stroke: #fff;
}

.crt-da .crt-da-audiencia__derechos h3>button.crt-da-audiencia__toggle[aria-expanded="true"]:focus-visible,
.crt-da .crt-da-audiencia__presenta h3>button.crt-da-audiencia__toggle[aria-expanded="true"]:focus-visible {
  outline: 3px solid #9fcfcd;
  outline-offset: 2px;
}

.crt-da .crt-da-audiencia__derechos .crt-acordeon__item.crt-da-audiencia__derecho {
  margin: 0 0 10px;
  border: 1px solid #9fcfcd !important;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
}

.crt-da .crt-da-audiencia__derechos .crt-acordeon__item.crt-da-audiencia__derecho:last-child {
  margin-bottom: 0;
}

.crt-da .crt-da-audiencia__derechos .crt-da-audiencia__derecho-btn {
  gap: 12px;
  padding: 11px 16px;
  min-height: 0;
  background: transparent !important;
  transition: background-color 0.15s ease;
}

.crt-da .crt-da-audiencia__derechos .crt-da-audiencia__derecho-btn:hover {
  background: #f2f8f8 !important;
}

.crt-da .crt-da-audiencia__derechos .crt-da-audiencia__derecho-btn:focus-visible {
  outline: 2px solid #017977;
  outline-offset: -2px;
}

.crt-da .crt-da-audiencia__derechos .crt-da-audiencia__derecho-btn .crt-da-audiencia__derecho-img {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
}

.crt-da .crt-da-audiencia__derechos .crt-da-audiencia__derecho-titulo {
  font-size: 15px;
  line-height: 1.3;
}

.crt-da .crt-da-audiencia__derechos .crt-da-audiencia__derecho:has(> h4 > button[aria-expanded="true"]) {
  border-color: #017977 !important;
  background: #f4f9f9;
}

.crt-da .crt-da-audiencia__derechos .crt-da-audiencia__derecho-btn[aria-expanded="true"] {
  background: transparent !important;
}

.crt-da .crt-da-audiencia__derechos .crt-da-audiencia__derecho-panel {
  padding: 2px 16px 16px 50px;
}

.crt-da .crt-da-audiencia__valer-lista .crt-da-audiencia__ejerce,
.crt-da .crt-da-audiencia__valer-lista .crt-da-audiencia__intervencion {
  margin-top: 24px;
}

.crt-da .crt-da-audiencia__valer-lista .crt-conc__card,
.crt-da .crt-da-audiencia__valer-lista .crt-da-audiencia__caso {
  padding: 16px 14px;
}

/* ==========================================================
   SOY CONCESIONARIA: componente unificado 
   ========================================================== */
.crt-da .crt-da-conc__bloque .crt-da-conc__lista,
.crt-da .crt-da-conc__bloque--preguntas .crt-da-conc__acordeon.crt-da-conc__lista {
  box-sizing: border-box;
  margin-top: 0;
  padding: 20px;
  border: 1px solid #017977;
  border-left: 5px solid #017977;
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background: #fff;
}

.crt-da .crt-da-conc__bloque h3>button.crt-da-conc__toggle[aria-expanded="true"] {
  background: #0D4D4D !important;
  background-color: #0D4D4D !important;
  border: 1px solid #017977;
  border-left: 5px solid #017977;
  border-radius: 12px 12px 0 0;
  box-shadow: none !important;
  color: #fff !important;
}

.crt-da .crt-da-conc__bloque h3>button.crt-da-conc__toggle[aria-expanded="true"] .crt-da-audiencia__toggle-titulo { color: #fff !important; }
.crt-da .crt-da-conc__bloque h3>button.crt-da-conc__toggle[aria-expanded="true"] .crt-da-audiencia__toggle-sub { color: rgba(255, 255, 255, 0.85) !important; }
.crt-da .crt-da-conc__bloque h3>button.crt-da-conc__toggle[aria-expanded="true"] .crt-da-audiencia__toggle-icono { background: rgba(255, 255, 255, 0.18) !important; }
.crt-da .crt-da-conc__bloque h3>button.crt-da-conc__toggle[aria-expanded="true"] .crt-da-flecha path { stroke: #fff; }

.crt-da .crt-da-conc__bloque h3>button.crt-da-conc__toggle[aria-expanded="true"]:focus-visible {
  outline: 3px solid #9fcfcd;
  outline-offset: 2px;
}

.crt-da .crt-da-conc__acordeon .crt-acordeon__item.crt-da-conc__faq {
  margin: 0 0 10px;
  border: 1px solid #9fcfcd !important;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
}

.crt-da .crt-da-conc__acordeon .crt-acordeon__item.crt-da-conc__faq:last-child { margin-bottom: 0; }

.crt-da .crt-da-conc__acordeon .crt-da-conc__faq-btn {
  padding: 11px 16px;
  min-height: 0;
  background: transparent !important;
  transition: background-color 0.15s ease;
}

.crt-da .crt-da-conc__acordeon .crt-da-conc__faq-btn:hover { background: #f2f8f8 !important; }

.crt-da .crt-da-conc__acordeon .crt-da-conc__faq-btn:focus-visible {
  outline: 2px solid #017977;
  outline-offset: -2px;
}

.crt-da .crt-da-conc__acordeon .crt-da-conc__faq:has(> h4 > button[aria-expanded="true"]) {
  border-color: #017977 !important;
  background: #f4f9f9;
}

.crt-da .crt-da-conc__acordeon .crt-da-conc__faq-btn[aria-expanded="true"] { background: transparent !important; }
.crt-da .crt-da-conc__acordeon .crt-da-conc__faq-panel { padding: 2px 16px 16px; }
.crt-da .crt-da-conc__lista>.crt-da-conc__obligacion-texto:first-child { margin-top: 0; }
.crt-da .crt-da-conc__lista .crt-da-conc__vias-grid { margin: 16px 0 24px; }
.crt-da .crt-da-conc__lista .crt-da-conc__plazos { margin-top: 24px; }
.crt-da .crt-da-conc__lista .crt-da-conc__contacto-caja { margin-top: 24px; }
.crt-da .crt-da-conc__requisitos-grid { margin: 16px 0 24px; }

.crt-da button.crt-da-audiencia__toggle[aria-expanded="true"] .crt-da-conc__toggle-img {
  filter: brightness(0) invert(1);
}

/* Móvil */
@media (max-width: 600px) {
  .crt-da .crt-da-audiencia__derechos .crt-da-audiencia__acordeon { padding: 10px; }
  .crt-da .crt-da-audiencia__derechos .crt-da-audiencia__derecho-panel { padding: 2px 14px 14px 14px; }
  .crt-da .crt-da-audiencia__presenta .crt-da-audiencia__valer-lista { padding: 14px; }
  .crt-da .crt-da-conc__bloque .crt-da-conc__lista,
  .crt-da .crt-da-conc__bloque--preguntas .crt-da-conc__acordeon.crt-da-conc__lista { padding: 14px; }
  .crt-da .crt-da-conc__acordeon .crt-da-conc__faq-panel { padding: 2px 14px 14px; }
}

/* ==========================================================
   MÁS INFORMACIÓN: componente unificado
   ========================================================== */
.crt-da .crt-da-info__bloque .crt-da-info__lista {
  box-sizing: border-box;
  margin-top: 0;
  padding: 20px;
  border: 1px solid #017977;
  border-left: 5px solid #017977;
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background: #fff;
}

.crt-da .crt-da-info__bloque h3>button.crt-da-info__toggle[aria-expanded="true"] {
  background: #0D4D4D !important;
  background-color: #0D4D4D !important;
  border: 1px solid #017977;
  border-left: 5px solid #017977;
  border-radius: 12px 12px 0 0;
  box-shadow: none !important;
  color: #fff !important;
}

.crt-da .crt-da-info__bloque h3>button.crt-da-info__toggle[aria-expanded="true"] .crt-da-audiencia__toggle-titulo { color: #fff !important; }
.crt-da .crt-da-info__bloque h3>button.crt-da-info__toggle[aria-expanded="true"] .crt-da-audiencia__toggle-sub { color: rgba(255, 255, 255, 0.85) !important; }
.crt-da .crt-da-info__bloque h3>button.crt-da-info__toggle[aria-expanded="true"] .crt-da-audiencia__toggle-icono { background: rgba(255, 255, 255, 0.18) !important; }
.crt-da .crt-da-info__bloque h3>button.crt-da-info__toggle[aria-expanded="true"] .crt-da-flecha path { stroke: #fff; }

.crt-da .crt-da-info__bloque h3>button.crt-da-info__toggle[aria-expanded="true"]:focus-visible {
  outline: 3px solid #9fcfcd;
  outline-offset: 2px;
}


.crt-da h3>button.crt-da-info__toggle .crt-da-conc__toggle-img {
  display: block;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
}

.crt-da .crt-da-audiencia__valer-lista .crt-da-audiencia__proceso { margin-top: 24px; padding: 0; }
.crt-da .crt-da-audiencia__valer-lista .crt-da-audiencia__proceso-titulo { margin: 0 0 24px; }


@media (max-width: 600px) {
  .crt-da .crt-da-info__bloque .crt-da-info__lista { padding: 14px; }
  .crt-da h3>button.crt-da-info__toggle .crt-da-conc__toggle-img {
    flex-basis: 32px;
    width: 32px;
    height: 32px;
  }
}

/* Ícono SVG en línea: verde cerrado, blanco abierto */
.crt-da h3>button.crt-da-conc__toggle .crt-da-conc__toggle-svg {
    display: block;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    color: #30948b;
}

.crt-da .crt-da-audiencia__derechos .crt-da-audiencia__derecho-btn svg.crt-da-audiencia__derecho-img { color: #30948b }

.crt-da h3>button.crt-da-conc__toggle[aria-expanded="true"] .crt-da-conc__toggle-svg {
  color: #fff;
  filter: none;
}

.crt-da h3>button.crt-da-conc__toggle .crt-da-conc__toggle-svg circle { fill: #fff; }
.crt-da h3>button.crt-da-conc__toggle[aria-expanded="true"] .crt-da-conc__toggle-svg circle { fill: #0D4D4D; }

.crt-da h3>button.crt-da-info__toggle .crt-da-conc__toggle-svg {
  display: block;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  color: var(--da-teal);
}

.crt-da h3>button.crt-da-info__toggle[aria-expanded="true"] .crt-da-conc__toggle-svg {
  color: #fff;
  filter: none;
}

.crt-da .crt-da-audiencia__ejerce-p,
.crt-da .crt-da-audiencia__ejerce-p--1 {
  text-align: center;
}

@media (max-width: 600px) {
  .crt-da h3>button.crt-da-conc__toggle .crt-da-conc__toggle-svg {
    flex-basis: 32px;
    width: 32px;
    height: 32px;
  }
}