.sobre-mi{
    max-width:800px;
    margin:80px auto;
    line-height:1.7;
    font-size:18px;
    margin-top: 100px;
}

.sobre-container{
    display:flex;
    align-items:center;
    gap:100px;
}

.sobre-img{
    flex:1;
}

.sobre-img img{
    width:80%;
    max-width:350px;
    border-radius:12px;
}

.sobre-info{
    flex:1;
}

.sobre-info h5{
    color:#777;
    margin-bottom:10px;
}

.sobre-info h1{
    font-size:40px;
    margin-bottom:20px;
}

.sobre-info p{
    margin-bottom:15px;
    line-height:1.6;
}

/* SKILLS */

.skills{
    margin-top:25px;
}

.skills h3{
    margin-bottom:10px;
}

.skills ul{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    list-style:none;
    padding:0;
}

.skills li{
    background:#f3f3f3;
    padding:8px 14px;
    border-radius:6px;
    font-size:14px;
}

/* BOTONES */

.sobre-botones{
    margin-top:25px;
    display:flex;
    gap:15px;
}

.btn{
    background:#0f172a;
    color:white;
    padding:10px 18px;
    border-radius:6px;
    text-decoration:none;
}

.btn:hover{
    opacity:0.85;
}

.btn-outline{
    border:2px solid #0f172a;
    color:#0f172a;
    padding:8px 18px;
    border-radius:6px;
    text-decoration:none;
}

.btn-outline:hover{
    background:#0f172a;
    color:white;
}


@media (max-width:768px){

.sobre-container{
    flex-direction:column;
    text-align:center;
}

.sobre-img img{
    max-width:250px;
}


.sobre-botones{
    justify-content:center;
}
.sobre-img{
display: none;
}

}