@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root{
  --dourado:#cca766;
  --branco:#FFF;
}
*{box-sizing:border-box;}
body{margin: 0px;padding:0px;font-family: "Roboto", sans-serif;font-optical-sizing: auto; letter-spacing: 0.6px;}
img{max-width:100%;margin-bottom: -3px;}
a{color: inherit;text-decoration: none;}
.txt-center{text-align: center;}
.font300{font-weight:300;}.font400{font-weight:400;}.font600{font-weight:600;}.font800{font-weight:800;}
.fontEsp{font-family: "Poppins", sans-serif;font-optical-sizing:auto;}
header{position: absolute;top: 0px;left: 0px;width: 100%;z-index: 99;}
.wd-70perc{width:70%;}.wd-60perc{width:60%;}.wd-30perc{width:30%;}
.header-wrapper{display: flex;justify-content: space-between; align-items: center;gap:10px 0px;width: 1200px;max-width: 100%;margin: auto;padding: 10px 20px;}
.top-redes{display:flex;justify-content:space-between;gap: 5px 10px; align-items: center;}
.top-redes-ico{width: 32px;}
.menu-mob{display: none;width: 34px;height: 34px;background-image: url('/eventos2025/images/menu.png');background-repeat:no-repeat;background-size: cover;background-position: center center;}
.menu-mob-wrapper{width: 100%;height:100vh;position: fixed;top:0px;left:0px;z-index:900;background-color: rgba(0, 0, 0, 0.7);display: none;}
.menu-mob-list{width:70%;background-color: #FFF;padding: 15px 12px;height:100vh;}

.bgblue{background-color: #094478;color: var(--branco);}
.bggreen{background-color: #049769;color: var(--branco);}
.bggray{background-color: #2f3941;color: var(--branco);}
.bgbrown{background-color: #896321;color: var(--branco);}
.bgorange{background-color: #ff7700;color:#000;}
.bgyellow{background-color: #fff200;color:#000;}
.bgred{background-color: #880303;color: var(--branco);}
.logo{width: 180px;}
.main-area-title{height:550px;background-color: #000;padding:40px 15px 20px;}
.main-area-title-wrapper{width: 1200px;max-width:100%;display: flex;justify-content: center;height:510px;;margin: auto;flex-direction: column;background-image: url(/eventos2025/images/bg-eventos.jpg);background-position: right bottom;background-size:contain;background-repeat: no-repeat;}
.main-area-title-label{font-size: 20px;font-weight: 400;color:var(--dourado);}
.main-area-title-wrapper h1{color:var(--branco);font-weight:700;font-family: "Poppins", sans-serif;font-optical-sizing:auto;margin: 0px;font-size: 28px;width: 50%; line-height: 30px;}

.menu-base{background-color:#094478;border-radius:40px;padding:6px 15px;position:relative;color: var(--branco);font-family:"Poppins", sans-serif;font-optical-sizing:auto;font-size: 16px;display:flex;gap:2px 22px;justify-content: center;align-items: center;}
.menu-item{position:relative;cursor: pointer;}
.subitem-base{position:absolute;padding:15px 12px;background-color:rgba(255, 255, 255, 0.9);margin: 0px;list-style: none;margin:0px 0px 0px -10px;display:none;width:fit-content;}
.subitem{color: #333;padding:5px 0px;border-bottom: solid 1px;cursor: pointer;font-size: 12px;white-space: nowrap;}
.menu-item:hover{text-decoration: underline;}
.menu-item:hover .subitem-base{display: block;}
.subitem:hover{background-color: #094478;color: #FFF;}

.menu-mob-list .menu-item{padding: 10px 2px;border-bottom: solid 1px; font-size: 16px;}
.menu-mob-list .subitem-base{position: relative;display: block;}
.menu-mob-list .subitem{white-space:initial;border-bottom:none;padding-left: 15px;}

.content,.content-flex{font-size: 18px;}
.content{width: 1200px;max-width:100%;padding:20px 15px;margin:auto;letter-spacing: 0.6px;}
.content-flex{width: 1200px;max-width:100%;padding:20px 15px;margin:auto;display: flex;flex-wrap: wrap;letter-spacing: 0.6px;gap:12px 10px;}
#main-content div:nth-child(1){width:340px;}
#main-content div:nth-child(2){width:70%;}


.main-icon-servicos-card{padding: 8px 10px 0px;border-radius:12px;}
.main-icon-servicos-card:hover{background-color:#f4f4f4;}
.main-icon-servicos{display: flex;flex-wrap: wrap;justify-content: center; gap:10px 40px;}
.main-icon-servicos-card{text-align: center;}
.main-icon-servicos-card-ico p{margin:0px;text-align: center;width: 100%;}
.main-icon-servicos-card-ico{font-size: 40px;border-radius: 100%;width: 90px;height: 90px;overflow: hidden;display: flex;align-items: center;justify-items: center;border: solid 1px #333;color: #333;margin: auto;text-align: center;}

.interna-area-title{width: 100%;height: 500px;position: relative;display: flex;align-items: center;justify-content: center;padding:10px 16px;background-size: cover;}
.interna-area-title h1{font-family: "Poppins", sans-serif;font-optical-sizing:auto; font-size: 40px;text-align: center;color: #FFF;z-index: 1;}
.interna-area-title-overbg{width: 100%;height: inherit;position: absolute;top:0px;left:0px;background-color: rgba(0,0,0,0.6);z-index:0;}

.content-contato{width: 1200px; max-width: 100%;padding:25px 15px;margin: auto;display: flex;justify-content: center;gap: 12px 25px;align-items: center;}
.content-contato h2{margin: 0px 0px 15px;}
.content-contato div:nth-child(1){width:65%;}
.content-contato div:nth-child(2){width:30%;}

footer{width: 100%;padding: 25px 15px;background-color: #333;color:#FFF;}
.footer-content{display:flex;flex-wrap:wrap;gap:12px 25px;justify-content: space-between;width: 1200px;max-width: 100%;margin: auto;}
.footer-logo{width: 200px;}
.footer-txt{width: 600px;max-width: 100%;}
.footer-txt h4,.footer-redes h4{font-family: "Poppins", sans-serif;font-optical-sizing:auto; font-size: 25px;margin: 0px 0px 10px;}
.footer-redes{display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}

.main-flip-card-base{font-family:"Poppins", sans-serif;display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;padding: 20px;}
.flip-card h3{margin: 0px 2px 12px;}
.flip-card{background-color: transparent;width: 100%;max-width: 300px;min-width: 280px;height: 320px;perspective: 1000px;}
.flip-card-inner{position: relative;width: 100%;height: 100%;transition: transform 0.8s;transform-style: preserve-3d;}
.flip-card:hover .flip-card-inner{transform: rotateY(180deg);}
.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%; border-radius: 8px;backface-visibility:hidden;display:flex;
  align-items:center;justify-content:center;flex-direction:column;padding: 15px;text-align: center;color: white;box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.flip-card-front{background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:darken;background-color:rgba(0, 0, 0, 0.5);}
.flip-card-back{background-color:#0a2740;transform: rotateY(180deg);}
.flip-card-bt{margin-top: 15px;padding: 10px 20px;background-color: #ffffff; color: #0a2740;border: none;border-radius: 5px;font-weight: bold;cursor: pointer;
  transition: background-color 0.3s; display: inline-block;}
.flip-card-back button:hover{background-color: #dddddd;}
.footer-redes-ico{width:40px;}

.whatsapp-button{position: fixed;bottom:80px;right:20px;background-color:#25d366; color:white;border-radius:50px; height:56px;width:56px;display:flex;align-items:center;justify-content: center;text-decoration:none;box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);overflow:hidden;transition:all 0.3s ease;z-index:9999;}
.whatsapp-button i{font-size: 24px;color:white; transition: transform 0.3s ease;min-width: 24px;text-align:center;}
.whatsapp-text{display:none; margin-left: 10px;font-family: Arial, sans-serif;font-size: 14px;white-space: nowrap;opacity: 0;transition: opacity 0.3s ease;}
.whatsapp-button:hover{width: 190px;justify-content: flex-start;padding-left: 20px;}
.whatsapp-button:hover .whatsapp-text {display:inline;opacity: 1;}

.whatsapp-btn-fix{display: inline-block;margin: 30px auto;}
.whatsapp-btn-fix a{
  background-color:#25D366;
  color: #fff;font-size:18px;
  padding:18px 35px;border-radius:40px;
  text-decoration:none;font-weight:600;
  display:flex;align-items:center;box-shadow:0 6px 15px rgba(0, 0, 0, 0.2);
  transition:all 0.3s ease;white-space:nowrap;
}
.whatsapp-btn-fix a i{margin-right:12px;font-size:22px;}
.whatsapp-btn-fix a:hover{background-color: #1ebe5b;transform: scale(1.05);}
.whats-btn-alter a{font-size:12px;padding:8px 10px;border-radius:20px;}

/*efeito*/
#maintxt{opacity: 0;transform: translateX(100px);transition: all 0.8s ease-out;}
#maintxt.slide-in{opacity: 1;transform: translateX(0);}

@media only screen and (max-width:900px){
  .menu-base{display: none;}
  .menu-mob{display: block;cursor: pointer;}
  #main-content div:nth-child(1){text-align: center;}
  #main-content div:nth-child(1),#main-content div:nth-child(2){width:100%;}
  .main-area-title-wrapper h1{width:100%;font-size: 24px;line-height: 26px;}
  .main-area-title-wrapper{align-items:center;text-align:center;justify-content: flex-start;background-size:150%;padding-top:60px;}
  .content-contato{flex-direction: column;}
  .content-contato div:nth-child(1){width:100%;order: 2;}
  .content-contato div:nth-child(2){width:100%;order: 1;text-align: center;}
  .content-contato div:nth-child(2) img{width:200px;}
  .wd-70perc,.wd-60perc,.wd-30perc{width:100%;}
  .content-flex{flex-direction: column;}
.whatsapp-btn-fix a {font-size: 14px;}
.flip-card{width:48%;max-width: 48%;min-width: 48%;}
.flip-card h3{font-size: 14px;}
.flip-card-bt{font-size: 14px;padding: 5px 10px;}
.flip-card-back h3{font-size: 12px;}
.flip-card-back{font-size: 11px;}

.footer-logo{width: 100%;text-align: center;margin-bottom: 15px;}
.footer-logo img{width: 180px;}
.footer-txt{text-align: center;padding:6px 15px;}
.footer-redes{width: 100%;justify-content: center;}
.footer-redes h4{text-align: center;}

}