.acpc-portal {
    --ac-black: #161311;
    --ac-sand: #F3EBDD;
    --ac-terracotta: #B54A2C;
    --ac-turquoise: #2E7268;
    --ac-gold: #C89B3C;
    --ac-line: #E4D9C4;

    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: var(--ac-black);
    max-width: 480px;
    margin: 0 auto;
    padding: 16px;
}

.acpc-vacio { max-width: 480px; margin: 40px auto; padding: 20px; text-align: center; color: #6B6155; }

.acpc-header { text-align: center; margin-bottom: 16px; }
.acpc-header h2 { margin: 0 0 2px; font-size: 20px; }
.acpc-header p { margin: 0 0 10px; color: #6B6155; font-size: 13px; }
.acpc-badge { display: inline-block; padding: 5px 16px; border-radius: 999px; color: #fff; font-size: 13px; font-weight: 700; }

.acpc-mapa-wrap { position: relative; border-radius: 12px; overflow: hidden; margin-bottom: 16px; border: 1px solid var(--ac-line); }
.acpc-mapa { width: 100%; height: 220px; background: #EDE3D0; }
.acpc-mapa-aviso {
    position: absolute; inset: 0; margin: 0; padding: 0 20px;
    display: flex; align-items: center; justify-content: center; text-align: center;
    font-size: 13px; color: #6B6155; background: #EDE3D0;
}

.acpc-tarjeta { border: 1px solid var(--ac-line); border-radius: 12px; padding: 14px 16px; margin-bottom: 12px; }
.acpc-fila { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; }
.acpc-fila + .acpc-fila { border-top: 1px solid var(--ac-line); }
.acpc-label { color: #6B6155; font-size: 13px; }

.acpc-costos { display: flex; gap: 12px; margin-bottom: 16px; }
.acpc-costo-item { flex: 1; border: 1px solid var(--ac-line); border-radius: 12px; padding: 12px; text-align: center; }
.acpc-costo-item strong { display: block; font-size: 18px; margin: 2px 0; }
.acpc-costo-item small { color: #6B6155; font-size: 11px; }

.acpc-timeline { margin-bottom: 16px; padding-left: 4px; }
.acpc-evento { display: flex; gap: 10px; padding: 6px 0; font-size: 13px; }
.acpc-evento-hora { color: #6B6155; min-width: 66px; }
.acpc-evento-texto { font-weight: 600; }

.acpc-acciones { display: flex; gap: 10px; }
.acpc-btn { flex: 1; text-align: center; padding: 12px; border-radius: 10px; text-decoration: none; font-weight: 700; font-size: 14px; }
.acpc-btn-llamar { background: var(--ac-turquoise); color: #fff; }
.acpc-btn-mensaje { background: var(--ac-sand); color: var(--ac-black); border: 1px solid var(--ac-line); }