@font-face {
  font-family: tipo;
  src: url(fonte/Poppins-Regular.ttf);
}

@font-face {
  font-family: tipo-negrito;
  src: url(fonte/Poppins-SemiBold.ttf);
}


:root {

	--segundo-plano: 			   #F4EDF7;
	--segundo-plano-claro:		   #FFFFFF;
    --segundo-plano-sobre-branco:  #F4FBF7;

	--primeiro-plano: 			   #43145A;
	--primeiro-plano-claro:		   #9134B1;
    --primeiro-plano-escuro:       #1F0A29;

    --destaque-preto:              #333;
	--destaque-dourado: 		   #FBDB59;
    --destaque-pink:               #E8308C;
    --destaque-rosa:               #EAE0ED;
    --destaque-verde:              #1FB25D;

    --extra-laranja-clara:         #FFEDD5;
    --extra-laranja:               #EDBA10;
    --extra-pink-clara:            #FCE7F3;
    --extra-azul-clara:            #F3E8FF;
    --extra-verde-clara:           #DCFCE7;
    --extra-rosa-clara:            #FEE2E2;
    --extra-violeta-clara:         #DBEAFE;
    --extra-roxo:                  #3F0F57;
    --extra-roxo-sobretom:         #50166A;
    --extra-roxo-claro:            #9234B2;
}


body {

	font-family: tipo, sans-serif;
	color: var(--primeiro-plano);
}

.espacador-topo {
	height: 60px;
}

.segmento {
	padding: 50px 20px 0px 20px;
}

.txt-destaque {
    color: var(--primeiro-plano-claro);
}

.titulo {
    font-size: 40px;
    font-weight: bold !important;
}

.ims-bt-primario-degrade {
	background: #1FB25D;
	background: linear-gradient(90deg,rgba(31, 178, 93, 1) 0%, rgba(28, 155, 81, 1) 100%);
}

