html {
    font-size: 14px;
}

.navbar img {
    max-height: 75px;
}

#logoAlfagesPeq {
    display: none;
}

#logoAlfagesGran {
    display: inline;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .navbar img{
        max-height:35px;
    }
    html {
        font-size: 14px;
    }

    .boton {
        font-size: 11px;
        white-space: nowrap;
        overflow: hidden;
    }

    .container {
        max-width: 98%;
    }

    #logoAlfagesPeq {
        display: inline;
    }

    #logoAlfagesGran {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .navbar img {
        max-height: 50px;
    }

    html {
        font-size: 14px;
    }

    .boton {
        font-size: 8px;
        white-space: nowrap;
        overflow: hidden;
    }

    .container {
        max-width: 98%;
    }

    #logoAlfagesPeq {
        display: inline;
    }

    #logoAlfagesGran {
        display: none;
    }
}

.flotaLeft {
    float: left;
}

.flotaRight {
    float: right;
}

/* MENU */
nav {
    font-size: 1.4em;
    font-variant-caps: all-small-caps;
}

/* Seccion Lista, para tablas y divs*/

.Lista {
    height: 70%;
}

.listaRegistros {
    overflow: scroll;
    overflow-x: hidden;
    height: 100%;
}

.Lista th, .Lista .cabecera {
    padding: 0.2em;
    background-image: linear-gradient(-180deg, #5384DC 0%, #75A6FE 100%);
    color: white;
    clear: both;
}


.Lista tr, .Lista .registro {
    color: #666;
}

    .Lista td, .Lista .registro div {
        overflow: hidden;
    }

    .Lista tr:nth-child(even), .Lista .registro:nth-child(2n-1) {
        background-color: #ccdff0;
    }

    .Lista tr:nth-child(odd), .Lista .registro:nth-child(2n) {
        background-color: white;
    }

    .Lista tr:hover, .Lista .registro:hover {
        background-color: beige;
    }

    .Lista a, .Lista .registro a {
        text-decoration: none;
        color: black;
    }

.separador {
    clear: both;
    margin-bottom: 0.5em;
}


/* Seccion Detalles de Modelo*/
.Detalles h1 {
    padding: 0.2em;
    background-image: linear-gradient(-180deg, #5384DC 0%, #75A6FE 100%);
    color: white;
    clear: both;
}

.Detalles h2 {
    padding: 0.2em;
    background-color: #ccdff0;
    clear: both;
}

.Detalles div {
    padding: 0.2em;
}

.Detalles .campoDet {
    font-weight: bold;
}

/* Para que lo divs vacios ocupen espacio. Magia. */
.Detalles .valorDet:after {
    content: '\200b';
}

.Detalles .valorDet {
    font-size: 1.2em;
}

/* Sección Formularios */
input {
    margin: 0 1em;
}


/* BOTONES */

a.boton {
    border-radius: .5rem;
    justify-content: center;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    font-variant-caps: all-small-caps;
    font-size: 1.3rem;
    margin: 0.2em;
    padding: 0.1em 0.5em;
    display: block;
    text-align: center;
}

a.btNormal {
    color: #FFFFFF !important;
    background-image: linear-gradient(-180deg, #5384DC 0%, #75A6FE 100%);
}

    a.btNormal:hover {
        background-image: linear-gradient(-180deg, #75A6FE 0%, #86B7FF 100%);
    }

a.btVolver {
    color: #FFFFFF !important;
    background-image: linear-gradient(-180deg, #9B2323 0%, #d26171 100%);
}

    a.btVolver:hover {
        background-image: linear-gradient(-180deg, #BD4545 0%, #E37282 100%);
    }

@media (max: 768px) {
    a.boton {
        padding: 1rem 2rem;
        float: none !important;
    }
}