*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial, sans-serif;
    background:#eef5ff;
}

.layout{
    display:flex;
    min-height:100vh;
}

.logo-menu{
    width:100px;
    display:block;
    margin:auto;
    margin-bottom:15px;
}
.menu-lateral{
    width:260px;
background: linear-gradient(
        135deg,
        rgb(65, 120, 172),
        rgb(134,196,255)
    );    padding:20px;
}

.menu-lateral h2{
    color:white;
    text-align:center;
    margin-bottom:30px;
}

.menu-lateral a{
    display:block;
    text-decoration:none;
    color:white;
    padding:14px;
    border-radius:12px;
    margin-bottom:10px;
    transition:.3s;
}

.menu-lateral a:hover{
    background:rgba(255,255,255,.15);
}

.activo{
    background:white;
    color:rgb(93, 166, 240) !important;
    font-weight:bold;
}

.contenido{
    flex:1;
    padding:30px;
}

h1{
    color:#1565c0;
    margin-bottom:25px;
}

.perfil{
    background:white;
    border-radius:20px;
    padding:25px;
    display:flex;
    gap:30px;
    align-items:center;
    box-shadow:0 5px 15px rgba(96, 165, 255, 0.473);
    margin-bottom:25px;
}

.perfil img{
    width:150px;
    height:150px;
    border-radius:50%;
    object-fit:cover;
    border:5px solid #90caf9;
        box-shadow:0 5px 15px rgba(96, 165, 255, 0.473);

}
h3{
margin: 5px;
padding: 10px;
    border-radius: 15px;
    width: 300px;
    box-shadow:0 8px 18px rgb(113, 170, 255);
       background: linear-gradient(
        135deg,
        #325d9e,
        #8fbfff
    );
}
.datos h2{
    color:rgb(93, 166, 240);
    margin-bottom:15px;
}

.datos p{
    margin:8px 0;
}

.tarjeta{
    background:white;
    border-radius:20px;
    padding:25px;
    margin-bottom:20px;
    box-shadow:0 5px 15px rgba(96, 165, 255, 0.473);
}

.tarjeta h3{
    color:#e0eeff;
    margin-bottom:15px;
}

.tarjeta p{
    margin:8px 0;
    
}
article{
    width: 700px;
   border-radius: 15px;
    background: linear-gradient(
        135deg,
        #b5d3ff,
        #edf5ff
    );
        box-shadow:0 5px 15px rgba(96, 165, 255, 0.473);

}