/*  ===== ALERTA URGENTE ===== */
    .alert-urgent { background: #fff3cd; border: 1px solid #ffc107; border-left: 5px solid #e65100; padding: 16px 20px; border-radius: 0 6px 6px 0; margin-bottom: 26px; display: flex; gap: 14px; align-items: flex-start; }
    .alert-urgent-icon { font-size: 1.6rem; flex-shrink: 0; }
    .alert-urgent-body { flex: 1; }
    .alert-urgent-body strong { color: #c62828; display: block; margin-bottom: 4px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; }
    .alert-urgent-body p { font-size: 14px; color: #4a3a00; margin: 0; }
    
    /* ===== CASOS TABLE ===== */
    .casos-table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 14px; }
    .casos-table thead th { background: #1a5276; color: #fff; padding: 10px 12px; text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: 0.07em; }
    .casos-table tbody tr:nth-child(even) { background: #f8f9fa; }
    .casos-table tbody tr:hover { background: #d6eaf8; }
    .casos-table td { padding: 10px 12px; border-bottom: 1px solid #ddd; vertical-align: top; font-size: 14px; }
    .caso-nombre { font-weight: 700; display: block; }
    .caso-pais { font-size: 12px; color: #666; }
    .badge { display: inline-block; font-size: 11px; padding: 2px 8px; border-radius: 12px; font-weight: 600; white-space: nowrap; }
    .badge-terror  { background: #fadbd8; color: #922b21; }
        .badge-fraude  { background: #fdebd0; color: #935116; }
    .badge-guerra  { background: #f9ebea; color: #7b241c; }
    .badge-abuso   { background: #d5f5e3; color: #1e8449; }
    .badge-espia   { background: #d6eaf8; color: #1a5276; }
    .badge-armas   { background: #fef9ed; color: #a04000; }

    /* ===== PROCESO STEPS ===== */
    .steps { display: flex; flex-direction: column; gap: 0; margin: 24px 0; }
    .step { display: flex; gap: 16px; padding-bottom: 22px; position: relative; }
    .step:not(:last-child)::after { content: ''; position: absolute; left: 18px; top: 40px; bottom: 0; width: 2px; background: #ddd; }
    .step-num { width: 38px; height: 38px; border-radius: 50%; background: #1a5276; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 15px; flex-shrink: 0; position: relative; z-index: 1; }
    .step-content h4 { font-size: 15px; font-weight: 700; margin-bottom: 5px; color: #1a5276; }
    .step-content p { font-size: 14px; color: #444; margin: 0; }
    
    /* ====== QUOTE ====== */
    .pull-quote {
      border-top: 2px solid #1a5276;
      border-bottom: 2px solid #1a5276;
      padding: 22px 10px;
      margin: 32px 0;
      text-align: center;
    }

    .pull-quote p {
      font-family: var(--font-serif);
      font-size: 1.25rem;
      font-style: italic;
      color: #1a5276;
      line-height: 1.55;
      margin-bottom: 10px !important;
    }

    .pull-quote cite {
      font-size: 13px;
      color: #666;
      font-style: normal;
      font-weight: 600;
    }
/* ====== HIGHLIGHT BOXES ====== */
    .box-blue {
      background: #eaf4fb;
      border: 1px solid #aed6f1;
      border-left: 5px solid #1a5276;
      padding: 18px 22px;
      border-radius: 0 6px 6px 0;
      margin: 24px 0;
    }

    .box-red {
      background: #fdf2f2;
      border: 1px solid #f5c6c6;
      border-left: 5px solid #e74c3c;
      padding: 18px 22px;
      border-radius: 0 6px 6px 0;
      margin: 24px 0;
    }

    .box-green {
      background: #eafaf1;
      border: 1px solid #a9dfbf;
      border-left: 5px solid #1e8449;
      padding: 18px 22px;
      border-radius: 0 6px 6px 0;
      margin: 24px 0;
    }

    .box-orange {
      background: #fef9ed;
      border: 1px solid #f9d78e;
      border-left: 5px solid #e67e22;
      padding: 18px 22px;
      border-radius: 0 6px 6px 0;
      margin: 24px 0;
    }

    .box-title {
      font-weight: 700;
      font-size: 14px;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .box-blue .box-title  { color: #1a5276; }
    .box-red .box-title   { color: #e74c3c; }
    .box-green .box-title { color: #1e8449; }
    .box-orange .box-title{ color: #e67e22; }

    .box-blue p, .box-red p, .box-green p, .box-orange p { font-size: 15px; margin-bottom: 8px; }
    .box-blue p:last-child, .box-red p:last-child,
    .box-green p:last-child, .box-orange p:last-child { margin-bottom: 0; }


	/* ── STATUS CARDS GRID ── */
    .status-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
      gap: 16px;
      margin-top: 24px;
    }

    .status-card {
      border-radius: 10px;
      padding: 20px;
      border-left: 4px solid;
      background: #ffffff;;
      box-shadow: 0 4px 24px rgba(10, 22, 40, 0.08);
      transition: transform 0.2s, 0 12px 48px rgba(10, 22, 40, 0.16);
    }

    .status-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 12px 48px rgba(10, 22, 40, 0.16);
    }

    .status-card.green  { border-color: #059669; }
    .status-card.yellow { border-color: #d97706; }
    .status-card.red    { border-color: #d97706;  }
    .status-card.blue   { border-color: #0891b2;    }
    .status-card.gray   { border-color: #94a3b8;        }

    .status-badge {
      display: inline-block;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 3px 10px;
      border-radius: 999px;
      margin-bottom: 10px;
    }

    .green  .status-badge { background: #d1fae5; color: var(--success); }
    .yellow .status-badge { background: #fef3c7; color: var(--warning); }
    .red    .status-badge { background: #fee2e2; color: var(--danger);  }
    .blue   .status-badge { background: #cffafe; color: var(--info);    }
    .gray   .status-badge { background: #e2e8f0; color: #64748b;        }

    .status-card h3 {
      font-size: 1.4rem;
      margin: 0 0 6px;
      font-family: 'Source Serif 4', serif;
      font-weight: 600;
    }

    .status-card p {
      font-size: 1.4rem;
      color: var(--text-muted);
      margin: 0;
      line-height: 1.55;
    }
/* ── STEPS ── */
    .steps-list { list-style: none; margin-top: 12px; }

    .step-item {
      display: flex;
      gap: 20px;
      padding: 24px 0;
      border-bottom: 1px solid #ddd;
      align-items: flex-start;
      animation: fadeUp 0.4s ease both;
    }

    .step-item:last-child { border-bottom: none; }

    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(12px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    .step-number {
      width: 44px; height: 44px;
      border-radius: 50%;
      background: #02176A;
      color: #FFF;
       font-family: 'Playfair Display', serif;
      font-size: 1.8rem;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin-top: 2px;
      border: 2px solid #FFF;
    }

    .step-content h3 {
      margin-top: 0;
      margin-bottom: 6px;
      font-size: 1.55rem;
    }

    .step-content p { font-size: 1.4rem; margin-bottom: 8px; }

    .step-tip {
      display: inline-flex;
      align-items: flex-start;
      gap: 6px;
      background: rgba(201,168,76,0.1);
      border: 1px solid rgba(201,168,76,0.25);
      border-radius: 6px;
      padding: 8px 12px;
      font-size: 0.82rem;
      color: var(--text-muted);
      margin-top: 8px;
    }

/* ── RECEIPT NUMBER ANATOMY ── */
    .receipt-box {
      background: #02176A;
      border-radius: 12px;
      padding: 32px;
      margin: 28px 0;
      position: relative;
      overflow: hidden;
    }

    .receipt-box::before {
      content: '';
      position: absolute;
      top: -30px; right: -30px;
      width: 140px; height: 140px;
      border-radius: 50%;
      background: rgba(201,168,76,0.08);
    }

    .receipt-label {
      font-size: 1.4rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--gold);
      font-weight: 600;
      margin-bottom: 14px;
    }

    .receipt-number {
      font-family: 'Courier New', monospace;
      font-size: clamp(1.6rem, 4vw, 2.4rem);
      font-weight: 700;
      color: var(--white);
      letter-spacing: 0.08em;
      display: flex;
      align-items: center;
      gap: 0;
      flex-wrap: wrap;
    }

    .receipt-part {
      position: relative;
      cursor: default;
    }

    .receipt-part.center-code { color: var(--gold-light); }
    .receipt-part.year-code { color: #93c5fd; }
    .receipt-part.day-code { color: #86efac; }
    .receipt-part.seq-code { color: #fca5a5; }

    .receipt-annotations {
      display: flex;
      gap: 16px;
      margin-top: 20px;
      flex-wrap: wrap;
    }

    .annotation {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 1.2rem;
      color: rgba(245,240,232,0.7);
    }

    .annotation-dot {
      width: 10px; height: 10px;
      border-radius: 50%;
      flex-shrink: 0;
    }
    /* ── RESPONSIVE ── */
    @media (max-width: 600px) {
      .header-inner { padding: 48px 20px 40px; }
      .receipt-box { padding: 22px; }
      .cta-box { padding: 28px 22px; flex-direction: column; }
      .status-grid { grid-template-columns: 1fr; }
    }