/* =====================
BUSCADOR SANBOSI
===================== */

.search-container{

position:absolute;

top:-10px;
right:300px;

display:flex;
align-items:center;

z-index:200;

}

/* BOTON LUPA */

.search-btn{

background:none;
border:none;

cursor:pointer;

}

/* ICONO SVG */

.search-icon{

width:50px;
height:50px;

stroke:white;
stroke-width:2;
fill:none;

transition:0.3s;

}

.search-btn:hover .search-icon{

stroke:yellow;
transform:scale(1.2);

}

/* INPUT BUSQUEDA */

.search-input{

width:0;

opacity:0;

margin-left:10px;

padding:8px 12px;

border-radius:20px;

border:none;

outline:none;

transition:0.4s;

font-size:14px;

}

/* INPUT ACTIVO */

.search-container.active .search-input{

width:180px;

opacity:1;

}