body{

margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#f0d5d1;
color:#333;
text-align:center;

}

/* HEADER */

header{

padding:50px 20px 30px 20px;

}

.logo-evento{

max-width:260px;
margin-bottom:15px;

}

h1{

margin:0;
font-size:36px;

}

.subtitulo{

opacity:0.7;
margin-top:8px;

}


/* VIDEO */

.video-section{

display:flex;
justify-content:center;
padding:30px 20px;

}

.video-card{

background:white;
padding:20px;
border-radius:14px;
box-shadow:0 12px 35px rgba(0,0,0,0.18);
width:90%;
max-width:1100px;

}

.video-container{

width:100%;
aspect-ratio:16/9;

}

.video-container iframe{

width:100%;
height:100%;
border:none;
border-radius:10px;

}


/* SPONSORS */

.sponsors{

margin-top:50px;
padding:50px 20px;
background:#c3aab9;

}

.sponsors h2{

margin-bottom:30px;
font-size:26px;

}

.carrusel{

overflow:hidden;
position:relative;
width:100%;

}

.track{

display:flex;
gap:70px;
align-items:center;
animation:scroll 25s linear infinite;

}

.track img{

height:70px;
opacity:0.85;
filter:grayscale(100%);
transition:all .3s ease;

}

.track img:hover{

filter:grayscale(0%);
opacity:1;
transform:scale(1.05);

}


@keyframes scroll{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-50%);

}

}


/* FOOTER */

footer{

margin-top:40px;
padding:25px;
font-size:14px;
opacity:0.7;

}


/* RESPONSIVE */

@media (max-width:768px){

.logo-evento{

max-width:180px;

}

h1{

font-size:24px;

}

.video-card{

padding:12px;

}

.track{

gap:40px;

}

.track img{

height:50px;

}

}