@import url("https://fonts.cdnfonts.com/css/poppins");
@import url("https://fonts.cdnfonts.com/css/raleway-5");
@import url("https://fonts.cdnfonts.com/css/lobster-2");

:root {
  --rojo: #fa0007;
  --blanco: #ffffff;
  --negro: #000000;
  --gris: #6a6969;
}

body {
  padding: 0;
  margin: 0;
  font-family: "Raleway";
  
  
  
}

.contenedor-footer {
    display: flex;
    background-color: var(--negro);
    justify-content: space-between;
    flex-direction: column;
    padding: 1.5%;
   /* position: absolute;
    bottom: 0;*/
    margin-top: auto ;
}
.contenedor-redes {
    display: flex;
    gap: 18px;
    margin-right: 50px;
}
.i-red {
    color: var(--blanco);
    font-size: calc(1em + 1.2vw);
}
.i-red:hover {
   
    font-size: calc(1em + 1.4vw);
    cursor: pointer;
}
.titulo-principal-footer {
    margin: 0;
    color: var(--blanco);
    font-size: calc(1em + 1.03vw);
    font-weight: 700;
}
.contenedor-izq-texto {
    margin-left: 50px;
    margin-top: 2%;
    width: 40%;
}

.contenedor-der-redes {
    margin-top: 2%;
    width: 60%;
    display: flex;
    justify-content: flex-end;
}
.lema {
    color: var(--blanco);
    text-align: justify;
}
.parte-inferior {
    border: solid;
    border-top: solid var(--gris);
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 2%;
}
.contenedor-parte-superior {
    display: flex;
}
.descargarse {
    color: var(--blanco);
}


/*Media Queries*/

@media (min-width:200px) and (max-width: 700px) {
    .contenedor-parte-superior {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .contenedor-izq-texto {
        margin-left: 0;
        margin-right: 0;
        margin-top: 2%;
        width: 88%;
    }
    .contenedor-der-redes {
        margin-top: 2%;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .contenedor-redes {
        display: flex;
        gap: 10%;
        margin-right: 0;
    }
  }