/* Reset simple */
body {
    margin: 0;
    font-family: Arial, sans-serif;
}

/* Barra superior */
.barra-superior {
    background: #ccc;
    padding: 5px;
    text-align: center;
    position: sticky;
    top: 0;
}

/* Layout principal con flexbox */
.contenedor {
    display: flex;
}

/* Columna izquierda */
.columna-izquierda {
    width: 25%;
    background: #f4f4f4;
    padding: 15px;
}

.foto-perfil {
    width: 100%;
    border-radius: 50%;
}

/* Contenido principal */
.contenido-principal {
    width: 75%;
    padding: 20px;
}

.encabezado h1 {
    margin: 0;
}

.iconos {
    width: 70px;
    margin: 0 10px;
}

/* Pie de página */
footer {
    text-align: center;
    padding: 10px;
    background: #222;
}

footer img {
    width: 30px;
    margin: 0 10px;
}