/* ============================================================
   Nodo: 175
   APELACIONES Y RECLAMACIONES — Ajuste del proceso (texto largo)
   Inyector: apelaciones_proceso
   Condición: /clientes/apelaciones-reclamaciones
   Se SUMA a proceso_global.css; no lo reemplaza.
   ============================================================ */

/* ── 1. Restaurar textos que pisa ".ance-inner-content p" ──── */
body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-indicador {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  color: #00049e;
  margin-bottom: 5rem;
}

/* ── 2. Texto de la tarjeta (justificado, centrado vertical) ── */
body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-card-titulo {
  width: 100%;
  margin: auto 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
  color: #111;
  text-align: justify;
  text-justify: inter-word;
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}

/* Cuerpo: el footer ya no se sale de la tarjeta */
body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-card-body {
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0.3rem 1rem 0.8rem;
  scrollbar-width: thin;
}

/* Tarjetas vecinas: texto más chico y recortado limpio */
body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-card:not(.activo) .ance-proceso-card-titulo {
  font-size: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden;
}

/* ── 3. Footer vacío = oculto ─────────────────────────────── */
body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-card-footer:empty {
  display: none;
}

/* ── 4. Barra de progreso (quita margen del <p> de CKEditor) ─ */
body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-progress p {
  margin: 0;
  line-height: 1;
}
body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-bar-wrap,
body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-bar {
  font-size: 0;
  line-height: 0;
}

/* ── 5. Escritorio: aprovechar los ~820px y mostrar solo vecinas ── */
@media (min-width: 769px) {
  body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-inner {
    padding-left: 0;
    padding-right: 0;
  }
  body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-card.prev2,
  body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-card.prev3,
  body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-card.next2,
  body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-card.next3 {
    opacity: 0;
    pointer-events: none;
  }
}

/* ── 6. Móvil ─────────────────────────────────────────────── */
@media (max-width: 768px) {
  body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-indicador {
    margin-bottom: 2rem;
  }
  body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-wrap {
    height: 320px;
  }
  body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-card.activo {
    width: 240px;
    height: 300px;
  }
  body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-card.prev1 {
    transform: translateX(-170px) scale(0.85);
  }
  body.page-node-175 .ance-inner-content .ance-proceso--texto-largo .ance-proceso-card.next1 {
    transform: translateX(170px) scale(0.85);
  }
}