*{margin: 0; padding: 0; box-sizing: border-box;color:inherit;text-decoration: none;list-style: none;font-family: Arial, Helvetica, sans-serif;}

:root{
    --violeta-color:#370091;
    --violeta-c-color:#5C08E7;
    --primary-color:#5a5a5a;
    --secondary-color:#5C5C5C;
    --thirt-color:#EDEDED;
    --white-color:#FFFFFF;
    --black-color:#000000;
    --btn:#009431;
    --btn-hover:#00c241;
}

header{ background-color: var(--white-color); position: sticky;top: 0;z-index: 1000;}
.box-header{display: flex; align-items: center; justify-content: space-between; width: 100%;max-width:1280px;margin: auto;display: flex; align-items: center; justify-content: space-between; padding: 0 20px;width: 100%;}
.logo{font-size: 24px; font-weight: bold; color: var(--violeta-color);width:60%;text-align: center;}
.logo img{width: 250px;height:100px;object-fit: contain;}
header i{color:var(--violeta-color);width:20%;}
.busca{border:1px solid var(--violeta-color);display:flex;padding:10px;width:20%;border-radius:20px;position: relative;justify-content: space-between;align-items: center;}
.busca input, .busca button{border:none;background:none;}
.busca input{width:100%;outline:none;}
.busca button{position: absolute;right:20px;}

.menu{width:100%;background-color:var(--violeta-color);}
.menu ul{display: flex;flex-wrap: nowrap;align-items: center;max-width:1280px;margin:auto;}
.menu a{padding:15px 10px;color:var(--white-color);font-weight:600;transition:all .5s ease-in-out;}
.menu a:hover{background-color: var(--violeta-c-color);}

.banner-principal{width:100%;}
.box-banner-principal{display:flex;flex-wrap: wrap;justify-content: space-between;max-width:1280px;margin: auto;padding:20px 0;}
.banner-principal-left img{width:100%;object-fit: cover;aspect-ratio:19/9;}
.banner-principal-left .txt-banner{bottom:10px;width:100%;}
.banner-principal-left{width:70%;padding: 5px 0;position: relative;}
.banner-principal-right img{width:100%;object-fit: cover;aspect-ratio:16/8.9;}
.banner-principal-right{width:30%;padding: 5px;}
.banner-principal-right ul{gap:1px;display: flex;flex-direction: column;justify-content: space-between;position: relative;}
.banner-principal-right li{width:100%;position: relative;}
.banner-principal-right .txt-banner{bottom:5px;width:100%;}
.txt-banner{position: absolute;bottom:10px;padding:20px;width:98.8%;color:var(--white-color);font-size:20px;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 00%,
        rgba(0,0,0,.2) 30%,
        rgba(0,0,0,.9) 100%
    );
}

.noticias ul{display:flex;flex-wrap: wrap;align-items:start;max-width:1280px;margin: auto;}
.noticias li{width:33.33%;padding:3px;position: relative;}
.img-noticia{position: relative;}
.img-noticia .txt-noticia{top:0px;width:50%;padding:10px;right:0;
    color:var(--white-color);background-color:rgba(255, 0, 0, .7);position: absolute;}
.noticias li img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.noticias p{padding:20px 0;}

.box-shot-noticias{display:flex;flex-wrap: wrap;justify-content:start;max-width:1280px;margin: auto;padding:20px 0;}
.box-shot-noticias iframe{width:20%;aspect-ratio:9/16;height:500px;object-fit:cover;padding:0 5px;}