/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none;
    scroll-behavior: smooth;
}

:focus {
    outline: 0;
}
*:focus-visible {
    outline: 1px solid map.get($color-options, a);
}

html {
    overscroll-behavior: none;

}



main {
    margin-top: $headerDesktop;

    @media all and ($viewport-type: $tabletl) {
        margin-top: $headerTabletl;
    }
}

b,
strong {
    font-weight: 600;
}

ul,
ol {
    list-style: none;
}
img {
    max-width: 100%;
}
fieldset {
    border: none;
}

//todos los input menos, range
// input[type=search]::-webkit-search-decoration,
// input[type=search]::-webkit-search-results-button,
// input[type=search]::-webkit-search-results-decoration,
input[type=search]::-webkit-search-cancel-button, // X que aparece en focus
input[type=text],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
input[type=email],
input[type=search],
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time],
input[type=week],
input[type=file],
input[type=checkbox],
input[type=radio],
input[type=submit],
input[type=button],
input[type=reset],
select,
textarea,
button {
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
}

textarea {
    resize: vertical;
}

select,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    // background: transparent;
}

button {
    cursor: pointer;
    background: transparent;
}

// remove dotted outline/border in Firefox
select:-moz-focusring {
    color: transparent !important;
    text-shadow: 0 0 0 map.get($color-options, a) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid map.get($color-options, b);
    -webkit-text-fill-color: map.get($color-options, b);
    color: map.get($color-options, b);
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}