/* ============================================================
   Barrio Lindo — brand overrides (classic theme)
   Palette: green #0B3D2E · terracotta #C8552F · gold #E8B84B · cream #FAF6F0
   ============================================================ */
body { background: #FAF6F0; }
#header { background: #ffffff; }

/* announcement top bar */
.barrio-topbar {
  background: #0B3D2E;
  color: #D9E8E0;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  padding: 9px 16px;
  letter-spacing: .02em;
}
.barrio-topbar strong { color: #E8B84B; }
.barrio-topbar-star { color: #E8B84B; margin: 0 4px; }

/* header nav links */
#header .header-nav, #header .header-top {
  background: #ffffff;
}
#header a:hover { color: #C8552F; }

/* buttons */
.btn-primary {
  background: #C8552F !important;
  border-color: #C8552F !important;
  color: #ffffff !important;
}
.btn-primary:hover, .btn-primary:focus {
  background: #B54524 !important;
  border-color: #B54524 !important;
}
.btn-secondary, .btn-outline-primary {
  border-color: #C8552F !important;
  color: #C8552F !important;
}
.btn-secondary:hover, .btn-outline-primary:hover {
  background: #C8552F !important;
  color: #fff !important;
}

/* prices & links */
.price, .product-price, .current-price {
  color: #0B3D2E !important;
}
a:hover { color: #C8552F; }
.product-title a { color: #1F2937; }
.product-title a:hover { color: #C8552F; }

/* product cards */
.products .product-miniature {
  background: #ffffff;
  border: 1px solid #E8E0D4;
  border-radius: 14px;
  overflow: hidden;
  transition: transform .15s ease, box-shadow .15s ease;
}
.products .product-miniature:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(11,61,46,.12);
}

/* footer */
footer#footer, footer#footer .block_newsletter, footer#footer .footer-container {
  background: #0B3D2E !important;
  color: #C9E0D4;
}
footer#footer a, footer#footer .block_newsletter p {
  color: #A9C8B8 !important;
}
footer#footer a:hover { color: #E8B84B !important; }
footer#footer h4, footer#footer .h4, footer#footer .block_newsletter h4 {
  color: #ffffff !important;
}

/* home page section titles */
#wrapper .page-home h1, .category-title, .block h2, .h1, .h2 {
  color: #0B3D2E;
}

