/* ============================================================
   STPS — Páginas internas
   Color acento: #00049E (único color del sitio, sin celeste)
   Nodos: 95 (STPS home) | 93 (Prevención de Incendios) | 94 (Calderas)
          252 (Contacto STPS)
   Solo estructura de paneles, grids y pasos de inspección.
   El botón CTA usa .ance-btn-bv (ya global, #00049e por defecto
   en pagina_interna_ance.css) — sin override aquí.
   NO incluye nada del carrusel .ance-proceso — esas reglas
   viven exclusivamente en proceso_bifurcado_stps.css
   ============================================================ */

/* ── TEXTO DE LA NORMA — kicker antes del título ── */
body.page-node-93 .ance-inner-hero__norma,
body.page-node-94 .ance-inner-hero__norma,
body.page-node-95 .ance-inner-hero__norma,
body.page-node-252 .ance-inner-hero__norma {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #888888 !important;
  margin-bottom: 14px !important;
  max-width: 480px !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* ── TÍTULO HERO — tamaño "light" reducido, solo Prevención de Incendios (norma larga) ── */
body.page-node-93 h1.ance-inner-hero__title span.title-light,
body.page-node-93 .ance-inner-hero__title .title-light {
  font-size: 22px !important;
  line-height: 1.3 !important;
  display: block !important;
}

/* ── MARGIN-TOP DEL HERO ─────────────────────────────────── */
body.page-node-93 .ance-inner-hero,
body.page-node-94 .ance-inner-hero,
body.page-node-95 .ance-inner-hero,
body.page-node-252 .ance-inner-hero {
  margin-top: 123px !important;
}

/* ── PANEL DE SERVICIO (card, un solo servicio, sin timeline) ── */
body.page-node-93 .stps-service-panel,
body.page-node-94 .stps-service-panel,
body.page-node-95 .stps-service-panel {
  border: 1px solid #e0e0e0 !important;
  border-left: 4px solid #00049e !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  padding: 28px 32px !important;
  margin: 24px 0 40px !important;
}
body.page-node-93 .stps-service-panel h3,
body.page-node-94 .stps-service-panel h3,
body.page-node-95 .stps-service-panel h3 {
  margin-top: 0 !important;
}

/* ── GRID 2 COLUMNAS (Consideraciones para cotizar) ───────── */
body.page-node-93 .stps-g2,
body.page-node-94 .stps-g2,
body.page-node-95 .stps-g2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 18px !important;
  margin-bottom: 14px !important;
}
body.page-node-93 .stps-ct,
body.page-node-94 .stps-ct,
body.page-node-95 .stps-ct {
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #00049e !important;
  margin-bottom: 8px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid #e8e8e8 !important;
}
body.page-node-93 .stps-ul,
body.page-node-94 .stps-ul,
body.page-node-95 .stps-ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.page-node-93 .stps-ul li,
body.page-node-94 .stps-ul li,
body.page-node-95 .stps-ul li {
  font-size: 12px !important;
  color: #555555 !important;
  line-height: 1.6 !important;
  padding: 3px 0 3px 12px !important;
  position: relative !important;
}
body.page-node-93 .stps-ul li::before,
body.page-node-94 .stps-ul li::before,
body.page-node-95 .stps-ul li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 10px !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: #00049e !important;
}

/* ── META ENTREGABLE/VIGENCIA/DESCARGABLES ────────────────── */
body.page-node-93 .stps-meta,
body.page-node-94 .stps-meta,
body.page-node-95 .stps-meta {
  display: flex !important;
  padding: 20px 0 0 !important;
  border-top: 1px solid #f0f0f0 !important;
  margin-top: 20px !important;
}
body.page-node-93 .stps-mi,
body.page-node-94 .stps-mi,
body.page-node-95 .stps-mi {
  flex: 1 !important;
  padding: 0 14px !important;
  border-right: 1px solid #e0e0e0 !important;
}
body.page-node-93 .stps-mi:first-child,
body.page-node-94 .stps-mi:first-child,
body.page-node-95 .stps-mi:first-child { padding-left: 0 !important; }
body.page-node-93 .stps-mi:last-child,
body.page-node-94 .stps-mi:last-child,
body.page-node-95 .stps-mi:last-child { border-right: none !important; }
body.page-node-93 .stps-ml,
body.page-node-94 .stps-ml,
body.page-node-95 .stps-ml {
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #00049e !important;
  margin-bottom: 4px !important;
}
body.page-node-93 .stps-mv,
body.page-node-94 .stps-mv,
body.page-node-95 .stps-mv {
  font-size: 13px !important;
  color: #333333 !important;
  font-weight: 600 !important;
}

