@charset "UTF-8";
/*
ROOT
Archivo estilo elementos principales de la página.

Notas:
    - Ancho mínimo: 320px
    - Ancho móvil:  576px

Autor: Pablo Pizarro R. @ppizarror.com
Licencia MIT
*/

/**
-------------------------------------------------------------------------------
Elementos base
-------------------------------------------------------------------------------
 */
body {
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    background-color: #303030;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    font-family: sans-serif;
    font-size: 15px !important;
    overflow-x: hidden;
    overflow-y: hidden;
    shape-rendering: auto;
}

@media screen and (max-width: 576px) {
    body {
        font-size: 13px !important;
        overflow-x: initial;
    }
}

pre {
    font-family: "Consolas", monospace;
}

/**
Si bien se añade en bootstrap esta se carga de forma asíncrona
 */
*,
*:before,
*:after {
    box-sizing: border-box;
    /* noinspection CssUnknownProperty */
    font-display: block;
}

/**
Desactiva la selección de un objeto
 */
.noselect {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    outline: none;
    user-select: none;
}

/**
Clase que desactiva eventos touch
 */
.disabledButton {
    filter: alpha(opacity=40);
    opacity: 0.4;
    pointer-events: none;
    zoom: 1;
}

/**
Desactiva el outline de los select en Firefox
 */
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000000;
}

select.decoration option:hover {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
}

/**
-------------------------------------------------------------------------------
Selectores
-------------------------------------------------------------------------------
 */
.common-selector {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    padding: 0 5px;
}

@media screen and (max-width: 576px) {
    .common-selector {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 0 3px;
    }
}