/* Sección banner */
.banner-inicio{
    width: 100%;
    border-radius: 20px;
    padding: 48px;
    background: var(--blanco);
}
ul.links-rrss{
    padding: 0;
}
ul.links-rrss li{
    display: inline-block;
    margin-right: 16px;
}
ul.links-rrss li a{
    color: var(--rosa-oscuro);
}
ul.links-rrss li a:hover{
    color: var(--gris);
}




@media (max-width: 992px) {
    .banner-inicio{
        margin-top: 24px;
        text-align: center;
        padding: 24px;
    }
    .banner-inicio .profile-photo{
        margin-bottom: 2rem;
    }
    .banner-inicio .btn{
        width: 100%;
    }
}

/* Sección Qué hago */

.card-que-hago{
    background: var(--blanco);
    border-radius: 48px;
    padding: 32px;
}
@media (max-width: 992px) {
    .card-que-hago{
        border-radius: 24px;
        padding: 24px;
    }
}

/* Sección Skills */
.card-skills ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.card-skills{
    background: var(--blanco);
    border-radius: 48px;
    padding: 48px;
}
.etiqueta-skill{
    padding:16px 32px;
    background: var(--rosa-claro);
    color: var(--gris);
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 1rem;
    margin-right: 16px;
}

.card-skills ul.hotizontal-list li{
    display: inline-block;
}
.card-skills ul.hotizontal-list li .etiqueta-skill{
    margin-bottom: 0;
}
@media (max-width: 992px) {
    .card-skills{
        background: var(--blanco);
        border-radius: 24px;
        padding: 24px;
    }
    .card-skills ul.hotizontal-list li .etiqueta-skill{
        margin-bottom: 16px;
    }
}

/* Sección Mis Proyectos */

.contenedor-proyecto{
    padding: 48px;
    background: var(--blanco);
    border-radius: 48px;
}

.form-control {
    display: block;
    width: 100%;
    padding: 1rem 2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--rosa-claro);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--rosa-claro);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}