/* ============================================================
 * custom.css — CAPA DE EDICION RAPIDA (se carga la ultima, prio 1000).
 *
 * Vacío: HEADER, MINIATURA, CATEGORIA y FICHA PRODUCTO ya están portados a sus
 * parciales SCSS (_dev/css/components/). Usa este archivo solo para ajustes
 * puntuales en caliente; cuando se estabilicen, pásalos a su parcial.
 * ============================================================ */
 
 /*HEADER*/
#header .header__topbar{
 background:var(--color-terciary);
 padding-block:11px;
}
#header .header__topbar .topbar-content{
    text-align:center;
}
#header .header__topbar .topbar-content span{
  font:500 15px/100% var(--fuente);
 color:var(--color-octonary);
}
#header .header__main {
 display:flex;
    flex-direction:row;
    align-items:center;
    gap:32px;
    padding-block:22px;
    justify-content: space-between;
}
#header .header__main .header__menu-toggle{
    display:none;
}

#header .header__main .header__tools{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:24px;
}
#header .header__main {
    
}
#header  .header__search-bar,#header .header__search-bar_input-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

#header  .header__search-bar {
    background: #F5F7F7;
    border: 1px solid #E0E3E8;
    border-radius: 999px;
    padding: 5px 6px 5px 20px
}

#header .header__search-bar_input-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

#header  .header__search-bar_input-wrapper input {
    font: 400 16px/100% var(--fuente);
    color: #6E7A85;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 40px;
}

#header  .header__search .searcher-btn {
    padding: 12px 20px;
    border-radius: 50%;
    width:40px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
}
#header  .header__search .searcher-btn svg{ 
    flex-grow:1;
    flex-shrink:0;
}
#header .searcher-mobile{
    display:none;
}

@media(max-width:992px){
    #header .header__main .header__menu-toggle,
    #header .searcher-mobile{
        display:block;
    }
    #header .header__main .header__search{
        display:none;
    }
    #header .header__topbar span.info-text{
        display:none;
    }
}