/* PCP Frontend Tracking */
.pcp-tracking { max-width: 720px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.pcp-tracking-header { text-align:center; margin-bottom:24px; }
.pcp-tracking-header h2 { font-size:24px; margin-bottom:8px; }
.pcp-tracking-search { display:flex; gap:10px; justify-content:center; margin-bottom:24px; }
.pcp-tracking-search input { height:44px; border:2px solid #ddd; border-radius:8px; padding:0 16px; font-size:16px; width:200px; text-transform:uppercase; }
.pcp-tracking-search input:focus { outline:none; border-color:#2271b1; }
.pcp-btn-primary { height:44px; background:#2271b1; color:#fff; border:none; border-radius:8px; padding:0 24px; font-size:15px; font-weight:600; cursor:pointer; }
.pcp-btn-primary:hover { background:#1a5c96; }

.pcp-alert { padding:12px 16px; border-radius:6px; margin-bottom:16px; }
.pcp-alert-error { background:#fce8e8; color:#b00; border:1px solid #f5c6c6; }

/* Track card */
.pcp-track-card { background:#fff; border:1px solid #e0e0e0; border-radius:10px; overflow:hidden; }
.pcp-track-info { padding:20px 24px; background:#f9f9f9; border-bottom:1px solid #e0e0e0; }
.pcp-track-info h3 { margin:0 0 8px; font-size:20px; }
.pcp-track-info p { margin:4px 0; color:#555; font-size:14px; }

/* Timeline */
.pcp-track-timeline { padding:20px 24px; display:flex; flex-direction:column; gap:0; }
.pcp-track-step { display:flex; gap:12px; position:relative; }
.pcp-track-step-dot { width:18px; height:18px; border-radius:50%; background:#ddd; flex-shrink:0; margin-top:2px; border:2px solid #ccc; }
.pcp-track-step-line { position:absolute; left:8px; top:20px; width:2px; height:calc(100% + 4px); background:#ddd; }
.pcp-track-step-content { padding-bottom:20px; flex:1; }
.pcp-track-step-name { font-weight:700; font-size:14px; }
.pcp-track-step-estado { font-size:12px; color:#666; }
.pcp-track-step-date { font-size:12px; color:#888; margin-top:2px; }
.pcp-track-step-obs { font-size:12px; color:#555; margin-top:4px; font-style:italic; background:#f5f5f5; padding:4px 8px; border-radius:4px; }

/* States */
.track-done .pcp-track-step-dot    { background:#46b450; border-color:#2a7a2e; }
.track-done .pcp-track-step-line   { background:#46b450; }
.track-done .pcp-track-step-name   { color:#1a6b1d; }
.track-active .pcp-track-step-dot  { background:#f0ad4e; border-color:#c17f00; animation:pulse 1.5s infinite; }
.track-active .pcp-track-step-name { color:#7a5100; }
.track-pending .pcp-track-step-dot { background:#e0e0e0; }
.track-pending .pcp-track-step-name { color:#999; }

@keyframes pulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.2)} }

@media(max-width:480px){
  .pcp-tracking-search { flex-direction:column; align-items:center; }
}
