/* Reset básico */
body, html {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
}

/* Contenedor principal */
.dashboard-container {
    max-width: 1000px;
    background: white;
    text-align: center;
    position: relative;
    margin: 60px auto; /* Agrega margen para separar del header */
    padding-top: 160px; /* Espacio para que no se solape con el banner */
}

/* Banner de bienvenida sobre el header */
.banner-image {
    width: 100%;
    height: 220px; /* Tamaño más grande */
    position: absolute;
    top: -50px; /* Lo mueve hacia arriba sobre el header */
    left: 0;
    right: 0;
    margin: auto;
}

/* Mensaje descriptivo */
.description {
    font-size: 16px;
    color: #555;
    max-width: 80%;
    margin: 30px auto;
}

/* Imagen del equipo */
.team-photo {
    width: 100%;
    height: 230px; /* Más alto para evitar recorte */
    margin-top: 20px;
}

/* Pie de página */
.footer-banner {
    background: #ffa500;
    color: white;
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
}