/*=========================================================
RESET.CSS
RILION GRACIE SAN RAFAEL
=========================================================*/

*,
*::before,
*::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
}

body{
    min-height:100vh;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

img,
picture,
video,
canvas,
svg{
    display:block;
    max-width:100%;
}

/* height:auto es imprescindible junto con los atributos
   width y height del HTML.

   Esos atributos le dan al navegador la proporción de la
   imagen para reservarle el lugar antes de descargarla (y
   así la página no salta al cargar). Pero si el CSS después
   cambia el ancho y no libera el alto, la imagen se estira:
   el navegador usa el alto del atributo tal cual. */

img{
    height:auto;
}

img{
    user-select:none;
    -webkit-user-drag:none;
}

input,
button,
textarea,
select{
    font:inherit;
    border:none;
    outline:none;
    background:none;
}

button{
    cursor:pointer;
}

a{
    text-decoration:none;
    color:inherit;
}

ul,
ol{
    list-style:none;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}

textarea{
    resize:none;
}

iframe{
    border:0;
}

:focus-visible{
    outline:2px solid #F58220;
    outline-offset:4px;
}

::selection{
    background:#F58220;
    color:#fff;
}