.skip-link{position:absolute;left:12px;top:-48px;z-index:1000;padding:10px 14px;background:#fff;color:#111;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.skip-link:focus{top:12px}
.example-queries{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.example-queries>span,.search-help{font-size:.82rem;opacity:.72}
.searchbox .example-queries{color:#32465d}
.example-chip{appearance:none;border:1px solid #cbd7e4;background:#edf2f8;color:#21374f;border-radius:999px;padding:8px 11px;cursor:pointer;font:inherit;font-size:.82rem;line-height:1.1}
.example-chip:hover,.example-chip:focus-visible{border-color:#667f99;background:#e3ebf4;color:#10233a}
.searchbox textarea::placeholder{color:#687b8f;opacity:1}
.search-help{display:block;margin-top:10px}
.initial-state{display:grid;place-items:center;text-align:center;min-height:230px;padding:36px 20px;border:1px dashed rgba(127,127,127,.28);border-radius:18px;background:rgba(127,127,127,.035)}
.initial-state strong{font-size:1.08rem}
.initial-state p{max-width:560px;margin:8px auto 0;opacity:.72;line-height:1.55}
.initial-mark{display:grid;place-items:center;width:42px;height:42px;margin-bottom:12px;border-radius:14px;border:1px solid rgba(127,127,127,.24);font-size:1.25rem;font-weight:700}
#comparador[aria-busy='true'] #results{opacity:.56;pointer-events:none}
#searchBtn[aria-busy='true']{cursor:progress}
#searchBtn:disabled{opacity:.72;cursor:progress}
.searching #results{transition:opacity .18s ease}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.offline-retry{display:inline-block;border-radius:10px;padding:10px 13px;background:var(--accent);color:#07111f;font-weight:900}

@media (display-mode:standalone){
  .nav{padding-top:max(22px,env(safe-area-inset-top));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
  footer{padding-bottom:max(50px,env(safe-area-inset-bottom))}
}

@media (max-width:900px){
  .nav{flex-wrap:wrap;gap:12px}
  .nav nav{order:3;width:100%;display:flex;gap:16px;overflow-x:auto;padding-bottom:4px;white-space:nowrap}
  .hero{grid-template-columns:1fr!important;gap:24px!important}
  .agent-card{max-width:none!important}
  .filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #searchBtn{min-height:44px}
  .results-section,.steps,.business{scroll-margin-top:16px}
}

@media (max-width:760px){
  .comparison-group-head,.section-head,.business{align-items:flex-start!important}
  .comparison-group-head,.section-head{flex-direction:column!important;gap:8px!important}
  .comparison-summary{text-align:left!important}
  .offer-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .offer-store{grid-column:1/-1!important}
  .offer-table{overflow:visible!important}
  .recommendation-grid,.quick-summary{grid-template-columns:1fr!important}
}

@media (max-width:560px){
  .nav{padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}
  .nav .brand{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hero,.results-section,.steps,.business{padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}
  .filters{grid-template-columns:1fr!important}
  .filters>*{width:100%;min-height:44px}
  .example-queries{align-items:flex-start}
  .example-queries>span{width:100%}
  .example-chip{min-height:40px}
  .offer-row{grid-template-columns:1fr!important}
  .offer-store{grid-column:auto!important}
  .comparison-group{border-radius:16px!important}
  .initial-state{min-height:190px;padding:28px 16px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}