/**
 * [gd_buscador] — Campo gris con la lupa naranja a la derecha, como los
 * campos del carrito y del checkout.
 */
form.gd-buscador {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
}

form.gd-buscador input.gd-buscador__input {
    display: block !important;
    width: 100% !important;
    height: 43px !important;
    margin: 0 !important;
    padding: 0 52px 0 16px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: #F0F0F0 !important;
    color: #0C0C0C !important;
    box-shadow: none !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
    -webkit-appearance: none;
    appearance: none;
}

form.gd-buscador input.gd-buscador__input::placeholder {
    color: #9A9A9A !important;
    opacity: 1;
}

form.gd-buscador input.gd-buscador__input:focus {
    border-color: #EE8105 !important;
    outline: 0 !important;
}

/* La "x" de borrar del navegador quedaría debajo de la lupa. */
form.gd-buscador input.gd-buscador__input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: none;
}

form.gd-buscador button.gd-buscador__boton {
    position: absolute;
    top: 0;
    right: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 48px !important;
    height: 43px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 10px 10px 0 !important;
    background: transparent !important;
    color: #EE8105 !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: color .2s ease;
}

form.gd-buscador button.gd-buscador__boton:hover,
form.gd-buscador button.gd-buscador__boton:focus-visible {
    color: #0C0C0C !important;
}

form.gd-buscador button.gd-buscador__boton:focus-visible {
    outline: 2px solid #EE8105 !important;
    outline-offset: -2px;
}

form.gd-buscador .gd-lupa {
    display: block;
    width: 18px;
    height: 18px;
}
