.carousel {
    width: 50%;
    margin-top: 30px;
}



body{
    margin:0;
}
body{
    margin:0;
    font-family: Arial, sans-serif;
    background:#f4f6f9;
}

.container-main{
    display:flex;
}


.sidebar{
    width:220px;
    height:100vh;
    background:#2c3e50;
    color:white;
    padding:20px;
    position:fixed;
}

.sidebar h2{
    text-align:center;
    margin-bottom:30px;
}

.sidebar a{
    display:block;
    padding:12px;
    margin-bottom:10px;
    color:white;
    text-decoration:none;
    border-radius:5px;
}

.sidebar a:hover{
    background:#34495e;
}

.login{
    background:#007bff;
}

.registro{
    background:#28a745;
}


.content{
    margin-left:240px;
    width:calc(100% - 240px);
    padding:20px;
    display:flex;
    flex-direction:column;
    align-items:center;
}




.carousel-item {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
}

.carousel-item img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
footer{
    width:100%;
    background:#2c3e50;
    color:white;
    text-align:center;
    padding:15px;
    margin-top:40px;
}