@charset "UTF-8"; /* Establece la codificación de la hoja de estilos a Unicode UTF-8 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&family=Public+Sans:wght@100..900&display=swap');

/* COLORS  */
:root {
    --violeta: #4658A4;
    --amarillo: #ECA92C;
    --naranja: #DC7F6F;
    --verde: #5EA879;
  }
.violeta{
    color: var(--violeta);
}
.violeta-bck{
    background-color: var(--violeta);
    color: white;
}
.amarillo{
    color: var(--amarillo);
}
.amarillo-bck{
    background-color: var(--amarillo);
    color: var(--violeta);
}
.verde-bck{
    background: var(--verde);
    color: white;
}

*{
    font-family: "Montserrat", sans-serif;
    font-style: normal;
}

h1, h2, h3, h4, .h2{
    font-family: "Public Sans", serif;
    font-weight: 900;
    font-style: normal;
}

h1{
    font-size: 4.3rem;
}

ul.nav.nav-pills{
    display: flex;
    align-items: center;

    .nav-link:hover{
        color: white;
    }
}

.imagen-encabezado{
    background: url(../img/encabezado-min.svg) no-repeat;
}

#aplicaciones {
    h4{
        display: flex;
        align-items: center;
        color: var(--naranja);
    }
    p{
        font-size: .83rem;
    }
}

#message{
    background: url(../img/message.jpg) no-repeat;

    p{line-height: 2em;}
}

#contacto{
    p, .form-check, input{font-size: .83rem;}
    .form-check{
        display: flex;
        align-items: center;
    }
}

footer{
    font-size: .8rem;
    a{color: white;}
}

@media (min-width: 768px){
    #encabezado p.fs-5{
        padding-right: 15rem;
    }
}

@media (min-width: 400px){
    footer{
        text-align: center;
    }
}