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

body, html{overflow-x: hidden;}

: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;}
.btn-home{width:20%;display:block;}
.btn-menu{width:20%;display:none;}
.btn-home i, .btn-menu i{color:var(--violeta-color);text-align:left;font-size: 20px;}
.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;text-align:right;}
.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;justify-content:center;}
.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{bottom:20px;width:50%;padding:10px;right:0;
    color:var(--white-color);background-color:rgba(55, 0, 145, 0.5);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;}

.detalhes{max-width:1280px;margin: auto;padding:20px 0;}
.box-detalhes{display:flex;flex-wrap: wrap;justify-content:space-between;align-items:start;}
.box-txt-detalhes{width:70%;padding:20px 0;}
.semelhantes-detalhes{width:30%;padding:20px 0;}
.box-txt-detalhes h2{color: var(--violeta-color);margin-bottom:20px;}
.box-txt-detalhes h3{padding:10px;background-color: var(--violeta-color);color: var(--white-color);margin-bottom:20px;}
.box-txt-detalhes img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.box-txt-detalhes p{padding:20px 0;font-size:18px;line-height: 1.6;}
.semelhantes-detalhes{padding-left:20px;}
.semelhantes-detalhes h3{background-color: var(--violeta-color);margin-bottom:20px;color: var(--white-color);padding:10px;}
.semelhantes-detalhes img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.semelhantes-detalhes li{padding:10px 0;}

.insta-reel{width:100%;background-color: var(--thirt-color);margin:50px auto;padding:20px 0;text-align: center;}
.instagram-media{width:100%;max-width:1280px;margin: auto;display:block;}

footer{width:100%;background-color: var(--violeta-color);color: var(--white-color);text-align: center;padding:20px 0;}


@media screen and (max-width: 720px){
    .box-header{gap:10px;position: relative;display:flex;align-items: center;}
    .logo{width:100%;text-align: center;}
    .btn-menu{width:10%;text-align: center;position:absolute;left:10px;display:block;}
    .busca{width:100%;display:none;}
    .menu{display:none;}
    .menu ul{flex-direction: column;}
    .menu a{padding:10px 0;width:100%;text-align:center;}
    .mobile{display:block;}
    .desktop{display:none;}
}