@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&display=swap');
p,
h1,
h2,
h3,
h4,
h5,
h6,
label,
a,
figcaption,
li {
font-family: 'Poppins', sans-serif;
}
.destaque{background: #F05A50; color: white; border-radius: 50px; padding: 1rem 2rem;display: inline-block;}
body {
/* background: linear-gradient( #fff, #ccc7); Gradiente */
/* background: #ccc; Cor uniforme */
}

.sec1 h1 {
font-weight: 200;
color: #F05A50;
}

.sec2 {
background: #4B5F64;
}

.sec2 h1 {
font-weight: 200;
color: #F0F0F0;
}

.sec2 p,
.sec2 li, .sec2 h5{
color: #F0F0F0;
}

.sec3 {
background: #282D32;
}

.sec3 h1 {
font-weight: 200;
color: #F0F0F0;
}

.sec3 p,
.sec3 li {
color: #F0F0F0;
}

.sec4 {
background: #F0F0F0;
}

.sec4 h1 {
font-weight: 200;
color: #F05A50;
}
.sec4 h3 {
font-weight: 200;

}
.sec5 {
background: #DCD7C8;
}

.sec5 h1 {
font-weight: 200;
color: #F05A50;
}
.sec5 h3 {
font-weight: 200;

}
.sec5 h2 {color:#F05A50 ;}

.sec4 li {
color: #282D32;
}

.feature_y {
padding: 3rem 0;
}

/* Grow */

.hvr-grow {
display: inline-block;
vertical-align: middle;
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
transform: scale(1.1);
}

.logo {
margin-top: -8px;
width: 70px;
}

.sticky.is-stuck .logo {
margin-top: -8px;
width: 70px;
}

.meumenu {
position: absolute;
width: 100%;
background-color: rgba(255,255,255,0.75);

}
/* Estilos para o swiper */
.mySwiper {
height: 100vh; /* Garante que o swiper ocupe a altura total da tela */
display: flex;
justify-content: center;
align-items: center;
}

/* As imagens devem preencher a tela mantendo a proporção */
.mySwiper img {
max-height: 90vh; /* A imagem deve ter no máximo a altura total da viewport */
width: auto; /* Mantém a proporção da imagem */
object-fit: contain; /* Garante que a imagem não seja cortada */
border: solid white 1rem;
}
.sticky {
padding: 1rem 0;
}

.sticky.is-stuck {
background-color: rgba(255,255,255,0.75);
animation: mymove .7s forwards;
}
@keyframes mymove {
from {
background-color: rgba(255,255,255,0.75);
}
to {
background-color: #45585B;
}
}
.clip-gallery{
width: 340px;
height: 340px;
object-fit: cover;
clip: rect(0px,100px,100px,0px);

}
.box-gallery {margin-bottom: 2rem;}
.topImg{mix-blend-mode: screen;}
.openGallery{cursor: pointer;}
.modal {
display: none;
position: fixed;
z-index: 10000000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: rgba(0,0,0,0.85);

}

.modal-content {

width: 100%; /* Ajuste as dimensões conforme necessário */
height: 100vh; /* Altura do modal */
overflow-y: hidden; /* Habilita rolagem vertical se necessário */
position: relative;

}
.close {
position:absolute;
right: 0;
top: 0;
z-index: 100;
color: white;
font-size: 32px;
font-weight: bold;
line-height: 0;
background-color:#F05A50;
padding:1.3rem 1rem 1.7rem;

}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

.sticky.is-stuck .menu li a {
color: #F0F0F0;
}

.sticky.is-stuck .menu li a:hover {
color: #282D32;
}

.menu li a {
color: #4B5F64;
font-weight: 600;
}

.menu li a:hover {
color: #282D32;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
border-color: #4B5F64 transparent transparent
}

.sticky.is-stuck .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
border-color: #F0F0F0 transparent transparent
}

.dropdown.menu > li.is-active > a {
color: #282D32;
}

.is-dropdown-submenu {
min-width: 220px;
background: #F0F0F0;
}

.sticky.is-stuck .is-dropdown-submenu {
min-width: 220px;
background: #4B5F64;
}

.biog {
transform: rotate(3deg);
}

.bts {
margin-top: -4rem;
}

.fotobio {
border: solid 8px #F05A50;
}

footer {
background: #282D32;
}

.button {
background: #F05A50;
border-radius: 5px;
}

.button:hover,
.button:focus {
background: #4B5F64;
}

footer p {
font-size: .6rem;
color: #F0F0F0;
margin: 1rem 0;
}

input {
word-spacing: -3px;
}

hr {
margin: 1.25rem 0;
max-width: 5rem;
border-bottom: 10px solid #F05A50;
}

.reveal {
border-radius: 12px;
}

.reveal h4 {
font-weight: 700;
color: #F05A50;
}

.title-bar {
background: transparent;
position: fixed;
z-index: 1000000;
}

.menu-icon::after {
background: #F05A50;
box-shadow: 0 7px 0 #F05A50, 0 14px 0 #F05A50
}

.position-left.is-transition-push {
box-shadow: none;
}

.off-canvas {
background: #4B5F64;
}
.menumob{margin: 2rem 1rem 0;}
.menumob li a {
color: #DCD7C8;
}

.whats {
position: fixed;
bottom: 1rem;
right: 1rem;
z-index: 2000;
}

.social-gap {
margin: -16px;
}

.topics .cell{background-color: #F05A50;border-radius: 8px; padding: 1rem 1rem 0; margin-bottom: 2rem;}
.topics h5{font-weight: 600;color:#282D32;}
.topics p{color: white;}
.bt-translate{position: absolute;z-index: 1000;right: 2rem; top: 1rem;}

:root {
--swiper-navigation-color: #F05A50; /* Setas em vermelho */
}

/* Customizando bullets de paginação */
:root {
--swiper-pagination-color: #F05A50; /* Cor dos bullets ativos */
--swiper-pagination-bullet-inactive-color: #cccccc; /* Cor dos bullets inativos */
}
.cc-color-override-688238583 .cc-btn {
background-color: #F05A50 !important;
}

.cc-color-override-688238583 .cc-btn:hover {
background-color: #c44d44 !important;
}
.top-carousel{

display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 36rem;
gap: 2rem;

}
.topGallery swiper-container
{padding-top: 5rem;}
.top-carousel .image{
width: 300px!important;
height:initial!important;
object-fit:inherit!important;
max-width: inherit!important;
}

swiper-slide {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
}

.accordion {
margin-left: 0;
background: transparent;
list-style-type: none; }
.accordion[disabled] .accordion-title {
cursor: not-allowed; }

.accordion-item:first-child > :first-child {
border-radius: 0 0 0 0; }

.accordion-item:last-child > :last-child {
border-radius: 0 0 0 0; }

.accordion-title {
position: relative;
display: block;
padding: 1.25rem 1.5rem;
border: 0;
border-bottom: 0;
font-size: .8rem;
line-height: 1;
color: #F05A50; }
:last-child:not(.is-active) > .accordion-title {
border: 0;
border-radius: 0 0 0 0; }
.accordion-title:hover, .accordion-title:focus {
background-color: transparent; }
.accordion-title::before {
position: absolute;
top: 50%;
left: 0;
margin-top: -.5rem;
content: "▲"; }
.is-active > .accordion-title::before {
content: "▼"; }

.accordion-content {
display: none;
padding: 1rem;
border: 0;
border-bottom: 0;
border-radius: 8px;
background-color: #F05A50;
color: white; }
:last-child > .accordion-content:last-child {
border:0; }
.accordion li a:hover, .accordion li a:focus, .accordion li a:active{color:black;}
.ads-bar{position: absolute; top:0; background-color: #4B5F64; width: 100%; padding: .6rem .6rem 0;
text-transform:uppercase;}
.ads-bar h5{font-weight: 600; color: white;}
.feedback swiper-slide{ padding: 3rem 0; margin-bottom:3rem;}
.feedback-container{padding: 1rem 4rem; }
.feedback-container h5 {color: #F05A50; font-weight: 600;}
.feedback-container p {color: white;}
.relative{position: relative;}
.topGallery{position: absolute;width: 100%; height: 36rem;z-index: 0;}
.topGallery img{height: 36rem;object-fit: cover; object-position: center; width: 100%;}
.social{background-color: #F05A50; border-radius: 30px;padding: .5rem .5rem .3rem;}
.pnl{display: flex; flex-direction: column; gap: .3rem; justify-content: flex-end;}
.pnl h1{ background-color: rgb(244 244 245 / 0.7); padding: 0 1rem; font-weight: 600; color: #1e3a8a;font-size: 2.2rem;}
.pnl h3{background-color: rgb(244 244 245 / 0.7); padding: 0 1rem; color: #f97316; font-weight: 600; font-size: 1.4rem;}
.pnl h4{background-color: rgb(244 244 245 / 0.7); padding: 0 1rem; font-weight: 600; font-size: 1.2rem;}

.ortoprime {
background: url('../img/ortoprime/bg-ortoprime.png') no-repeat top center,linear-gradient(#041038, #132C4B);
background-size: contain;
background-blend-mode: screen;
}
.ortoprime .flex{display: flex; flex-direction: column; gap: .6rem; align-items: center; justify-content: center;
position: relative; }
.ortoprime h2{background-color: #1B4B89; border-radius: .4rem; color: white;font-weight: 700; padding: .2rem
2rem;margin-top: 1.6rem; font-size: 2rem;}
.ortoprime h3{color: #1B4B89; font-weight: 700;}
.ortoprime h4{color: white; font-weight: 700;}
.ortoprime h5{color: white; font-weight: 700;}
.ortoprime h6{color: #1B4B89; font-weight: 700;}
.ortoprime p{color: white; font-weight: 500; padding: 0 5rem;}
.ortoprime li{color: white; }
.ortoprime .bonus{background-color: white; border-radius: 50%; width: 12rem; height: 12rem; display: flex;
flex-direction: column; align-items: center; justify-content: center;box-shadow:0 .7rem 0 black ;}
.ortoprime img{ object-fit:inherit!important;height: auto!important;}
.ortoprime .contact{position: absolute; top:5rem; left: 2rem; }
.ortoprime .contact img{ width: 2rem; height: 2rem; object-fit: inherit;}
.contact .button {font-weight: 600;font-size: 1rem;padding: .5rem;background-color: #4FCB5D;}
.altura-hero{height: 42rem;}

@media only screen and (max-width: 40em) {
.ads-bar{border-radius: .2rem;padding: 1rem 0 .6rem;}
.ads-bar h5{font-size: .9rem;}
.pnl h1{font-size: 1.6rem;}
h1 {
font-size: 2rem;
}
.whats {
width: 40px;
}
footer img {
width: 100px;
}
.biocartao {
padding-top: 3rem;
}
.biocartao h3 {
font-weight: 700;
color: #F05A50;
}
.biocartao p {
font-size: .8rem;
color: #DCD7C8;
}
.btbio {
position: fixed;
bottom: 1rem;
right: 1rem;
width: 50px;
}
.seccartao {
margin-top: 3rem;
}
.seccartao .foto {
border-radius: 50%;
border: solid 5px #DCD7C8;
margin-top: -2rem;
}
.seccartao .qr {
padding: 0 2rem;
}
.cartao .box {
background: #4B5F64;
border-radius: 20px;
padding: 0 2rem;
}
.seccartao p,
.seccartao h3 {
color: #DCD7C8;
}
.seccartao h3 {
margin-top: .5rem;
}
.seccartao a {
color: #DCD7C8;
text-decoration: underline;
}

.clip-gallery{
width: 140px;
height: 140px;
object-fit: cover;
clip: rect(0px,140px,140px,0px);

}
.top-carousel{
height: 36rem;}
.top-carousel .image{
width: 200px!important;}
.feedback-container{padding: 1rem; }
.no-link, .no-link:link, .no-link:visited, .no-link:hover{color:#282D32;}
.topics .cell{margin-bottom: 1rem;}
.topGallery swiper-container
{padding-top: 0;}
.topGallery, .topGallery img{height: 36rem;}
.mySwiper img {
width: 86%; /* Mantém a proporção da imagem */

}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after{border-color: white transparent
transparent;}
.ortoprime{background-position: center center;}
.ortoprime .flex{display: flex; flex-direction: column; gap: .5rem; align-items: center; justify-content: center;
position: relative; }
.ortoprime h2{ padding: .2rem 1rem; font-size: 1.1rem;display: inline-block;}
.ortoprime h3{ font-size: 1rem;}
.ortoprime h4{ font-size:.8rem ;}
.ortoprime h5{ font-size:.8rem ;}
.ortoprime h6{ font-size: .6rem;}
.ortoprime li{ font-size: .6rem;}
.ortoprime p{ font-size: .6rem;padding: 0 }
.ortoprime .bonus{width: 7rem; height: 7rem; display: flex;
    flex-direction: column; align-items: center; justify-content: center;box-shadow:0 .4rem 0 black ; position: absolute; bottom: 8rem; right: -4rem;}
.ortoprime .contact{top:4.4rem; left: inherit; right: 1rem; }
.ortoprime .contact img{ width: 1.5rem!important; height: auto;object-fit: inherit!important; }
.logo-ortoprime{ width:240px!important; height: auto;object-fit: inherit!important; }
.contact .button {font-weight: 600;font-size: .7rem;padding: .3rem;}
.bonus h3{line-height: 0;padding-top: 1rem;}
.logo-alinea{width: 130px!important;height: auto!important;margin-top: 4rem;}
.alinea{text-align: left!important;}
.altura-hero{height: 36rem;}
}