/* barra.css — barra superior de Aurora (inicio, cotizador, rastreo y tablero) */
.barra{position:sticky;top:0;z-index:60;padding:12px 16px 0;pointer-events:none}
.barra-in{pointer-events:auto;max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:9px 10px 9px 18px;border-radius:18px;
  background:linear-gradient(180deg,rgba(16,30,46,.62),rgba(10,20,32,.5));border:1px solid rgba(159,227,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 30px -18px rgba(0,0,0,.7);
  -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);transition:background .3s,border-color .3s,box-shadow .3s}
.barra.solida .barra-in{background:linear-gradient(180deg,rgba(14,26,40,.92),rgba(10,20,32,.9));border-color:rgba(159,227,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 40px -18px rgba(0,0,0,.85)}
.barra-marca{display:flex;align-items:center;gap:11px;text-decoration:none;color:#E9EEF2;flex-shrink:0}
.barra-marca i{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 34% 30%,#FFFFFF 0,#CFF1FF 30%,#4AC8FF 62%,#1C5A86 100%);box-shadow:0 0 18px rgba(74,200,255,.55),inset 0 -3px 6px rgba(10,20,32,.35)}
.barra-marca span{display:flex;flex-direction:column;line-height:1;font-weight:850;font-stretch:118%;letter-spacing:.14em;font-size:.98rem}
.barra-marca b{font-weight:600;font-stretch:100%;letter-spacing:.11em;font-size:.56rem;color:#9FB6C8;margin-top:4px;text-transform:uppercase}
.barra-links{display:flex;align-items:center;gap:2px;margin-left:auto}
.barra-links a{position:relative;text-decoration:none;color:#B3C2CF;font-size:.9rem;font-weight:600;padding:8px 12px;border-radius:10px;transition:color .2s,background .2s;white-space:nowrap}
.barra-links a:hover{color:#E9EEF2;background:rgba(255,255,255,.05)}
.barra-links a.act{color:#E9EEF2}
.barra-links a.act::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:linear-gradient(90deg,#FFFFFF,#4AC8FF);box-shadow:0 0 10px rgba(74,200,255,.7)}
.barra-cta{flex-shrink:0;text-decoration:none;font-weight:800;font-size:.88rem;color:#06121C;padding:10px 18px;border-radius:12px;white-space:nowrap;
  background:linear-gradient(100deg,#FFFFFF,#CFF1FF 38%,#4AC8FF);box-shadow:0 6px 20px -6px rgba(74,200,255,.6);transition:transform .2s,box-shadow .2s}
.barra-cta:hover{transform:translateY(-1px);box-shadow:0 10px 26px -8px rgba(74,200,255,.75)}
.barra-menu{display:none;flex-shrink:0;width:42px;height:42px;border-radius:12px;border:1px solid rgba(159,227,255,.2);background:rgba(255,255,255,.04);cursor:pointer;color:#E9EEF2;padding:0;align-items:center;justify-content:center}
.barra-menu svg{width:20px;height:20px}
.barra-menu .x{display:none} .barra.abierta .barra-menu .x{display:block} .barra.abierta .barra-menu .h{display:none}
.barra-panel{pointer-events:auto;max-width:1140px;margin:8px auto 0;padding:8px;border-radius:16px;background:rgba(12,22,34,.97);border:1px solid rgba(159,227,255,.18);box-shadow:0 20px 50px -20px rgba(0,0,0,.9);display:grid;gap:2px}
.barra-panel[hidden]{display:none}
.barra-panel a{text-decoration:none;color:#E9EEF2;font-weight:700;font-size:1rem;padding:13px 14px;border-radius:10px;display:flex;justify-content:space-between;align-items:center}
.barra-panel a small{color:#9FB6C8;font-weight:500;font-size:.8rem}
.barra-panel a:hover,.barra-panel a.act{background:rgba(74,200,255,.1)}
@media (max-width:980px){
  .barra-links{display:none}
  .barra-menu{display:inline-flex}
  .barra-in{gap:10px;padding:8px 8px 8px 14px}
  .barra-cta{margin-left:auto;padding:9px 14px;font-size:.84rem}
}
@media (max-width:420px){ .barra-marca b{display:none} .barra-cta{padding:9px 12px} .barra{padding:8px 10px 0} }
@media (prefers-reduced-motion:reduce){ .barra-in,.barra-cta{transition:none} }