/* ---------------------------------------------------------------------------------------------------- */
/* MODELO DE ORGANIZAÇÃO DO CSS */

/* selector { */

/* 0 SASS INHERITANCE*/
/* @extend, @mixin, e.g. clearfix */

/* 1 GENERATED CONTENT */
/* content */

/* 2 POSITION AND LAYOUT */
/* positiony, z-index, top, bottom, left, right, Flexbox properties, float, clear */

/* 3 DISPLAY AND VISIBILITY */
/* display, opacity, transform */

/* 4 CLIPPING */
/* overflow, clip  */

/* 5 ANIMATION */
/* animation, transition */

/* 6 BOX MODEL (FROM OUTSIDE IN) */
/* margin, box-shadow, border, border-radius, box-sizing, width, height, padding */

/* 7 BACKGROUND */
/* background, cursor */

/* 8 TYPOGRAPHY */
/* font-size, line-height, font-family, font-weight, font-style, text-align, text-transform, word-spacing, color */

/* 9 PSEUDO-CLASSES & PSEUDO-ELEMENTS (NESTED RULES) */
/* :hover, :focus, :active, :before, :after, :first-child, :last-child */

/* } */
/* ---------------------------------------------------------------------------------------------------- */

/* ================================================== */
/*                        GERAL                       */
/* ================================================== */

* {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0;
    padding: 0;

    /* TYPOGRAPHY */
    font-family: Poppins, sans-serif, Arial;
}

li {
    /* TYPOGRAPHY */
    list-style-type: none;
}


.container {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    box-sizing: border-box;
}

/* ================================================== */
/*                     HOME - TOPO                    */
/* ================================================== */
.topo {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    padding: 35px 0;
}

.cabecalho {
    /* 2 POSITION AND LAYOUT */    
    display: flex;
    gap: 30px;
}

.empresamote {
    /* 2 POSITION AND LAYOUT */
    display: flex;
    flex-direction: column;
    justify-content: center;
    
    /* 8 TYPOGRAPHY */
    text-align: left;
}

.empresa {
    /* 8 TYPOGRAPHY */
    text-align: left;
    font-size: 32px;
    font-weight: 700;
    color: #000;
}

.mote {
    /* 8 TYPOGRAPHY */
    text-align: left;
    font-size: 16px;
    color: #2f86d6;
    font-weight: 600;
}

.navbar {
    /* 2 POSITION AND LAYOUT */
    display: flex;
    align-items: center;
    justify-content: space-between;
        
    
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    width: 1024px;
    margin: 0 auto;

    /* 8 TYPOGRAPHY */
    text-align: left;
    font-size: 18px;
    color: #233032;    
}

.cabecalho img, .rodape img {
    /* 2 POSITION AND LAYOUT */
    display: flex;
    gap: 30px;
    align-items: center;

    
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    width: 100px;
}

.menu {
    /* 2 POSITION AND LAYOUT */
    display: flex;
    align-items: end;
    align-content: end;

    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    
}

.menu a {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    padding: 15px;

    /* 8 TYPOGRAPHY */
    text-decoration: none;
    font-weight: 600;
    
}

/* ================================================== */
/*                    HOME - BANNER                   */
/* ================================================== */
.banner {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    padding: 180px 0;

    /* 7 BACKGROUND */
    background-color: #2f86d6;
}

.conteudo-banner {
    /* 2 POSITION AND LAYOUT */
    display: flex;
    justify-content: center;
    
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    width: 1024px;
    height: 500px;
    margin: 0 auto;
}

.texto-banner {
    /* 2 POSITION AND LAYOUT */
    display: inline;
    justify-content: center;
    align-content: center;
    
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    width: 470px;
    margin: 0 auto;
    padding: 20px;
}
.paragrafo-banner {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    padding: 5px;

    /* 8 TYPOGRAPHY */
    text-align: left;
    font-size: 16px;
    color: #fff;
}

.destaque-banner {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    padding: 5px;

    /* 8 TYPOGRAPHY */
    text-align: left;
    font-size: 28px;
    color: #fff;
}


