@font-face {
    font-family: 'Museo300';
    src: url('/static/fonts/Museo300-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo700';
    src: url('/static/fonts/Museo700-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

p{
    font-size: 20px !important;
}
li, p {
    font-family: 'Museo300', sans-serif !important;
}
a {
    font-family: 'Museo300', sans-serif !important;
}

h1, h2, h3, h4, h5 {
    font-family: 'Museo700', sans-serif !important;
}
@media (max-width: 399px){
    h1{
        font-size: 1.2rem !important;
    }
    h4{
        font-size: .9rem !important;
    }
    p{
        font-size: 15px !important;
    }
    .tamanho-row{
        width: 100%;
    }
    a:hover{
      
      text-decoration: none !important;  
    }
    
    .img-vertical {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .padding-2{
       padding: 0rem 0rem 2rem 0rem;
      }
    /* Veja Mais */
    .top-pequeno{
        margin-top: 3rem;
    }
    .icon-veja-mais{
        width: 20%;
        margin-bottom: 3rem;
        margin-top: -1.5rem;
    }
    .text-veja{
        background-color: #63d9db;
        color: #11605e;
        border-bottom-right-radius: 2rem;
        padding: 25px 25px 25px 25px;
        height: 210px;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 95%;
        margin-top: -2rem;
    }
    .text-invertido-veja{
        margin-top: 3rem;
        background-color: #63d9db;
        color: #11605e;
        border-top-left-radius: 2rem;
        padding: 25px 25px 25px 25px;
        height: 210px;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 95%;
        margin-bottom: -2rem;
    }
    .botao-personalizados{
        background-color: #00a8a9;
        color: white;
        border-radius: 2rem;
        width: 10rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-decoration: none;
    }
}
@media (min-width: 400px) and (max-width: 575px){
    h1{
        font-size: 1.5rem !important;
    }
    h4{
        font-size: 1rem !important;
    }
    p{
        font-size: 18px !important;
    }
    .tamanho-row{
        width: 100%;
    }
    a:hover{
      
      text-decoration: none !important;  
    }
    
    .img-vertical {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .padding-2{
       padding: 0rem 0rem 2rem 0rem;
      }
    /* Veja Mais */
    .top-pequeno{
        margin-top: 3rem;
    }
    .icon-veja-mais{
        width: 20%;
        margin-bottom: 3rem;
        margin-top: -1.5rem;
    }
    .text-veja{
        background-color: #63d9db;
        color: #11605e;
        border-bottom-right-radius: 2rem;
        padding: 25px 25px 25px 25px;
        height: 210px;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 95%;
        margin-top: -2rem;
    }
    .text-invertido-veja{
        margin-top: 3rem;
        background-color: #63d9db;
        color: #11605e;
        border-top-left-radius: 2rem;
        padding: 25px 25px 25px 25px;
        height: 210px;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 95%;
        margin-bottom: -2rem;
    }
    .botao-personalizados{
        background-color: #00a8a9;
        color: white;
        border-radius: 2rem;
        width: 10rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-decoration: none;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    h1{
        font-size: 1.8rem !important;
    }
    h4{
        font-size: 1.2rem !important;
    }
    p{
        font-size: 18px !important;
    }
    .tamanho-row{
        width: 100%;
    }
    a:hover{
      
      text-decoration: none !important;  
    }
    .img-vertical {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .padding-2{
       padding: 0rem 0rem 2rem 0rem;
      }
    /* Veja Mais */
    .top-pequeno{
        margin-top: 3rem;
    }
    .icon-veja-mais{
        width: 20%;
        margin-bottom: 3rem;
        margin-top: -1.5rem;
    }
    .text-veja{
        background-color: #63d9db;
        color: #11605e;
        border-bottom-right-radius: 2rem;
        padding: 25px 25px 25px 25px;
        height: 210px;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 95%;
        margin-top: -2rem;
    }
    .text-invertido-veja{
        margin-top: 3rem;
        background-color: #63d9db;
        color: #11605e;
        border-top-left-radius: 2rem;
        padding: 25px 25px 25px 25px;
        height: 210px;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 95%;
        margin-bottom: -2rem;
    }
    .botao-personalizados{
        background-color: #00a8a9;
        color: white;
        border-radius: 2rem;
        width: 10rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-decoration: none;
    }
}
@media (min-width: 768px) and (max-width: 892px){
    h1{
        font-size: 1.8rem !important;
    }
    h4{
        font-size: 1.2rem !important;
    }
    p{
        font-size: 18px !important;
    }
    .tamanho-row{
        width: 100%;
    }
    a:hover{
      
      text-decoration: none !important;  
    }
    .img-vertical {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .padding-2{
       padding: 0rem 0rem 2rem 0rem;
      }
    /* Veja Mais */
    .icon-veja-mais{
        width: 20%;
        margin-bottom: 3rem;
        margin-top: -1.5rem;
    }
    .text-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-right-radius: 10px;
        padding: 15px 25px 25px 25px;
        transform: translateY(10%);
        margin-left: -3rem;
        height: 210px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .text-invertido-veja{
        margin-top: 3rem;
        background-color: #63d9db;
        color: #11605e;            
        border-top-left-radius: 10px;
        padding: 25px 25px 25px 25px;
        height: 210px;
        transform: translateY(-10%);
        margin-right: -3rem;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 5rem;
    }
    .botao-personalizados{
        background-color: #00a8a9;
        color: white;
        border-radius: 2rem;
        width: 10rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-decoration: none;
    }
}
@media (min-width: 892px) and (max-width: 991px){
    h1{
        font-size: 1.8rem !important;
    }
    h4{
        font-size: 1.2rem !important;
    }
    p{
        font-size: 18px !important;
    }
    .tamanho-row{
        width: 100%;
    }
    a:hover{
      
      text-decoration: none !important;  
    }
    
    .img-vertical {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .padding-2{
       padding: 0rem 0rem 2rem 0rem;
      }
    /* Veja Mais */
    .icon-veja-mais{
        width: 15%;
        margin-bottom: 3rem;
        margin-top: -1.5rem;
    }
    .text-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-right-radius: 10px;
        padding: 15px 25px 25px 25px;
        transform: translateY(20%);
        margin-left: -3rem;
        height: 210px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .text-invertido-veja{
        margin-top: 3rem;
        background-color: #63d9db;
        color: #11605e;            
        border-top-left-radius: 10px;
        padding: 25px 25px 25px 25px;
        height: 210px;
        margin-right: -3rem;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 5rem;
    }
    .botao-personalizados{
        background-color: #00a8a9;
        color: white;
        border-radius: 2rem;
        width: 10rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-decoration: none;
    }
}
@media (min-width: 992px) and (max-width: 1099px){
    .tamanho-row{
        width: 80%;
        margin-left: 10% !important;
    }
    a:hover{
      
      text-decoration: none !important;  
    }
    
    .img-vertical {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .padding-2{
       padding: 0rem 0rem 2rem 0rem;
      }
    /* Veja Mais */
    .icon-veja-mais{
        width: 15%;
        margin-bottom: 3rem;
        margin-top: -1.5rem;
    }
    .text-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-right-radius: 10px;
        height: 150px;
        transform: translateY(3%);
        margin-left: -3rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .text-invertido-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-left-radius: 10px;
        height: 150px;
        transform: translateY(3%);
        margin-right: -3rem;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .botao-personalizados{
        background-color: #00a8a9;
        color: white;
        border-radius: 2rem;
        width: 7rem;
        height: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-decoration: none;
    }
    .botao-personalizados b {
        font-size: 1rem !important; /* Ajuste o tamanho conforme necessário */
    }
    .local-texto-invertido{
        margin-right: -3rem !important;
    }
}
@media (min-width: 1100px) and (max-width: 1199px){
    .tamanho-row{
        width: 80%;
        margin-left: 10% !important;
    }
    a:hover{
      
      text-decoration: none !important;  
    }
    
    .img-vertical {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .padding-2{
       padding: 0rem 0rem 2rem 0rem;
      }
    /* Veja Mais */
    .icon-veja-mais{
        width: 10%;
        margin-bottom: 3rem;
        margin-top: -1.5rem;
    }
    .text-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-right-radius: 10px;
        height: 165px;
        transform: translateY(5%);
        margin-left: -3rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .text-invertido-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-left-radius: 10px;
        height: 165px;
        transform: translateY(5%);
        margin-right: -3rem;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .botao-personalizados{
        background-color: #00a8a9;
        color: white;
        border-radius: 2rem;
        width: 7rem;
        height: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-decoration: none;
    }
    .botao-personalizados b {
        font-size: 1rem !important; /* Ajuste o tamanho conforme necessário */
    }

    .local-texto-invertido{
        margin-right: -3rem !important;
    }
}
@media (min-width: 1200px) and (max-width: 1299px){
    .tamanho-row{
        width: 80%;
        margin-left: 10% !important;
    }
    a:hover{
      
      text-decoration: none !important;  
    }
    
    .img-vertical {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .padding-2{
       padding: 0rem 0rem 2rem 0rem;
      }
    /* Veja Mais */
    .icon-veja-mais{
        width: 10%;
        margin-bottom: 3rem;
        margin-top: -1.5rem;
    }
    .text-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-right-radius: 10px;
        padding: 15px 25px 25px 25px;
        height: 175px;
        transform: translateY(5%);
        margin-left: -3rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .text-invertido-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-left-radius: 10px;
        padding: 25px 25px 25px 25px;
        height: 175px;
        transform: translateY(5%);
        margin-right: -3rem;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .botao-personalizados{
        background-color: #00a8a9;
        color: white;
        border-radius: 2rem;
        width: 8rem;
    }
    .botao-personalizados b {
        font-size: 1rem !important; /* Ajuste o tamanho conforme necessário */
    }

    .local-texto-invertido{
        margin-right: -3rem !important;
    }
}
@media (min-width: 1300px) and (max-width: 1399px){
    .tamanho-row{
        width: 80%;
        margin-left: 10% !important;
    }
    a:hover{
      
      text-decoration: none !important;  
    }
    
    .img-vertical {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .padding-2{
       padding: 0rem 0rem 2rem 0rem;
      }
    /* Veja Mais */
    .icon-veja-mais{
        width: 10%;
        margin-bottom: 3rem;
        margin-top: -1.5rem;
    }
    .text-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-right-radius: 10px;
        padding: 15px 25px 25px 25px;
        height: 195px;
        transform: translateY(5%);
        margin-left: -3rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .text-invertido-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-left-radius: 10px;
        padding: 25px 25px 25px 25px;
        height: 195px;
        transform: translateY(5%);
        margin-right: -3rem;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .botao-personalizados{
        background-color: #00a8a9;
        color: white;
        border-radius: 2rem;
        width: 8rem;
    }
    .botao-personalizados b {
        font-size: 1rem !important; /* Ajuste o tamanho conforme necessário */
    }
    .local-texto-invertido{
        margin-right: -3rem !important;
    }
}
@media (min-width: 1400px) and (max-width: 1499px){
    .tamanho-row{
        width: 80%;
        margin-left: 10% !important;
    }
    a:hover{
      
      text-decoration: none !important;  
    }
    
    .img-vertical {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .padding-2{
       padding: 0rem 0rem 2rem 0rem;
      }
    /* Veja Mais */
    .icon-veja-mais{
        width: 8%;
        margin-bottom: 3rem;
        margin-top: -1.5rem;
    }
    .text-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-right-radius: 10px;
        padding: 15px 25px 25px 25px;
        height: 210px;
        transform: translateY(5%);
        margin-left: -3rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .text-invertido-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-left-radius: 10px;
        padding: 25px 25px 25px 25px;
        height: 210px;
        transform: translateY(5%);
        margin-right: -3rem;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .botao-personalizados{
        background-color: #00a8a9;
        color: white;
        border-radius: 2rem;
        width: 10rem;
    }
    .local-texto-invertido{
        margin-right: -3rem !important;
    }
}
@media (min-width: 1500px) and (max-width: 1599px){
    .tamanho-row{
        width: 80%;
        margin-left: 10% !important;
    }
    a:hover{
      
      text-decoration: none !important;  
    }
    
    .img-vertical {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .padding-2{
       padding: 0rem 0rem 2rem 0rem;
      }
    /* Veja Mais */
    .icon-veja-mais{
        width: 8%;
        margin-bottom: 3rem;
        margin-top: -1.5rem;
    }
    .text-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-right-radius: 10px;
        padding: 15px 25px 25px 25px;
        height: 210px;
        transform: translateY(10%);
        margin-left: -3rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .text-invertido-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-left-radius: 10px;
        padding: 25px 25px 25px 25px;
        height: 210px;
        transform: translateY(10%);
        margin-right: -3rem;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .botao-personalizados{
        background-color: #00a8a9;
        color: white;
        border-radius: 2rem;
        width: 10rem;
    }
    .local-texto-invertido{
        margin-right: -3rem !important;
    }
}
@media (min-width: 1600px) and (max-width: 1699px){
    .tamanho-row{
        width: 80%;
        margin-left: 10% !important;
    }
    a:hover{
      
      text-decoration: none !important;  
    }
    
    .img-vertical {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .padding-2{
       padding: 0rem 0rem 2rem 0rem;
      }
    /* Veja Mais */
    .icon-veja-mais{
        width: 8%;
        margin-bottom: 3rem;
        margin-top: -1.5rem;
    }
    .text-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-right-radius: 10px;
        padding: 15px 25px 25px 25px;
        height: 210px;
        transform: translateY(15%);
        margin-left: -3rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .text-invertido-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-left-radius: 10px;
        padding: 25px 25px 25px 25px;
        height: 210px;
        transform: translateY(15%);
        margin-right: -3rem;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .botao-personalizados{
        background-color: #00a8a9;
        color: white;
        border-radius: 2rem;
        width: 10rem;
    }
    .local-texto-invertido{
        margin-right: -3rem !important;
    }
}
@media (min-width: 1700px) and (max-width: 5000px){
    .tamanho-row{
        width: 80%;
        margin-left: 10% !important;
    }
    a:hover{
      
      text-decoration: none !important;  
    }
    
    .img-vertical {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .padding-2{
       padding: 0rem 0rem 2rem 0rem;
      }
    /* Veja Mais */
    .icon-veja-mais{
        width: 8%;
        margin-bottom: 3rem;
        margin-top: -1.5rem;
    }
    .text-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-right-radius: 10px;
        padding: 15px 25px 25px 25px;
        height: 210px;
        transform: translateY(20%);
        margin-left: -3rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .text-invertido-veja{
        background-color: #63d9db;
        color: #11605e;            
        border-top-left-radius: 10px;
        padding: 25px 25px 25px 25px;
        height: 210px;
        transform: translateY(20%);
        margin-right: -3rem;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .botao-personalizados{
        background-color: #00a8a9;
        color: white;
        border-radius: 2rem;
        width: 10rem;
    }
    .local-texto-invertido{
        margin-right: -3rem !important;
    }
}