/* ALVEAR SHOPPING · V42 UI HOTFIX
   Diseñado para integrarse sobre el deploy actual sin reemplazar React ni reglas comerciales. */

/* Marca completa: conservar pixels del logo oficial y evitar recorte visual. */
.topbar .brand{height:100%;display:flex;align-items:center;justify-content:center;min-width:120px;overflow:visible}
.topbar .brand-logo{display:block;width:78px!important;height:68px!important;max-width:78px!important;object-fit:contain!important;object-position:center!important;border-radius:12px;filter:drop-shadow(0 0 14px rgba(0,212,255,.15)) drop-shadow(0 0 18px rgba(139,92,246,.11))!important}

/* Buscar: el fondo acompaña, no compite con la interfaz. */
.search-screen>.hero-overlay.stronger{background:linear-gradient(180deg,rgba(5,9,18,.64),rgba(5,9,18,.86) 66%,rgba(4,7,14,.96)),linear-gradient(90deg,rgba(13,27,42,.72),rgba(10,10,15,.40) 54%,rgba(10,10,15,.72))!important}
.search-screen .search-results{background:linear-gradient(145deg,rgba(13,27,42,.88),rgba(10,10,15,.90));border-color:rgba(0,212,255,.26);box-shadow:0 18px 54px rgba(0,0,0,.34),inset 0 1px rgba(248,250,252,.04)}