.img-banner {
    /* 2 POSITION AND LAYOUT */
 

    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    width: 50%;

    /* 7 BACKGROUND */
    background-image: url("../img/imagem-banner.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* ================================================== */
/*                   HOME - ANUNCIOS                  */
/* ================================================== */
.anuncio {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    padding: 40px 0;

    /* 7 BACKGROUND */
    background-color: #2f86d6;
}

.conteudo-anuncio {
    /* 2 POSITION AND LAYOUT */
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    width: 1024px;
}

.destaque-anuncio {
    /* 8 TYPOGRAPHY */
        text-align: left;
        font-size: 22px;
        color: #fff;
        font-weight: 700;
}

.detalhe-anuncio {
    /* 8 TYPOGRAPHY */
    text-align: left;
    font-size: 15px;
    color: #fff;
}


.anuncio-bg-escuro {
    /* 7 BACKGROUND */
    background-color: #233032;
}

.anuncio-bg-claro {
    /* 7 BACKGROUND */
    background-color: #2f86d6;
    
}

.botao-tab-preco {
    /* 2 POSITION AND LAYOUT */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;

    /* 6 BOX MODEL */
    width: 200px;
    padding: 10px;

    /* 8 TYPOGRAPHY */
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}

.botao-tab-preco a {
    /* 8 TYPOGRAPHY */
    text-decoration: none;
    color: #fff;
}


/* ================================================== */
/*                  HOME - INFORMAÇÕES                */
/* ================================================== */
.info {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0px auto;
    padding: 100px 0;
    
    /* 7 BACKGROUND */
    background-color:#f6f6f6;
}

.texto-info {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    width: 900px;
    padding: 5px;
    margin-bottom: 20px;
}

.texto-info h2 {
    /* 8 - TYPOGRAPHY */
    text-align: center;
    font-size: 30px;  
}

.recursos-info {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    width: 1024px;
}

.recursos-info img {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    padding: 10px;
    width: 120px;
}

.tabela-recursos {
    /* 8 - TYPOGRAPHY */
    text-align: center;
    font-size: 16px;
}

.destaque-recurso {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    padding: 10px;

    /* 8 - TYPOGRAPHY */
    font-weight: 700;
    font-size: 20px;
    text-align: center;
 }

.detalhe-recurso {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    padding: 10px;
    /* 8 - TYPOGRAPHY */
    font-size: 18px;
  }

/* ================================================== */
/*                     HOME - PLANOS                  */
/* ================================================== */
.planos {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    padding: 100px 0;

    /* 7 BACKGROUND */
    background-color:#e4e5e6;
}

.conteudo-planos {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    width: 1024px;
}

.destaque-azul {
    /* 8 - TYPOGRAPHY */
    color: #2f86d6;
}

.destaque-planos {
    /* 6 BOX MODEL (FROM OUTSIDE IN)*/
    padding-bottom: 50px; 
    
    /* 8 - TYPOGRAPHY */
    text-align: center;
    font-size: 20px;
    font-weight: 800;

}
.container-tabela {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    padding: 10px;
}

.tabela-escura {
    /* 7 BACKGROUND */
    background-color: #f1f3f7;

    /* 8 -TYPOGRAPHY */
    text-align: center;
}

.tabela-planos img {
    /* 6 BOX MODEL (FROM OUTSIDE IN)*/
   width: 110px;
}

.img-tabela {
    /* 6 BOX MODEL (FROM OUTSIDE IN)*/
    height: 40px;
}

.tabela-planos {
    /* 6 BOX MODEL (FROM OUTSIDE IN)*/
    margin-top: 70px;
    margin: 0 auto;
    height: 600px;
    width: 950px;

    /* 7 BACKGROUND */
    background-color: #fff;
    box-shadow: 0px 0px 40px 20px #2f86d6;

    /* 8 - TYPOGRAPHY */
    text-align: center;
}

.tabela-planos td {
    /* 8 - TYPOGRAPHY */
    font-size: 16px;
    text-align: center;
    font-weight: 600;
}

.table-head{
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    height: 80px;
}

.tabela-detalhe {
    /* 8 - TYPOGRAPHY */
    font-size: 14px;
    text-align: center;
    color:dimgrey;
};



/* ================================================== */
/*                     HOME - RODAPÉ                  */
/* ================================================== */
.wrapper-rodape {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
}

.contato-empresamote .empresa {
    /* 8 TYPOGRAPHY */
    text-align: left;
    font-size: 32px;
    font-weight: 700;
    color: #000;
}

.contato-empresamote .mote {
    /* 8 TYPOGRAPHY */
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #2f86d6;
}

.container-contato {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    width: 1024px;  
}

.contato {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    padding: 20px;

    /* 8 -TYPOGRAPHY */
    text-align: center;
}

.rodape-logo {
   /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    width: 1024px;
}

.wrapper-rodape p {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 5px auto;

    /* 8 -TYPOGRAPHY */
    font-size: 16px;
    font-weight: 700;

}

.rodape-logo {
    /* 2 POSITION AND LAYOUT */
    display: flex;
    gap: 20px;
    
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 20px auto;
    width: 350px;

    /* 8 -TYPOGRAPHY */
    text-align: left;
}

.rodape-logo img {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    width: 80px;
}

.dev-escuro {
  /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto; 
    height: 20px;
    padding: 20px;

    /* 7 BACKGROUND */
    background-color: #f1f3f7;

    /* 8 -TYPOGRAPHY */
    text-align: center;
}

.dev-claro {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 20px auto;
    height: 20px;
    

    /* 7 BACKGROUND */
    background-color: #fff;

    /* 8 -TYPOGRAPHY */
    text-align: center;
}


/* ================================================== */
/*             TABELA DE PREÇOS - TOPO                */
/* ================================================== */
.topo-tabprecos {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    padding: 35px 0;
    
    /* 7 BACKGROUND */
    background-color: #3286d3;
}

.navbar-tabprecos {
    /* 2 POSITION AND LAYOUT */
    display: flex;
    align-items: center;
    justify-content: space-between;

    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    width: 1024px;
    margin: 0 auto;
}

.mote-tabprecos {
    /* 8 TYPOGRAPHY */
    text-align: left;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}

.menu-tabprecos {
    /* 2 POSITION AND LAYOUT */
    display: flex;
    align-items: end;
    align-content: end;
}

.menu-tabprecos a {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    padding: 15px;

    /* 8 TYPOGRAPHY */
    text-decoration: none;
    font-weight: 600;
    text-align: left;
    font-size: 18px;
    color: #fff;
}

.logo-tabprecos {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 20px auto;
    width: 320px;

    /* 7 BACKGROUND */
    background-image: url("../img/");
}

/* ================================================== */
/*             TABELA DE PREÇOS - CORPO               */
/* ================================================== */

.container-tabela {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    padding: 100px 0;
}

.tabela-precos {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    width: 1024px;
}

.tabela-escura-left {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    width: 700px;
    padding: 20px;
    
    /* 7 BACKGROUND */
    background-color: #f1f3f7;
    
    /* 8 -TYPOGRAPHY */
    text-align: left;
    font-size: 14px;
    font-weight: 500;
}

.tabela-clara-center {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    line-height: 30px;
    width: 400px;
    padding: 10px;
    border: 1px solid rgb(241, 239, 239);
    
    /* 8 -TYPOGRAPHY */
    text-align: center;
    font-size: 14PX;
}


.tabela-escura-header {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    line-height: 40px;
    width: 400px;
    padding: 20px;

    /* 7 BACKGROUND */
    background-color: #f1f3f7;

    /* 8 -TYPOGRAPHY */
    text-align: center;
    font-size: 28px;
    font-weight: 700;
}

.tabela-escura-header p{
    /* 8 -TYPOGRAPHY */
    text-align: center;
    font-size: 14px;
    color: #acacac
}

table {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    border-collapse: collapse;
}

.bullet {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    height: 15px;
    width: 15px;
    margin: 0 auto;

    /* 7 BACKGROUND */
    background-color: #2f86d6;
    border-radius: 50%;
}

/* ================================================== */
/*             TABELA DE PREÇOS - RODAPE              */
/* ================================================== */
.copyright {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    padding: 20px;
    
   /* 8 -TYPOGRAPHY */
    text-align: left;
    color: #fff;  
}

.rodape-tabprecos {
    /* 2 POSITION AND LAYOUT */
    display: flex;
    flex-direction: row;

    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    padding: 40px;

    /* 7 BACKGROUND */
    background-color: #3286d3; 
}

.rodape-logo-tabprecos {
    /* 2 POSITION AND LAYOUT */
    display: flex;
    align-items: center;
    flex-direction: column;

    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
}

.rodape {
    /* 2 POSITION AND LAYOUT */
    display: flex;
    gap: 30px;
}

.container-rodape-tabprecos {
    /* 6 BOX MODEL (FROM OUTSIDE IN) */
    margin: 0 auto;
    height: 300px;
}