.ims-bt-primario-degrade:hover {
    background: #1FB25D;
    background: linear-gradient(90deg, #23C969 0%, #1FAB59) 100%;
}

.bt-kits-comprar {
    width: 80% !important;
    font-size: 14px !important;
    margin-top: 20px !important;
}

.bt-kits-comprar-preferido {
   width: 80% !important;
   font-size: 16px !important;
   margin-top: 20px !important;
   background-color: var(--extra-roxo);
}

.bt-kits-comprar-preferido:hover {

   background-color: #C141D9;
}

.kit-selo-degrade {
    background: #1FB25D;
    background: linear-gradient(90deg,var(--destaque-pink) 0%, var(--primeiro-plano) 100%);
}


.ims-bt-primario {
	padding: 10px 24px;
	color: var(--segundo-plano-claro);
	font-weight: bold;
	text-transform: uppercase;
	border: 0;
	border-radius: 24px;
	box-shadow: 1px 3px 20px green;
    cursor: pointer;
}

.bt-garantia {
    margin: unset !important;
}

.recomenda-bt {
    margin: 20px 0px 20px 0px !important;
    width: auto !important;
    border: 0;
    background: #1FB25D;
    background: linear-gradient(45deg,rgb(222, 48, 144) 0%, rgb(155, 52, 174) 100%);
}



.menu-contentor {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 100%;
    background-color: white;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    z-index: 100;
}

.menu-logo {
    float: left;
    padding: 0px 20px;
    color: black;
    text-decoration: none;
    font-size: 2em;
    font-weight: 800;
}

.menu-logo > img {
    display: block;
    padding: 0;
    margin: 0;
    height: 50px;
}

.menu-lista {
   list-style: none;
   overflow: hidden;
   clear: both;
   max-height: 0;
   transition: max-height 0.2s ease-out;
}

.menu-lista-item-link {
    display: block;
    padding: 20px;
    color: black;
    font-size: 14px;
    text-decoration: none;
}

.menu-lista-item-link:hover {
   background-color: var(--extra-pink-clara);
   transition: background-color 0.2s;
}

.menu-bt-abrir-check {
    display: none;
}

.menu-bt-abrir-icone-contentor {
    right: 0;
    position: fixed;
    padding: 28px 20px;
    cursor: pointer;
}

.menu-bt-abrir-icone {
    display: block;
    position: relative;
    height: 2px;
    width: 18px;
    background: #333;
    transition: background 0.2s ease-out;
}

.menu-bt-abrir-icone:before {
    display: block;
    position: absolute;
    top: 5px;
    content:"";
    height: 100%;
    width: 100%;
    background: #333;
    transition: all 0.2s ease-out;
}

.menu-bt-abrir-icone:after {
    display: block;
    position: absolute;

    top: -5px;
    content:"";
    height: 100%;
    width: 100%;
    background: #333;
    transition: all 0.2s ease-out;
}

.menu-bt-abrir-check:checked ~ .menu-lista {
    max-height: 1000px;
}


.menu-bt-abrir-check:checked ~ .menu-bt-abrir-icone-contentor .menu-bt-abrir-icone {
    background: transparent;
}


.menu-bt-abrir-check:checked ~ .menu-bt-abrir-icone-contentor .menu-bt-abrir-icone:before {
    transform: rotate(-45deg);
    top:0;
}

.menu-bt-abrir-check:checked ~ .menu-bt-abrir-icone-contentor .menu-bt-abrir-icone:after {
    transform: rotate(45deg);
    top:0;
}

.menu-bt-comprar {
    display: block;
    padding: 10px;
    margin: 0 auto 20px auto;
    width: 80%;
    color: var(--segundo-plano-claro);
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.amoravit-bt-cta {
    display: block;
    margin: 0 auto;
    max-width: 360px;
}

.amoravit-selo {
    display: inline-block;
    padding: 5px 10px;
    color: var(--segundo-plano-claro);
    font-size: 14px;
    font-weight: bold;
    background-color: var(--destaque-pink);
    border-radius: 16px;
}

.amora-titulo {
    font-family: tipo-negrito;
}

.seg-amoravit-colunas {

}

.seg-amoravit {

}

.seg-amoravit-col-img {
    display: flex;
    align-items: center;
    justify-content: center;

}

.seg-amoravit-col-txt {
    padding: 30px;
    border-radius: 20px;
    box-shadow: 1px 1px 14px rgba(0, 0, 0, 0.2);
    background-color: var(--segundo-plano-claro);
}

.seg-amoravit-col-img > img {

    display: block;
    width: 500px;
    border-radius: 20px;

}

.amora-subtitulo {
    margin: 0 !important;
    font-size: 14px !important;
}

.amora-aval {
    margin: 10px 0px;
}

.amora-aval > i {
    color: var(--destaque-dourado);
}

.amoravit-selo-prod {
    display: inline-block;
    padding: 4px 8px;
    color: var(--primeiro-plano-claro);
    font-size: 12px;
    font-weight: bold;
    background-color: var(--destaque-rosa);
    border-radius: 16px;
}

.amora-prod-frete-ico {
    padding: 20px;
    color: var(--destaque-verde);

}

.amora-prod-frete {
    margin: 20px 0px 20px 0px;
    background-color: var(--segundo-plano-sobre-branco);
}

.amora-prod-frete-txt {
    display: flex;
    justify-content: center;
    flex-direction: column;

}

.amora-prod-frete-txt > p {
    margin: 0;
}

.amora-miuda-frete-txt-chegada {
    color: var(--primeiro-plano);
    font-size: 15px !important;
    font-weight: bold;

}

.amora-miuda-frete-txt-prazo {
    color: var(--destaque-preto);
    font-size: 13px !important;
}

.amora-prod-compra-precos {
    margin-top: 24px;
}

.amora-prod-compra-selos {
    display: flex;
    gap: 20px;
}

.amora-prod-compra-selo-ico {
    padding-right: 10px;
}

.amora-prod-compra-selo-txt {
    font-size: 14px !important;

}

.amora-frete-selo {
    display: flex;
    flex-direction: row;
}

.amora-prod-compra-preco-desconto {
    display: flex;
    gap: 10px;
}

.amora-prod-compra-preco-selo {
    font-weight: bold;
    background-color: var(--destaque-verde);
}

.amora-prod-compra-preco-desconto > p {
    margin: 0;
}


.amoravit-kits {
    gap: 20px;
}

.amora-prod-preco-preco {
    font-size: 36px !important;
    font-weight: bold;
}

.amora-prod-preco-cartao {
    margin: 0 !important;
    font-size: 14px !important;
}

.amoravit-kit {
    padding: 20px 0px;
    border-radius: 10px;
}

.amoravit-kits-titulo {

    margin: 20px 0px 10px 0px;
    font-size: 14px !important;
    font-weight: bold;
}

.amoravit-kit-kit {
    display: flex ;
    flex-direction: column;
    align-items: center;
    padding: 20px 0px 10px 0px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.amoravit-kit-kit:hover {
    background-color: var(--destaque-rosa);
}

.amoravitkit-colunas {
    flex-direction: column;
}

.amoravit-kit-selo {

    align-self: center;
    width: auto;
    margin-bottom: -10px;
    padding: 4px 10px;
    color: var(--segundo-plano-claro);
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    background-color: var(--destaque-rosa);
    border-radius: 16px;
    z-index: 10;
}

.amoravit-kit-selo-omitido {
    opacity: 0;
}

.amoravit-kit-kit-numero {
    font-size: 20px;
}

.amoravit-bt-comprar {
    padding: 16px 20px;
    width: 100%;
    color: var(--segundo-plano-claro);
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
    cursor: pointer;
}

.beneficios-cartas {
    margin-bottom: 30px;
    gap: 30px;
}

.beneficios-carta {
    padding: 24px;
    border-radius: 26px;
    box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.1);
    background-color: var(--segundo-plano-claro);
}

.beneficios-carta-1 {
    border-bottom: 5px solid var(--extra-azul-clara) !important;
}

.beneficios-carta-1 > .beneficios-carta-ico {
    background-color: var(--extra-azul-clara);
}

.beneficios-carta-2 > .beneficios-carta-ico {
    background-color: var(--extra-rosa-clara);
}

.beneficios-carta-3 > .beneficios-carta-ico {
    background-color: var(--extra-laranja-clara);
}

.beneficios-carta-4 > .beneficios-carta-ico {
    background-color: var(--extra-verde-clara);
}

.beneficios-carta-5 > .beneficios-carta-ico {
    background-color: var(--extra-pink-clara);
}

.beneficios-carta-6 > .beneficios-carta-ico {
    background-color: var(--extra-violeta-clara);
}

.beneficios-carta-ico {
    display: inline-block;
    padding: 10px 14px;
    font-size: 30px;
    border-radius: 20px;
    background-color: grey;
}

.beneficios-carta-txt {
    font-size: 16px !important;
    text-align: left !important;
}



.recomenda-video {
    display: block;
    margin: 40px auto 0px auto;
    width: 90%;
    max-width: 800px;
    border-radius: 10px !important;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}

.tarja-prod-vantagens {

    margin-top: 60px;
}

.tarja-prod-vantagens-colunas {
    margin: 0 auto;
    padding: 30px 0px;
    max-width: 1000px;
}

.tarja-prod-vantagens {
    color: var(--segundo-plano-claro);
    display: block;
    background-color: var(--extra-roxo);
}

.tarja-prod-vantagens-item {
    display: flex;
    align-items: center;
}

.tarja-prod-vantagens-item-ico {
    padding: 10px;
    font-size: 26px;
    color: var(--extra-roxo-claro);
}

.tarja-prod-vantagens-item-txt {
    font-weight: bold;
}

.tratamento-nutri-contentor {
    padding: 20px 20px 40px 20px;
    border: 4px solid var(--extra-rosa-clara);
    border-radius: 40px;
}

.tratamento-anvisa-ico {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    color: var(--extra-roxo-claro);
    font-size: 50px;
    border-radius: 50%;
}

.tratamento-anvisa {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tratamento-anvisa-rotulo {
    display: inline-block;
    padding: 8px 18px;
    color: var(--segundo-plano-claro);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 20px;
    background-color: var(--extra-roxo-claro);
}

.tratamento-anvisa-txt {
    max-width: 300px    ;
    font-size: 14px !important;
}

.tratamento-anvisa-topicos {
    font-size: 14px !important;
    text-align: center !important;
}

.tratamento-anvisa-topicos > i {
    color: var(--extra-roxo-claro);
}

.tratamento-nutri-tabela {
    margin: 0px auto 30px auto;
    width: 90%;
}

.tratamento-nutri-tabela-rotulo {
    display: block;
    margin-bottom: 30px;
}

.tratamento-nutri-tabela {
    text-align: left;
}

.tratamento-nutri-tabela  tr:nth-child(even) {
    background-color: var(--extra-rosa-clara);
}

.tratamento-nutri-titulo {
    margin-bottom: 5px;
    font-size: 22px !important;
    font-weight: bold !important;
    text-align: center;
}

.tratamento-nutri-subtitulo {
    margin: 0px 0px 15px 0px !important;
    text-align: center !important;
    font-size: 14px !important;
}

.tratamento-nutri-tabela-titulo {
    padding-bottom: 16px;
    font-size: 16px;
    font-weight: bold;
}

.tratamento-nutri-tabela > th, td {
    padding: 5px 20px 5px 0px !important;
}


.tratamento-nutri-tabela-info {
    margin: 0 auto;
    width: 90%;
    font-size: 12px !important;
}

.ingredientes-img {
    /*display: flex; */
    flex-grow: unset;
}

.ingredientes-img > img {
    display: block;

    margin: 0 auto;

    width: 260px;

}

.ingredientes-colunas {
    margin-bottom: 30px;
}

.ingredientes-carta {
    margin-bottom: 20px;
    padding: 16px;
    background-color: var(--segundo-plano-claro);
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.ingredientes-carta-conteudo {
    display: flex;
}

.ingreditentes-carta-colunas {
    gap: 20px;
}

.coluna-ingreditentes-carta-ico {
    display: flex;
    align-items: center;
}

.ingreditentes-carta-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: grey;
}

.ingreditentes-carta-ico > i {
    font-size: 36px;
}

.ingredientes-carta-titulo {
    margin: 0;
    color: var(--extra-roxo-sobretom);
    /*text-align: center;*/
    font-size: 16px !important;
    font-weight: bold !important;
}

.ingredientes-ico-1 {
    background-color: var(--extra-roxo-claro);
}

.ingredientes-fio-1 {
    border: 2px solid var(--extra-roxo-claro);
}

.ingredientes-ico-2 {
    background-color: var(--extra-laranja-clara);
}

.ingredientes-fio-2 {
    border: 2px solid var(--extra-laranja-clara);
}

.ingredientes-ico-3 {
    background-color: var(--extra-laranja);
}

.ingredientes-fio-3 {
    border: 2px solid var(--extra-laranja);
}

.ingredientes-ico-4 {
    background-color: var(--extra-verde-clara);
}

.ingredientes-fio-4 {
    border: 2px solid var(--extra-verde-clara);
}

.ingredientes-ico-5 {
    background-color: var(--extra-rosa-clara);
}

.ingredientes-fio-5 {
    border: 2px solid var(--extra-rosa-clara);
}

.ingredientes-ico-6 {
    background-color: var(--extra-azul-clara);
}

.ingredientes-fio-6 {
    border: 2px solid var(--extra-azul-clara);
}

.ingredientes-carta-texto {
    margin-top: 5px !important;
    text-align: left !important;
    font-size: 13px !important;
}

.ingredientes-carta-fio {
    margin-left: 20px;
    margin-top: 30px;
    /*width: 90%;*/
}

.recomenda-seg {
    margin-top: 60px;
    padding: 70px 0px;
    background-color: var(--extra-roxo);
}

.recomenda-titulo {
    text-align: center;
    color: var(--primeiro-plano) !important;
    font-size: 36px;
    font-weight: bold !important;
}

.recomenda-txt {
    max-width: 560px;
    font-size: 20px !important;
    text-align: left !important;
    color: var(--segundo-plano);
}

.recomenda-img > img {
    width: 60%;
    border-radius: 30px;
}

.recomenda-pontos {
    margin-top: 40px;
    color: var(--extra-rosa-clara);
}

.recomenda-pontos-pontos {

}

.recomenda-ponto-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.recomenda-ponto-txt > p {
    margin: 0;
    font-size: 14px;
}

.recomenda-ponto-ico > i {
    font-size: 30px;
}

.depoimentos-colunas {
    gap: 30px;
}

.depoimento-carta {
    padding: 20px;
    background-color: var(--segundo-plano-claro);
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}


.depoimento-pessoa {
    display: flex;
    align-items: center;
}

.depoimento-pessoa-img > img {
    margin-right: 20px;
    width: 70px;
    border-radius: 50%;
}

.depoimento-pessoa-nome {
    font-weight: bold;
}

.depoimento-pessoa-nome-local {
    display: block;
    font-size: 12px;
    font-weight: unset;
}

.depoimento-estrelas {
    margin: 10px 0px;
    color: var(--extra-laranja);
}

.depoimento-txt {
    font-size: 15px;
}

.depoimento-data {
    color: var(--primeiro-plano-claro);
    font-size: 14px !important;
}

.kits-colunas {
    gap: 24px;
}

.kits-subtitulo-ico {
    color: var(--extra-laranja);
}

.kits-subtitulo-selo {
    display: inline-block;
    padding: 10px;
    margin: 0px 0px 30px 50%;
    transform: translateX(-50%);
    color: var(--segundo-plano-claro);
    background-color: var(--destaque-pink);
}

.kit-recomendado {
    border: 2px solid var(--destaque-pink);
}

.kits-item {
    display: flex;
    padding: 24px 16px;
    flex-direction: column;
    justify-content: center;
    background-color: var(--segundo-plano-claro);
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3);
}

.kits-item-preco-promo {
    width: 100%;
    text-align: center;
    background-color: var(--destaque-verde);
}

.kits-preco {
    font-size: 26px;
    text-align: center;
}

.kits-preco-total {
    margin-bottom:13px;
    font-weight: bolder;
}

.kits-item-qt {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.kits-preco-cheio {
    display: block;
    font-size: 16px;
    text-align: center;
    text-decoration: line-through;
}

.kits-preco {
    font-weight: bold;
}

.kits-preco-frete {
    font-size: 14px;
    text-align: center;
}

.kits-item-img {
    margin: 0px auto 30px auto;
    max-width: 130px;
    width: 100%;
}

.kits-item-preco-promo {
    margin-bottom: 16px;
}

.tratafmento-item-qt-periodo {
    display: block;
    font-size: 12px;
}

.garantia-titulo {
    font-weight: bold;
    text-align: left !important;
    line-height: 1.2em;
}

.garantia-colunas {
    padding: 36px;
    gap: 40px;
    background-color: var(--segundo-plano-claro);
    border-radius: 20px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3);
}

.garantia-ico-ico > img {
    display: block;
    width: 140px;
}

.seg-garantia {
    margin-top: 50px;
    padding-bottom: 70px;
    background-color: var(--extra-violeta-clara);
}

.seg-rodape {
    margin-top: 70px;
    padding: 20px;
    background-color: var(--extra-roxo);
}

.rodape-colunas {
    color: var(--segundo-plano-claro);
    padding: 20px;
    opacity: 0.7;
}

.rodape-coluna-marca > img {
    margin-bottom: 10px;
    width:100px;
}

.rodape-colunas-marca-txt {
    font-size: 14px;
}

.rodape-coluna-marca-ico {
    margin-top: 20px !important;
}

.rodape-coluna-marca-ico > i {
    display: inline;

    margin-right: 6px;
    padding: 14px;
    color: var(--);
    font-size: 10px;
    line-height: 4em;
    border-radius: 10px;
    background-color: var(--extra-roxo-claro);
}

.rodape-coluna-marca-selos {
    display: flex;
    margin-top: 20px;
    gap: 10px;
    color: var(--segundo-plano-claro);
    font-size: 12px;
}

.rodape-coluna-marca-selos > p {
    padding: 10px;
    background-color: var(--extra-roxo-sobretom);
}

.rodape-coluna-pag {

}

.rodape-coluna-pag-titulo{
    font-size: 18px;
    font-weight: bold;
}

.rodape-coluna-pag-parcelamento {
    margin-top: 20px;
    font-size: 14px;
    opacity: 0.7;
}

.rodape-coluna-c {
    font-size: 11px;
    opacity: 0.9;
    line-height: 2em;
}

@media (min-width: 800px) {

    /* MENU PARA TELAS GRANDES */

    .menu-contentor {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .menu-lista {
        clear: none;
        float: right;
        margin-right: 30px;
        max-height: none;
    }

    .menu-lista-item {
        float: left;
    }

    .menu-bt-abrir-icone-contentor {
        display: none;
    }

    .menu-bt-comprar {
        display: block;
        margin-top: 5px;
        margin-left: 10px;
        margin-bottom: 0;
        padding: 15px;
        width: 100%;
        color: var(--segundo-plano-claro) !important;
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 10px;
        background-color:lightgreen;
    }

}
