/*++ ESTILOS CSS PARA LA PAGINA DE PLANES DE INTERNET ++*/
.content .fichas h3{
    text-align: center;
    font-size: 30px;
    margin-top: 0;
    padding-top: 5px;
}

.galeria{
    background-image: url(/imagenes/Blue\ Minimalist\ Linktree\ Background.png);
}

.gallery{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin: 7px 0;
}

.gallery .content{
    width: 20%;
    margin: 15px;
    box-sizing: border-box;
    float: left;
    text-align: center;
    border-radius: 20px;
    cursor: pointer;
    padding-top: 5px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25),
    0 10px 10px rgba(0,0,0,0.22);
    transition: .4s;
    background: #f2f2f2;
}

.gallery .content:hover{
    background-color: #e4ff16;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16),
    0 3px 6px rgba(0,0,0,0.23);
    transform: translateY(-5%);
    cursor: pointer;
}


/*ESTILOS PARA FOOTER*/
.pie-de-pagina{
    width: 100%;
    background-color: #0a141d;
}


.pie-de-pagina .grupo-1{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 50px;
    padding: 45px 0px;
}


.container .box h3{
    color: antiquewhite;
}


/*++ ESTILOS CSS PARA BANNER ++*/
.banner{
    height: 200px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}