// Colores.
$color-primario : #D50F0A;
$color-secundario : #0A0FD5;
$color-delante : #222;
$color-detras : #EFEFEF;
$color-acertado : #070;
$color-seleccionado : #770;
$color-gris : mix($color-delante, $color-detras, 50%);

// Tamaños.
$tamano-cabecera : 4em;
$tamano-pie : 1em;
$tamano-curvatura : .4em;

// Fuentes.
$fuente-principal : "Roboto";
$fuente-monoespaciada : "Roboto Mono";
$fuente-iconificada : "FA5FS";

// Transiciones.
$transicion-entrada : .2s;
$transicion-salida : 1s;
$transicion : .5s;

@mixin ventana($ancho){
    width : $ancho;
    padding : .5em;
    // margin : 0em;
    background-color : $color-detras;
    border : .1em solid $color-gris;
    border-radius : $tamano-curvatura;
    box-shadow : 
        0em 0em .4em inset $color-gris, 
        .1em .1em .2em $color-delante;
    legend{
        float : left;
        width : $ancho;
        height : 1.2em;
        margin : .4em 0em;
        font-weight : 900;
        text-wrap : nowrap;
        text-overflow : ellipsis;
        overflow : hidden;
        -webkit-user-select : none;
        -ms-user-select : none;
        user-select : none;
        &+p{
            display : none;
            clear : both;
        }
    }
}