/* slider caption colors */
.carousel-caption { color: #ffffff; }

/* header logo sizing */
#_desktop_logo{padding:0;display:flex;align-items:center}
#_desktop_logo .logo,#_desktop_logo img,#_desktop_logo a{max-height:112px;width:auto;height:auto}
#_mobile_logo img{max-height:77px;width:auto;height:auto}

/* ===== Barrio Lindo footer ===== */
footer#footer, footer#footer .bl-footer { background:#0B3D2E; color:#C9E0D4; }
.bl-footer { padding:52px 0 26px; }
.bl-footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr; gap:36px; }
.bl-footer h4 { color:#fff; font-size:13px; letter-spacing:.12em; text-transform:uppercase; margin-bottom:16px; font-family:'Bricolage Grotesque','Segoe UI',sans-serif; }
.bl-footer a { display:block; padding:5px 0; font-size:14px; color:#A9C8B8; text-decoration:none; }
.bl-footer a:hover { color:#E8B84B; }
.bl-footer-about p { font-size:14px; line-height:1.65; margin-top:14px; color:#A9C8B8; }
.bl-footer-logo { display:inline-block; background:#fff; border-radius:14px; padding:10px 16px; }
.bl-footer-logo img { height:66px; width:auto; display:block; }
.bl-footer-badge { display:inline-flex; margin-top:16px; background:rgba(232,184,75,.14); border:1px solid rgba(232,184,75,.4); color:#E8B84B; font-size:12.5px; font-weight:700; letter-spacing:.06em; padding:8px 14px; border-radius:99px; }
.bl-footer-bottom { border-top:1px solid rgba(255,255,255,.14); margin-top:38px; padding-top:18px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:12.5px; color:#8FB09E; }
@media(max-width:960px){ .bl-footer-grid{ grid-template-columns:1fr 1fr; } }

/* logo column flexible (75% bigger) */
#_desktop_logo{flex:0 0 auto;width:auto;padding-right:24px}
#_desktop_logo .logo,#_desktop_logo img,#_desktop_logo a{max-height:112px;width:auto;height:auto}
.header-top-right{flex:1 1 auto !important;width:auto !important;max-width:none !important}

/* mobile logo bigger */
#_mobile_logo{display:flex;align-items:center;justify-content:center;padding:10px 0}
#_mobile_logo img{max-height:85px;width:auto;height:auto}

/* mobile logo — override la regla del tema (.top-logo img 2rem) */
.top-logo img{max-height:85px !important;width:auto;height:auto}

/* ===== eBay-style evolution (2026-08-16) ===== */
/* search pill */
#search_widget.search-widgets{border:2.5px solid #0B3D2E;border-radius:99px;background:#fff;display:flex;align-items:center;overflow:hidden;max-width:560px;margin:6px auto}
#search_widget input{flex:1;border:0;padding:11px 14px;font-size:14px;outline:0;min-width:0}
#search_widget .material-icons.search{display:none}
.bl-search-btn{background:#0B3D2E;color:#fff;border:0;padding:0 22px;font-weight:700;font-size:13.5px;cursor:pointer;white-space:nowrap}
.bl-search-btn:hover{background:#14553F}

/* category nav strip */
.bl-catnav{background:#fff;border-top:1px solid #E3DCCF;border-bottom:1px solid #E3DCCF;margin-top:10px}
.bl-catnav .container{display:flex;gap:2px;align-items:center;font-size:13.5px;font-weight:600;overflow-x:auto;padding-top:9px;padding-bottom:9px}
.bl-catnav a{padding:6px 12px;border-radius:8px;white-space:nowrap;color:#374151}
.bl-catnav a:hover{background:#F5F1EA;color:#C8552F}
.bl-catnav .bl-catnav-all{color:#C8552F}

/* product cards — dense, left-aligned (eBay style) */
.products .product-miniature{background:#fff;border:1px solid #E3DCCF;border-radius:12px;overflow:hidden}
.products .product-miniature:hover{box-shadow:0 8px 24px rgba(11,61,46,.13)}
.product-miniature .thumbnail-container{background:#fff}
.product-miniature .product-title,.product-miniature .h3.product-title{font-size:13.5px;line-height:1.3;min-height:2.6em;text-align:left;margin:8px 12px 2px}
.product-miniature .product-price-and-shipping{text-align:left;padding:0 12px}
.product-miniature .price{font-family:'Bricolage Grotesque','Segoe UI',sans-serif;font-size:18px;font-weight:800;color:#0B3D2E}
.bl-seller{font-size:11.5px;color:#6B7280;padding:2px 12px 0;text-align:left}
.bl-ship{font-size:11.5px;color:#15803D;padding:0 12px;text-align:left}
.product-miniature .product-flags,.product-miniature .highlighted-informations{display:none}
.product-miniature .product-actions{opacity:1;transform:none;position:static;padding:6px 12px 12px}
.product-miniature .add-to-cart{margin-top:0;background:#0B3D2E;border-color:#0B3D2E}
.product-miniature .add-to-cart:hover{background:#14553F}

/* result bar */
.products-selection{background:#fff;border:1px solid #E3DCCF;border-radius:10px;padding:10px 16px;margin-bottom:16px}
.products-selection .title{font-family:'Bricolage Grotesque','Segoe UI',sans-serif;font-size:16px;font-weight:700;color:#0B3D2E}
#js-product-list-top .sort-by-row{font-size:13px;color:#6B7280}

/* facets sidebar */
#search_filters{background:#fff;border:1px solid #E3DCCF;border-radius:12px;padding:14px}
#search_filters .facet .collapse,.facet-title{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#6B7280}
#search_filters .facet a,.facet-label{font-size:13px;color:#374151}
#search_filters .facet a:hover{color:#C8552F}

/* ===== Mercado Livre style (2026-08-16) ===== */
.barrio-topbar{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}
.barrio-topbar-links{display:inline-flex;gap:14px;font-size:12.5px}
.barrio-topbar-links a{color:#C9E0D4}
.barrio-topbar-links a:hover{color:#E8B84B}
.bl-srchtabs{display:flex;gap:16px;justify-content:center;font-size:12.5px;font-weight:600;color:#6B7280;margin-top:2px}
.bl-srchtabs a{color:#6B7280}
.bl-srchtabs a:hover{color:#C8552F}
.bl-mltabs{background:#fff;border-bottom:1px solid #E3DCCF;margin-top:12px}
.bl-mltabs .container{display:flex;gap:2px;align-items:center;font-size:13px;font-weight:600;overflow-x:auto;padding-top:8px;padding-bottom:8px}
.bl-mltabs a{padding:6px 12px;white-space:nowrap;color:#374151;border-radius:8px}
.bl-mltabs a:hover{background:#F5F1EA;color:#C8552F}
.bl-mltabs a.active{color:#C8552F;border-bottom:2.5px solid #C8552F;border-radius:0}
/* facets: titulo Filtros estilo ML */
#search_filters_wrapper .h6, #search_filters_wrapper h6, .block-categories .h6{font-family:'Bricolage Grotesque','Segoe UI',sans-serif;font-size:17px;font-weight:800;color:#0B3D2E;padding:10px 14px;border-bottom:1px solid #E3DCCF;margin-bottom:8px}

/* hero banner: mas alto (fullscreen) */
.carousel .carousel-inner{height:480px !important}
.carousel .carousel-inner img{width:100% !important;object-fit:cover !important}
@media(max-width:768px){.carousel .carousel-inner{height:300px !important}}

/* ===== Mobile cleanup (2026-08-16) ===== */
@media(max-width:768px){
  /* topbar: mensaje corto, sin links (van al menu) */
  .barrio-topbar{font-size:11.5px;padding:7px 10px;gap:0}
  .barrio-topbar .barrio-topbar-links{display:none}
  .barrio-topbar-star{display:none}
  /* ocultar tabs de filtros ML en movil (desorden) */
  .bl-mltabs{display:none}
  /* categorias: fila limpia y scrolleable */
  .bl-catnav .container{font-size:12.5px;padding-top:6px;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .bl-catnav a{padding:5px 9px}
  /* busqueda: ocupa el ancho */
  #search_widget.search-widgets{max-width:100%;margin:8px 6px}
  .bl-search-btn{padding:0 14px;font-size:12.5px}
  .bl-srchtabs{font-size:11.5px;gap:12px;margin-bottom:4px}
  /* hero: ocultar flechas, indicadores compactos */
  .carousel .carousel-control-prev,.carousel .carousel-control-next{display:none !important}
  .carousel-indicators{display:none}
  /* grid productos: compacto */
  .products .product-miniature .product-title{font-size:12.5px;min-height:2.4em}
  .product-miniature .price{font-size:16px}
  .product-miniature .product-actions{padding:4px 10px 10px}
  /* home block: menos padding */
  .bl-stats{grid-template-columns:repeat(2,1fr);padding:18px;gap:14px}
  .bl-stat b{font-size:22px}
}

/* ===== Mobile header FIX: buscador NO superpuesto al logo ===== */
@media(max-width:768px){
  .header-banner .mobile{display:flex;align-items:center;gap:6px;justify-content:center;flex-wrap:wrap;padding:4px 0}
  #menu-icon{order:0}
  #_mobile_logo{order:1;width:auto;flex:0 0 auto;padding:0}
  #_mobile_logo img{max-height:62px}
  #_mobile_cart{order:2}
  #_mobile_user_info{order:3}
  .header-top{padding:0}
  .header-top .container{max-width:100%;padding:0 8px}
  .header-top-right{width:100%;flex:0 0 100%;max-width:100%;display:flex;flex-direction:column;align-items:center;padding:0}
  #search_widget.search-widgets{margin:6px 8px;width:calc(100% - 16px);max-width:100%}
  .bl-srchtabs{margin-bottom:6px}
}

/* ============================================================
   Maqueta C (2026-08-17) — port de la maqueta aprobada
   Componentes: pasos centrados, carrusel "Lo más pedido",
   grilla "Todo el catálogo", botón WhatsApp, tipografía.
   Solo agrega clases nuevas (bl-*) — no pisa el tema ni el
   trabajo de design/ebay-evolution.
   ============================================================ */

/* tipografía de marca (Bricolage Grotesque + Inter) */
.bl-fonts-ready h1,.bl-fonts-ready h2,.bl-fonts-ready h3,.bl-ebay-card h3,.bl-step h3,.bl-stats b{font-family:'Bricolage Grotesque','Segoe UI',sans-serif}

/* CTA WhatsApp en la topbar */
.barrio-topbar-wa{display:inline-flex;align-items:center;gap:6px;background:#22C55E;color:#fff !important;padding:4px 14px;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap;text-decoration:none}
.barrio-topbar-wa:hover{background:#16A34A;color:#fff !important}
@media(max-width:768px){.barrio-topbar-wa{display:none}}

/* sección cómo comprar — pasos CENTRADOS (cambio aprobado) */
.bl-steps-sec{background:#fff;border-top:1px solid #E8E0D4;padding:56px 0}
.bl-steps-sec .bl-sec-head{text-align:center;margin-bottom:34px}
.bl-steps-sec .bl-sec-head h2{font-size:clamp(26px,3.4vw,36px);font-weight:800;letter-spacing:-.01em;color:#0B3D2E;margin-bottom:8px}
.bl-steps-sec .bl-sec-head h2 em{font-style:normal;color:#C8552F}
.bl-steps-sec .bl-sec-head p{color:#6B7280;font-size:15px;max-width:52ch;margin:0 auto}
.bl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto}
.bl-step{background:#FAF6F0;border:1px solid #E8E0D4;border-radius:18px;padding:28px 26px;text-align:center}
.bl-step .n{width:44px;height:44px;border-radius:50%;background:#0B3D2E;color:#E8B84B;display:grid;place-items:center;font-family:'Bricolage Grotesque','Segoe UI',sans-serif;font-weight:800;font-size:18px;margin:0 auto 16px}
.bl-step h3{font-size:17px;margin-bottom:6px;color:#0B3D2E}
.bl-step p{font-size:14px;color:#6B7280;line-height:1.55}
@media(max-width:960px){.bl-steps{grid-template-columns:1fr}}

/* botón WhatsApp (componente reutilizable) */
.bl-wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#E8F7EE;color:#15803D;font-weight:700;font-size:13px;padding:9px 14px;border-radius:99px;border:1px solid #BBF7D0;text-decoration:none}
.bl-wa-btn:hover{background:#DCFCE7;color:#15803D;text-decoration:none}

/* carrusel "Lo más pedido" estilo eBay */
.bl-ebay-sec{padding:56px 0}
.bl-ebay-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px;gap:20px;flex-wrap:wrap}
.bl-ebay-head > div:first-child{width:100%;text-align:center}
.bl-ebay-head h2{font-size:clamp(26px,3.4vw,36px);font-weight:800;letter-spacing:-.01em;color:#0B3D2E;margin-bottom:8px}
.bl-ebay-head h2 em{font-style:normal;color:#C8552F}
.bl-ebay-head p{color:#6B7280;font-size:15px;margin-top:8px}
.bl-ebay-head .bl-ebay-arrows{position:absolute;right:16px;top:56px}
@media(max-width:960px){.bl-ebay-head .bl-ebay-arrows{position:static}}
.bl-ebay-arrows{display:flex;gap:10px}
.bl-ebay-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid #E8E0D4;background:#fff;color:#0B3D2E;font-size:20px;font-weight:700;cursor:pointer;display:grid;place-items:center;transition:background .12s ease,color .12s ease;box-shadow:0 10px 30px rgba(11,61,46,.10)}
.bl-ebay-arrows button:hover{background:#0B3D2E;color:#E8B84B}
.bl-ebay-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 14px;scrollbar-width:none}
.bl-ebay-track::-webkit-scrollbar{display:none}
.bl-ebay-card{flex:0 0 214px;scroll-snap-align:start;background:#fff;border:1px solid #E8E0D4;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s ease,transform .15s ease}
.bl-ebay-card:hover{box-shadow:0 12px 28px rgba(11,61,46,.14);transform:translateY(-3px)}
.bl-ebay-card .ph{background:#F7F4EE;height:170px;display:grid;place-items:center;position:relative}
.bl-ebay-card .ph img{width:100%;height:100%;object-fit:cover}
.bl-ebay-card .ph .cat-tag{position:absolute;top:8px;left:8px;background:#0B3D2E;color:#E8B84B;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:99px}
.bl-ebay-card .bd{padding:12px 13px 13px;display:flex;flex-direction:column;flex:1}
.bl-ebay-card h3{font-size:13.5px;font-weight:600;line-height:1.35;color:#1F2937;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:37px;margin-bottom:4px}
.bl-ebay-card .who{font-size:11.5px;color:#6B7280;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bl-ebay-card .price{font-family:'Bricolage Grotesque','Segoe UI',sans-serif;font-weight:800;font-size:19px;color:#0B3D2E}
.bl-ebay-card .price small{font-size:10.5px;font-weight:600;color:#6B7280;display:block}
.bl-ebay-card .order{margin-top:auto;padding-top:10px}
.bl-ebay-card .bl-wa-btn{width:100%}
@media(max-width:960px){.bl-ebay-card{flex:0 0 172px}.bl-ebay-card .ph{height:140px}}

/* grilla "Todo el catálogo" */
.bl-ebay-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
@media(max-width:1180px){.bl-ebay-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.bl-ebay-grid{grid-template-columns:repeat(2,1fr)}}