Buscar

Buscar Productos:

/* ========================================================= FRANJA CALYPSO (grupo con class="row box-bottom-header") Layout definitivo según lo que pediste. ========================================================= *//* ===== DESKTOP/TABLET (≥576px): logo izq, buscador centro (flex), login+carro der ===== */@media (min-width: 576px){ #header .header-top .inner .row.box-bottom-header{ display:flex !important; align-items:center !important; /* centra verticalmente */ flex-wrap:wrap !important; padding-top:6px !important; /* ⇐ ajusta alto */ padding-bottom:6px !important; gap:12px; /* separación entre columnas */ } /* Todas las columnas centradas verticalmente y sin floats */ #header .header-top .inner .row.box-bottom-header > .ApColumn{ display:flex !important; flex-direction:column !important; justify-content:center !important; min-height:0 !important; float:none !important; } /* Distribución: el buscador ocupa el espacio flexible del centro */ #header .header-top .inner .row.box-bottom-header > .ord-logo { flex: 0 0 auto; } #header .header-top .inner .row.box-bottom-header > .ord-search { flex: 1 1 420px; } /* crece */ #header .header-top .inner .row.box-bottom-header > .ord-login { flex: 0 0 auto; } #header .header-top .inner .row.box-bottom-header > .ord-cart { flex: 0 0 auto; } /* Buscador cómodo y alineado */ #header .header-top .inner .row.box-bottom-header #leo_search_block_top{ display:flex !important; align-items:center !important; width:100% !important; } #header .header-top .inner .row.box-bottom-header #leosearchtopbox{ flex:1 1 auto !important; width:100% !important; max-width:820px !important; /* ⇐ ajusta si quieres más ancho */ } #header .header-top .inner .row.box-bottom-header #leo_search_query_top{ flex:1 1 auto !important; min-width:0 !important; } /* Login en 2 líneas compacto */ #header .header-top .inner .row.box-bottom-header .ap-quick-login .header-login-link{ display:flex !important; flex-direction:column !important; gap:2px !important; line-height:1.15 !important; text-decoration:none !important; color:inherit !important; } #header .header-top .inner .row.box-bottom-header .ap-quick-login .hello{ font-size:16px !important; font-weight:400 !important; margin:0 !important; } #header .header-top .inner .row.box-bottom-header .ap-quick-login .action{ font-size:18px !important; font-weight:700 !important; margin:0 !important; }}/* ===== MÓVIL (≤575.98px): apilar y ordenar → Logo, Login, Carrito, Buscador ===== */@media (max-width: 575.98px){ #header .header-top .inner .row.box-bottom-header{ display:flex !important; flex-direction:column !important; align-items:stretch !important; padding-top:6px !important; padding-bottom:6px !important; gap:6px; } #header .header-top .inner .row.box-bottom-header > .ApColumn{ width:100% !important; flex:0 0 auto !important; float:none !important; } /* ORDEN deseado */ #header .header-top .inner .row.box-bottom-header > .ord-logo { order: 1 !important; } #header .header-top .inner .row.box-bottom-header > .ord-login { order: 2 !important; } #header .header-top .inner .row.box-bottom-header > .ord-cart { order: 3 !important; } #header .header-top .inner .row.box-bottom-header > .ord-search { order: 4 !important; } /* Buscador full-width real */ #header .header-top .inner .row.box-bottom-header #leo_search_block_top{ display:flex !important; align-items:center !important; width:100% !important; } #header .header-top .inner .row.box-bottom-header #leosearchtopbox{ width:100% !important; max-width:none !important; } #header .header-top .inner .row.box-bottom-header #leo_search_query_top{ flex:1 1 auto !important; min-width:0 !important; } /* Login compacto en móvil */ #header .header-top .inner .row.box-bottom-header .ap-quick-login .header-login-link{ gap:1px !important; line-height:1.15 !important; }}/* ===== Teléfonos grandes (iPhone Pro/Max, Android XL) ===== */@media (min-width: 430px) and (max-width: 600.98px){ #header .header-top .inner .row.box-bottom-header #leosearchtopbox{ width:100% !important; max-width:none !important; }}