/* El fallo de API deja de ocupar la pantalla completa. */
.search-results .api-state.compact.v42-compact-connection{max-width:none;margin:12px 0 16px;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title action" "copy action" "progress progress";align-items:center;justify-items:stretch;gap:4px 14px;text-align:left;border-radius:16px;border:1px solid rgba(0,212,255,.22);background:linear-gradient(105deg,rgba(13,27,42,.94),rgba(27,38,59,.78));box-shadow:inset 0 1px rgba(248,250,252,.05),0 10px 30px rgba(0,0,0,.18)}
.search-results .api-state.compact.v42-compact-connection::before{display:none}
.search-results .api-state.compact.v42-compact-connection>.dimensional-art,
.search-results .api-state.compact.v42-compact-connection>.state-kicker{display:none!important}
.search-results .api-state.compact.v42-compact-connection>h2{grid-area:title;max-width:none;margin:0;color:#F8FAFC;background:none;-webkit-text-fill-color:initial;font:800 14px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.01em}
.search-results .api-state.compact.v42-compact-connection>p{grid-area:copy;max-width:760px;margin:0;color:#CBD5E1;font-size:12px;line-height:1.45}
.search-results .api-state.compact.v42-compact-connection>.retry-progress{grid-area:progress;width:min(100%,440px);margin:8px 0 0}
.search-results .api-state.compact.v42-compact-connection>.dimensional-retry,
.search-results .api-state.compact.v42-compact-connection>.dimensional-all-categories{grid-area:action;align-self:center;min-height:42px;margin:0;padding:10px 15px;white-space:nowrap;font-size:11px;border-radius:999px}

/* Alternativas útiles cuando no se pudieron cargar productos. */
.v42-discovery{margin-top:14px;padding:17px 0 2px;border-top:1px solid rgba(148,163,184,.13)}
.v42-discovery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}
.v42-discovery-head>div{display:grid;gap:4px}
.v42-discovery-head small{color:#C4B5FD;font-size:10px;font-weight:800;letter-spacing:.17em}
.v42-discovery-head strong{color:#F8FAFC;font-size:18px}
.v42-discovery-head>a{min-height:44px;display:inline-flex;align-items:center;color:#FCD34D;font-size:12px;font-weight:800}
.v42-discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.v42-discovery-grid>a{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px 13px;border:1px solid rgba(139,92,246,.22);border-radius:14px;background:linear-gradient(135deg,rgba(27,38,59,.76),rgba(10,10,15,.76));color:#F8FAFC;font-size:12px;font-weight:700;transition:border-color .18s,box-shadow .18s,transform .18s}
.v42-discovery-grid>a::after{content:"›";color:#00D4FF;font-size:20px;line-height:1}
.v42-discovery-grid>a:hover,.v42-discovery-grid>a:focus-visible{transform:translateY(-1px);border-color:rgba(0,212,255,.56);outline:3px solid rgba(0,212,255,.10);outline-offset:1px;box-shadow:0 0 20px rgba(139,92,246,.12)}
.v42-discovery-secondary{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
.v42-discovery-secondary>a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid rgba(248,250,252,.12);border-radius:999px;background:rgba(10,10,15,.44);color:#DDE5EF;font-size:12px}

@media(max-width:680px){
  .topbar{height:76px!important;top:10px!important;left:10px!important;right:10px!important;padding:0 12px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;gap:8px!important}
  .topbar .mobile-menu-btn{justify-self:start}
  .topbar .brand{min-width:0!important;justify-self:center}
  .topbar .brand-logo{width:66px!important;height:66px!important;max-width:66px!important}
  .topbar .top-actions{justify-self:end;gap:0}
  .topbar .top-actions>a[href="/buscar"],.topbar .top-actions>a[href="/favoritos"],.topbar .top-actions>a[href="/cuenta"]{display:none!important}
  .topbar .top-actions>a[href="/bolsa"]{display:grid!important;min-width:44px;min-height:44px}

  .search-screen{padding:100px 12px 94px!important}
  .search-page-head{margin-bottom:12px!important}
  .search-page-head>small{display:none}
  .search-page-head h1{font-size:30px!important;line-height:1.06!important;margin:0 0 13px!important}
  .search-page-head>.searchbar{margin:0 0 12px!important;height:54px!important;padding:0 15px!important}
  .scope-tabs{display:grid!important;grid-template-columns:.72fr .98fr 1.30fr;gap:7px!important;width:100%;overflow:visible!important}
  .scope-tabs button{min-width:0!important;min-height:44px;padding:8px 7px!important;font-size:13px;white-space:nowrap}
  .search-results{padding:13px 12px!important;border-radius:20px!important}
  .search-results .catalog-head{align-items:flex-start;gap:9px;margin-bottom:12px}
  .search-results .catalog-head strong{font-size:16px;line-height:1.25}
  .search-results .catalog-head span{font-size:11px;white-space:nowrap}

  .search-results .api-state.compact.v42-compact-connection{grid-template-columns:1fr;grid-template-areas:"title" "copy" "progress" "action";gap:5px;padding:12px;margin:10px 0 12px}
  .search-results .api-state.compact.v42-compact-connection>h2{font-size:13px}
  .search-results .api-state.compact.v42-compact-connection>p{font-size:11px;line-height:1.45}
  .search-results .api-state.compact.v42-compact-connection>.dimensional-retry,
  .search-results .api-state.compact.v42-compact-connection>.dimensional-all-categories{width:100%;margin-top:6px}

  .v42-discovery{margin-top:12px;padding-top:14px}
  .v42-discovery-head{align-items:center}
  .v42-discovery-head strong{font-size:16px}
  .v42-discovery-grid{grid-template-columns:1fr 1fr;gap:8px}
  .v42-discovery-grid>a{min-height:52px;padding:10px 11px}
  .v42-discovery-secondary{display:grid;grid-template-columns:1fr 1fr}
  .v42-discovery-secondary>a{border-radius:13px;text-align:center;padding-inline:9px}
}

@media(max-width:430px){
  .topbar .brand-logo{width:62px!important;height:62px!important;max-width:62px!important}
  .scope-tabs{grid-template-columns:.70fr .98fr 1.32fr}
  .scope-tabs button{font-size:12.5px!important;padding-inline:5px!important}
  .v42-discovery-grid,.v42-discovery-secondary{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .v42-discovery-grid>a{transition:none!important}
  .v42-discovery-grid>a:hover{transform:none!important}
}