/* ── ETAPAS DE LA INSPECCIÓN (lista numerada estática, NO el carrusel) ── */
body.page-node-93 .stps-proceso-steps,
body.page-node-94 .stps-proceso-steps,
body.page-node-95 .stps-proceso-steps {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 20px 0 !important;
}
body.page-node-93 .stps-step,
body.page-node-94 .stps-step,
body.page-node-95 .stps-step {
  display: flex !important;
  gap: 16px !important;
  align-items: flex-start !important;
}
body.page-node-93 .stps-step-num,
body.page-node-94 .stps-step-num,
body.page-node-95 .stps-step-num {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #00049e !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
body.page-node-93 .stps-step-title,
body.page-node-94 .stps-step-title,
body.page-node-95 .stps-step-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  margin-bottom: 4px !important;
  text-transform: uppercase !important;
}
body.page-node-93 .stps-step-desc,
body.page-node-94 .stps-step-desc,
body.page-node-95 .stps-step-desc {
  font-size: 12px !important;
  color: #666666 !important;
  line-height: 1.6 !important;
}

/* ── PENDIENTE (utilidad para contenido en espera del área) ── */
body.page-node-93 .stps-pendiente,
body.page-node-94 .stps-pendiente,
body.page-node-95 .stps-pendiente {
  background: #fff0f0 !important;
  border: 1px solid #ffcccc !important;
  border-left: 4px solid #e05c5c !important;
  border-radius: 4px !important;
  padding: 14px 18px !important;
  margin: 16px 0 !important;
}
body.page-node-93 .stps-pendiente-label,
body.page-node-94 .stps-pendiente-label,
body.page-node-95 .stps-pendiente-label {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #e05c5c !important;
  margin-bottom: 4px !important;
}
body.page-node-93 .stps-pendiente-texto,
body.page-node-94 .stps-pendiente-texto,
body.page-node-95 .stps-pendiente-texto {
  font-size: 12px !important;
  color: #c0392b !important;
}

/* ── RESPONSIVE ────────────────────────────────────────────── */
@media (max-width: 768px) {
  body.page-node-93 .stps-g2,
  body.page-node-94 .stps-g2,
  body.page-node-95 .stps-g2 {
    grid-template-columns: 1fr !important;
  }
  body.page-node-93 .stps-meta,
  body.page-node-94 .stps-meta,
  body.page-node-95 .stps-meta {
    flex-direction: column !important;
    gap: 10px !important;
  }
  body.page-node-93 .stps-mi,
  body.page-node-94 .stps-mi,
  body.page-node-95 .stps-mi {
    border-right: none !important;
    padding: 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding-bottom: 8px !important;
  }
  body.page-node-93 .stps-mi:last-child,
  body.page-node-94 .stps-mi:last-child,
  body.page-node-95 .stps-mi:last-child { border-bottom: none !important; }
}

/* ── Tamaño de texto — Alcance y Beneficios dentro del panel ── */
body.page-node-93 .stps-service-panel .ance-list,
body.page-node-94 .stps-service-panel .ance-list,
body.page-node-95 .stps-service-panel .ance-list {
  margin: 8px 0 16px 0 !important;
}
body.page-node-93 .stps-service-panel .ance-list li,
body.page-node-94 .stps-service-panel .ance-list li,
body.page-node-95 .stps-service-panel .ance-list li {
  font-size: 11px !important;
  line-height: 1.6 !important;
  padding: 4px 0 !important;
}

/* ──────────────────────────────────────────────────────────
   AGREGAR NUEVOS NODOS AQUÍ:
   Cuando crees nodos de Noticias, Blog, etc.,
   agrégalos a todos los selectores de arriba.
   ────────────────────────────────────────────────────────── */