*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;min-height:100vh;padding:1.25rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.container{max-width:75rem;margin:0 auto}.header{text-align:center;margin-bottom:1.5rem}.header h1{color:#1a2a3a;margin-bottom:.25rem;font-size:1.375rem;font-weight:600}.header p{color:#6c7a8a;font-size:.8125rem}.search-card{background:#fff;border:1px solid #eef2f6;border-radius:1rem;margin-bottom:1.5rem;padding:1.25rem;box-shadow:0 1px 3px #0000000d}.search-title{color:#1a2a3a;margin-bottom:.75rem;font-size:.875rem;font-weight:500}.input-group{flex-wrap:wrap;gap:.625rem;display:flex}.input-group input{color:#1a2a3a;background:#fff;border:1.5px solid #e2e8f0;border-radius:.75rem;flex:1;padding:.75rem 1rem;font-family:monospace;font-size:.875rem;transition:all .2s}.input-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.input-group button{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:.75rem;align-items:center;gap:.375rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.input-group button:hover{background:#0f2b44;transform:translateY(-1px)}.results-grid{flex-direction:column;gap:1.25rem;display:flex}.info-card{background:#fff;border:1px solid #eef2f6;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #00000008}.card-header{background:#fafcfc;border-bottom:1px solid #eef2f6;align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.card-header h2{margin:0;font-size:.9375rem;font-weight:600}.card-header.pty h2{color:#1e5a3a}.card-header.sfs h2{color:#2c5f8a}.card-header.not-found h2{color:#8a99aa}.pty-logo,.sfs-logo{object-fit:contain;flex-shrink:0;width:3.5rem;height:2.5rem}.status-highlight{letter-spacing:.03em;text-transform:uppercase;border-radius:1.25rem;padding:.5rem 1.25rem;font-size:1.1rem;font-weight:700;display:inline-block;box-shadow:0 2px 8px #0000001f}.comentario-highlight{color:#1a2a3a;background:#fff8e6;border-left:4px solid #d97706;border-radius:.625rem;margin-top:.75rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:600}.pty-highlight{color:#1e5a3a;margin-top:.625rem;font-size:.875rem;font-weight:600}.tracking-chips-section{background:#f0f4ff;border:1px solid #c3d4fb;border-radius:.625rem;margin-top:.875rem;padding:.75rem .875rem}.tracking-chips-title{color:#1a3c8f;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.tracking-chip{color:#1a3c8f;white-space:nowrap;background:#e8f0fe;border:1px solid #c3d4fb;border-radius:.375rem;margin:.1875rem;padding:.1875rem .625rem;font-family:monospace;font-size:.78rem;display:inline-block}.card-header.maritimo{background:#e8f4fd;border-bottom:1px solid #cce5f0}.card-header.maritimo .icon{font-size:22px}.card-header.maritimo h2{color:#0c5460}.card-body{padding:1rem 1.25rem}.data-grid{grid-template-columns:repeat(2,1fr);gap:.75rem 1.25rem;display:grid}.data-item{flex-direction:column;gap:.125rem;display:flex}.data-label{text-transform:uppercase;letter-spacing:.5px;color:#8a99aa;font-size:.625rem;font-weight:600}.data-value{color:#1e2a3a;word-break:break-word;font-size:.875rem;font-weight:500}.data-value.large{color:#0f2b44;font-size:.9375rem;font-weight:600}.status-badge{border-radius:1.25rem;padding:.1875rem .625rem;font-size:.6875rem;font-weight:600;display:inline-block}.status-delivered{color:#1e7a3a;background:#e6f7e6}.status-transit{color:#1e5a8a;background:#e8f0fe}.status-pending{color:#c47a2e;background:#fff3e0}.timeline-section{border-top:1px solid #eef2f6;margin-top:1rem;padding-top:.75rem}.timeline-title{text-transform:uppercase;letter-spacing:.5px;color:#8a99aa;margin-bottom:.75rem;font-size:.6875rem;font-weight:600}.timeline-item{border-left:2px solid #e2e8f0;padding-bottom:.625rem;padding-left:1.25rem;position:relative}.timeline-item:last-child{border-left:2px solid #0000;padding-bottom:0}.timeline-item:before{content:"●";color:#3b82f6;font-size:.625rem;position:absolute;top:0;left:-.4375rem}.timeline-date{color:#8a99aa;margin-bottom:.125rem;font-family:monospace;font-size:.625rem}.timeline-desc{color:#1e2a3a;font-size:.8125rem;font-weight:500}.note-section{color:#4a5a6a;background:#f8fafc;border-left:3px solid #3b82f6;border-radius:.75rem;margin-top:.875rem;padding:.625rem .875rem;font-size:.75rem}.status-image-container{text-align:center;background:#f8fafc;border-radius:.625rem;margin-top:.75rem;padding:.5rem .75rem}.status-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:10rem;display:inline-block}.banner-container{text-align:center;background:0 0;border-radius:.75rem;margin-top:1rem;overflow:hidden}.banner-container iframe{background:0 0;border:none;width:100%;min-height:6.25rem}@media (width<=479px){.pty-logo,.sfs-logo{object-fit:contain;width:4rem;height:2.75rem}.card-header{gap:.625rem}.card-header h2{font-size:.8125rem}}@media (width>=480px) and (width<=767px){.pty-logo,.sfs-logo{object-fit:contain;width:5rem;height:3.25rem}.card-header{gap:.75rem}.card-header h2{font-size:.9375rem}}@media (width>=768px) and (width<=1024px){.pty-logo,.sfs-logo{object-fit:contain;width:6.5rem;height:4rem}.card-header{gap:.875rem}.card-header h2{font-size:1.0625rem}}@media (width>=1024px) and (width<=1399px){.pty-logo,.sfs-logo{object-fit:contain;width:8rem;height:4.5rem}.card-header{gap:1rem}.card-header h2{font-size:1.1875rem}}@media (width>=1400px){.pty-logo,.sfs-logo{object-fit:contain;width:9.5rem;height:5.25rem}.card-header{gap:1.125rem}.card-header h2{font-size:1.375rem}}@media (width>=768px) and (width<=1024px){.container{max-width:90%}.data-grid{gap:.875rem 1.5rem}.card-header{padding:1rem 1.5rem}.status-image{max-height:8rem}}@media (width>=1024px){body{padding:2rem 1.5rem}.container{max-width:62.5rem}.header h1{font-size:1.75rem}.header p{font-size:.9375rem}.search-card{padding:1.75rem}.search-title{margin-bottom:1rem;font-size:1rem}.input-group input{padding:.875rem 1.25rem;font-size:.9375rem}.input-group button{padding:.875rem 2rem;font-size:.9375rem}.card-header{padding:1.125rem 1.75rem}.card-body{padding:1.25rem 1.75rem}.data-grid{gap:1rem 1.75rem}.data-label{font-size:.6875rem}.data-value{font-size:.9375rem}.data-value.large{font-size:1rem}.status-badge{padding:.25rem .75rem;font-size:.75rem}.status-image{max-height:12rem}.timeline-date{font-size:.6875rem}.timeline-desc{font-size:.875rem}.note-section{padding:.75rem 1rem;font-size:.8125rem}}@media (width<=479px){body{padding:.75rem}.container{max-width:100%}.header h1{font-size:1.125rem}.header p{font-size:.6875rem}.search-card{padding:.875rem}.search-title{margin-bottom:.625rem;font-size:.8125rem}.input-group{flex-direction:column;gap:.5rem}.input-group input{padding:.625rem .875rem;font-size:.8125rem}.input-group button{justify-content:center;padding:.625rem 1.25rem;font-size:.8125rem}.card-header{padding:.625rem .875rem}.card-header h2{font-size:.75rem}.card-body{padding:.75rem .875rem}.data-grid{grid-template-columns:1fr;gap:.625rem}.data-label{font-size:.5625rem}.data-value{font-size:.8125rem}.data-value.large{font-size:.875rem}.status-badge{padding:.125rem .5rem;font-size:.625rem}.status-image{max-height:5rem}.timeline-date{font-size:.5625rem}.timeline-desc{font-size:.75rem}.note-section{padding:.5rem .75rem;font-size:.6875rem}.banner-container iframe{min-height:4rem}}@media (width>=1400px){body{padding:2.5rem}.container{max-width:75rem}.header h1{font-size:2rem}.header p{font-size:1rem}.search-card{padding:2rem}.card-header{padding:1.25rem 2rem}.card-body{padding:1.5rem 2rem}.data-grid{gap:1.25rem 2rem}.data-label{font-size:.75rem}.data-value{font-size:1rem}.status-image{max-height:14rem}}.loader-overlay{text-align:center;padding:2.5rem}.spinner{border:3px solid #e2e8f0;border-top-color:#1e3a5f;border-radius:50%;width:2.25rem;height:2.25rem;margin:0 auto .75rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.no-data-card{text-align:center;padding:2rem 1.25rem}.no-data-icon{opacity:.5;margin-bottom:.75rem;font-size:2.5rem}.no-data-title{color:#1a2a3a;margin-bottom:.375rem;font-size:1rem;font-weight:600}.no-data-text{color:#8a99aa;font-size:.8125rem}.error-message{color:#c0392b;background:#fee;border-left:3px solid #c0392b;border-radius:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.8125rem}.alert-soft{border-left:4px solid;border-radius:12px;align-items:center;gap:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.95rem;animation:.3s ease-out slideIn;display:flex;box-shadow:0 2px 8px #0000000d}.alert-soft:before{font-size:1.25rem}.alert-info{color:#0369a1;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border-left-color:#0284c7}.alert-info:before{content:"ℹ️"}.alert-success{color:#15803d;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-left-color:#16a34a}.alert-success:before{content:"✅"}.alert-warning{color:#b45309;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-left-color:#d97706}.alert-warning:before{content:"⚠️"}.alert-danger{color:#b91c1c;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-left-color:#dc2626}.alert-danger:before{content:"🔴"}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.close-alert{cursor:pointer;opacity:.6;color:inherit;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:1.25rem;transition:opacity .2s}.close-alert:hover{opacity:1}#alertas-container{z-index:9999;width:calc(100% - 40px);max-width:400px;position:fixed;top:20px;right:20px}@media (width<=480px){#alertas-container{width:auto;max-width:none;top:10px;left:10px;right:10px}.alert-soft{padding:.75rem 1rem;font-size:.8125rem}}.swal-alerta-personalizada{border-radius:16px!important;box-shadow:0 20px 35px -10px #0003!important}.swal-titulo{font-size:1.5rem!important;font-weight:700!important}.swal-mensaje{font-size:.95rem!important;line-height:1.5!important}@media (width<=480px){.swal2-popup{width:calc(100% - 30px)!important;margin:0 15px!important}}.status-banner{text-align:center;background:#fff;border-radius:1rem;max-width:43.75rem;margin:0 auto;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.status-title{color:#1a2a3a;margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.status-subtitle{color:#6c7a8a;margin-bottom:1.5rem;font-size:.875rem}.timeline{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.timeline-step{color:#8a99aa;opacity:.5;flex-direction:column;align-items:center;gap:.375rem;font-size:.75rem;display:flex}.timeline-step.completed,.timeline-step.current{opacity:1}.timeline-step.current span{color:#1e5a8a;font-weight:600}.timeline-step .step-icon{object-fit:contain;width:2.5rem;height:2.5rem}.timeline .line{background:#e2e8f0;width:2rem;height:2px}