button{
    cursor: pointer !important;
}

html, body {
  height: 100%;
  overflow-x: hidden; /* Evita rolagem horizontal */
}


.topo-1{
	margin: 0px 0px 0px 0px;
    padding: 0px;
    background-color: #050a30;
    color: #fff;
}

.titulo-topo-1{
	font-family: Poppins,sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    padding: 5px;
    margin: 0;
}

img{
	width: 100%;
	height: auto;
}

.topo-2{
	padding-top: 30px;
	padding-bottom: 50px;
	background-color: #fff;
}

.img-estr-topo-2{
	width: 100px;
	height: auto;
}

.estre-topo-2{
	color: #777777;
	font-size: 16px;
}

.titulo-principal{
	color: #193073;
    font-family: "Montserrat", Open Sans;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0;
}

.titulo-principal-2{
	color: #008cd1;
    font-family: "Montserrat", Open Sans;
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
    letter-spacing: 0;
    margin-top: 30px;
}

.li-topo-2{
	color: #646464;
	font-family: montserrat, sans-serif;
    font-size: 15px;
    margin-top: -12px;
}

.li-2-topo-2{
	color: #646464;
	font-family: montserrat, sans-serif;
    font-size: 17px;
    margin-top: -12px;
}

.topo-3{
	padding-bottom: 80px;
	background-color: transparent;
    background-image: linear-gradient(180deg, #fafafa 0%, #EFEFEF 100%);
}

.btn2{
	margin-top: -30px;
    padding: 30px 40px 10px 40px;
    background-color: #193073;
    border-radius: 50px 50px 50px 50px;
    box-shadow:0px 0px 8px 0px rgb(0 0 0 / 50%);

}

.btn :hover{
	background-color: #3C3C3C;
}

.texto-btn{
	text-align: center;
    color: #FFFFFF;
    font-family: "Montserrat", Open Sans;
    font-size: 25px;
    font-weight: 600;
}

.esp-topo{
	margin-top: 30px;
}



.titulo-cont{
	font-size: 30px;
    color: #193073;
    font-family: montserrat,sans-serif;
    font-weight: bold;
    line-height: 27px;
    letter-spacing: 0;
}
.texto-cont{
	font-size: 17px;
    color: #000000;
    margin-top: 20px;
}

.topo-4{
	background-color: #fff;
	padding-bottom: 40px;
    padding-top: 40px;
}

.texto-principal{
    font-size: 16px;
    line-height: 1.2;
    color: #000;
    font-family: sans-serif;
    font-weight: 400;
}

.titulo-icone{
    margin-top: 15px;
    font-size: 24px;
    font-family: montserrat,sans-serif;
    line-height: 1.2;
    font-weight: bold;
}

.img-depo{
    width: 80%;
    height: auto;
    border-radius: 15px;
}

.img-btn{
	width: 60%;
	height: auto;
	margin-top: -30px;
}

.img-escrito{
	width: 70%;
	height: auto;
}

a{
	text-decoration: none;
}

a:link{
	text-decoration: none;
}

.borda-1{

    padding: 20px 0px 25px 0px;
    transition: background 0s;
    border-style: solid;
    border-color: #DDDDDD;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 33%);
}

.borda-2{

    padding: 20px 0px 25px 0px;
    transition: background 0s;
    border-style: solid;
    border-color: #193073;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 33%);
}

.unidade{
	color: #555555;
    font-family: montserrat, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 35px;
    padding-top: 20px;
}

.funo-cinza{
	font-family: Open Sans,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    background: #545454;
}

.img-selo{
	float: left;
	width: 30%;
	height: auto;
	margin-top: -30px;
	margin-left: -10px;
}


.youtube{
	
    width: 100%;
    height:auto;
	margin-top: 25px;
    margin-left: 0px;
    margin-right: 0px;
}

.topo-21{
	background-color: #1d1d1d;
	padding-top: 40px;
	padding-bottom: 40px;
}

.img-max{
	width: 100%;
	height: auto;
}

.img-max2{
	width: 80%;
	height: auto;
}


hr {
	border: 0;
	border-top: 1px solid #000;
}

.hr hr {
	border: 0;
	border-top: 1px solid #ccc;
}

.topo-5{
	background-color: #fff;
	padding-top: 30px;
	padding-bottom: 50px;
}

.titulo-avaliacao{
	line-height: 1em;
    font-size: 27px;
    font-family: 'Ubuntu Condensed', sans-serif;
    color: #2a2a2a;
    font-weight: 700;
}

.text-avali{
	font-family: Ubuntu, Helvetica, sans-serif;
    margin-right: 15px;
    font-size: 28px;
    font-weight: bold;
    color: #575757;
}

.img-estrela{
	width: 120px;
	height: auto;
}

.img-estrela-2{
	width: 80px;
	height: auto;
}

.texto-ava{
	font-size: 20px;
	color: #333333;
    letter-spacing: -0.02em;
    line-height: 1.45em;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.coment-nome{
	font-weight: 700 !important;
	font-family: Open Sans,sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #777;

}

.texto-coment{
	font-family: Open Sans,sans-serif;
    font-size: 17px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
    margin-top: -15px;
}

.topo-6{
	background-color: transparent;
    background-image: linear-gradient(180deg, #FAFAFA 0%, #EFEFEF 100%);
    padding-top: 30px;
    padding-bottom: 30px;
}

.img-garantia{
	width: 100%;
	height: auto;
}

.texto-seguro{
	text-align: center;
    color: #000;
    font-family: "Montserrat", Open Sans;
    font-size: 14px;
    font-weight: 400;
}

.btn{
	color: #000;
	font-weight: bold;
}

.rodape{
	    background-image: linear-gradient(180deg, #191970 0%, #000 100%);
	    padding-top: 50px;
	    padding-bottom: 20px;
}

.rodape a{
	color: #FFFFFF;
}

.img-logo{
	width: 20%;
	height: auto;
	padding-bottom: 0px;
    padding-top: 10px;
}

.topo-1 .fa-cart-shopping{
	color: #fff;
	font-size: 25px;
}

.img-principal{
	width: 90%;
	height: auto;
}

.img-principal1{
	width: 75%;
	height: auto;
}

.carousel-control-prev{
    background: none !important;
    border: none !important;
}

.carousel-control-next{
    background: none !important;
    border: none !important;
}

.carousel-indicators li {
  background-color: #000 !important;
}

.carousel-control-prev-icon{
    background-color: #000 !important;
}

.carousel-control-next-icon{
    background-color: #000 !important;
}

.img-full{
	width: 50px;
	height: auto;
}

#play1{
    width:100%;
    height:auto;
    margin-top:-230px;
    margin-left:-180px;
    z-index: 9998;
    position: absolute;
}

#play2{
    width:100%;
    height:auto;
    margin-top:-230px;
    margin-left:-180px;
    z-index: 9998;
    position: absolute;
}

#play3{
    width:100%;
    height:auto;
    margin-top:-230px;
    margin-left:-180px;
    z-index: 9998;
    position: absolute;
}

.topo-8{
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #EBEAEA;
}

.titulo-como-comrpar{
	color: #000000;
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.5px;
    margin-top: 15px;
}

.como-comprar{
	color: #193073;
    font-weight: 900;
    border: 3px solid #193073;
    border-radius: 50%;
    font-size: 58px;
    padding: 10px;
}

.topo-7{
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #0A0A0A;
}

.img-garantia{
	width: 90%;
	height: auto;
}

.titulo-garantia{
	color: #fff;
    font-family: "Montserrat", Sans-serif;
    font-size: 28px;
}


.img-cont{
	width: 380px;
    height: 280px;
    filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
    border-style: solid;
    border-color: #969DA4C4;
    border-radius: 20px;
    max-width: 100%;
    margin: 0 auto;
}

.img-barra{
    width: 100%;
    height: auto;
    max-width: 650px;
}

.titulo-cont{
	font-size: 30px;
    color: #008cd1;
    font-family: montserrat,sans-serif;
    font-weight: bold;
    line-height: 27px;
    letter-spacing: 0;
}

.texto-cont{
	font-size: 17px;
    color: #fff;
    margin-top: 20px;
}

.texto-cont span{
    font-weight: bold;
    color: #004AAD;
}



.texto-cada{
    font-weight: 600;
    margin-top: 10px;
    font-size: 26px;
    color: black;
    border-bottom: rgb(183, 183, 183) 1px solid;
    padding-bottom: 10px;
}

.img-selo{
    float: left;
    width: 30%;
    height: auto;
    margin-top: -30px;
    margin-left: -10px;
}

.btn-compra{
    width: 95%;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    font-size: 25px;
    background-color: #04bd36;
    border-radius: 15px 15px 15px 15px;
    padding: 10px 5px 10px 5px;
}

.texto-btn2{
	text-align: center;
    color: #FFFFFF;
    font-family: "Montserrat", Open Sans;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}

.titulo-variante span{
	color: #000;
	font-weight: 700;
}

.popup{
    background-color: #ffffff;
    display: none;
    position: sticky;
    z-index: 3;
    bottom: 10px;
    left: 10px;
    width: 300px;
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 50%);
    border-radius: 10px;
}

.mensagem{
    display: flex;
    align-items: center;
}

.imgPop{
    width: 35%;
    height: 80px;
    border-radius: 10px 0px 0px 10px;
    border-right: black 1px solid;
    padding-right: 5px;
}

.titulo-novo{
    color: #1d1d1d;
    font-size: 46px;
    font-weight: 800;
    line-height: 1.0869565217;
    margin-bottom: 22px;
    text-transform: capitalize;
}

.titulo-novo span{
    color: #2879c3;
}   

.img-line{
    width: 100%;
    height: auto;
} 

.img-icone{
    width: 100%;
    height: auto;
    max-width: 90px;
}

.titulo-icone2{
    color: #2879c3;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: -15px;
}

.titulo-icone3{
    color: #2879c3;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: -15px;
}

.topo-nv{
    background-color: #f3fbff;
    padding-top: 40px;
    padding-bottom: 40px;
}

.fundo-azul{
    background-color: #2879c3;
    padding: 20px;
}

.img-pro-nv{
    width: 80%;
    height: auto;
}

.esp-icone2{
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    padding-top: 20px;
}

.esp-icone3{
    padding-bottom: 15px;
    padding-top: 20px;
}

.fundo-azul0{
    width: 100%;
    background-image: url(../images/fundo.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 106px;
    padding: 13px 0 17px 40px;
}

.fundo-branco{
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px #cfe1e1;
    box-shadow: 0 0 15px #cfe1e1;
    padding: 30px 20px 30px 20px;
    position: relative;
    min-height: 280px;
}

.img-ingre{
    width: 70px;
    height: auto;
    position: absolute;
    top: 15px;
    right: 15px;
}

.esp-ingre{
    padding-top: 20px;
}

.img-icon{
    width: 65%;
    height: auto;
    margin-bottom: 10px;
}

.texto-icon{
    font-size: 16px;
    line-height: 1.2;
    color: #111;
}

@media screen and (max-width: 600px) {

    .img-icon{
        width: 80%;
        height: auto;
    }

    .texto-icon{
        font-size: 12px;
    }    

    .fundo-azul0{
        width: 100%;
        background-image: none;
        background-color: #0d5aa2;
        border-top-left-radius:30px;
        border-top-right-radius:30px;
        padding: 13px 0 17px 15px;
    }

    .esp-icone2{
        padding-top: 25px;
    }

    .esp-icone3{
        padding-top: 25px;
    }

    .esp-icone{
        padding-top: 25px;
    }

    .img-icone{
        max-width: 80px;
    }  

    .titulo-icone2{
        font-size: 24px;
    }

    .titulo-icone2{
        font-size: 22px;
    }

    .titulo-novo{
        font-size: 28px;
    }    

    .titulo-topo-1{
        font-size: 14px;
    }    

	.titulo-cont{
		font-size: 23px;
        line-height: 23px;
        margin-top: 30px;
	}

	.img-garantia{
	width: 70%;
	height: auto;
	}

	.titulo-garantia{
		    font-size: 22px;
	}

	#play1{
    width:100%;
    height:auto;
    margin-top:-257px;
    margin-left:-200px;
    z-index: 9998;
    position: absolute;
	}

	#play2{
    width:100%;
    height:auto;
    margin-top:-257px;
    margin-left:-200px;
    z-index: 9998;
    position: absolute;
	}

	#play3{
    width:100%;
    height:auto;
    margin-top:-257px;
    margin-left:-200px;
    z-index: 9998;
    position: absolute;
	}

	.img-principal{
	width: 100%;
	height: auto;
	}

	.topo-1 .fa-cart-shopping{
		color: #fff;
		font-size: 15px;
	}


	.img-logo{
    	width: 50%;
    	height: auto;
        display: block;
        margin: 0 auto;
    }

	.btn-compra{
		width: 90%;
		margin: auto;
		text-align: center;
	}

	.img-btn{
	width: 100%;
	height: auto;
	}

	.img-escrito{
	width: 100%;
	height: auto;
	}


	.titulo-cont{
		font-size: 23px;
        line-height: 23px;
        margin-top: 30px;
	}

	.centralizar{
		text-align: center !important;
	}

	.texto-btn{
		font-size: 20px;
	}

	.titulo-principal{
		font-size: 28px;
		line-height: 32px;
	}

	.titulo-principal-2{
		font-size: 22px;
		line-height: 24px;
	}

}	

.preto{
    color: #111;
}

.amarelo{
    color: #fdb932;
}

.branco{
    color: #fff;
}

.azul{
    color: #0d2551;
}


/* CSS para topo-11 */
.topo-11 {
    background-color: #f8f8f8;
    padding: 40px 0;
    border-bottom: 2px solid #eaeaea;
}

.topo-11 .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 0 20px;
}

.topo-11 .testimonial {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    width: 300px;
    padding: 20px;
    text-align: center;
}

.topo-11 .testimonial img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin-bottom: 15px;
}

.topo-11 .testimonial .name {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.topo-11 .testimonial .stars {
    font-size: 20px;
    color: #f5a623;
    margin-bottom: 10px;
}

.topo-11 .testimonial p {
    font-size: 16px;
    color: #666;
    margin: 0;
}


/* Estilos para a seção topo-11 */
.elementor-section.topo-11 {
    padding: 40px 0;
}



.testimonial {
    flex: 1 1 calc(33.333% - 20px); /* Ajusta para três colunas */
    box-sizing: border-box;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: center;
}

.testimonial img.product-photo {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 15px;
}

.stars {
    font-size: 1.5rem;
    color: #f39c12;
    margin-bottom: 10px;
}

.name {
    font-weight: bold;
    margin-bottom: 10px;
}

p {
    font-size: 1rem;
    line-height: 1.5;
    color: #333;
}

/* Estilo geral da seção */
    .beneficios {
        background-color: #FF7F50; /* Fundo laranja moderno */
        padding: 60px 0; /* Espaçamento superior e inferior maior */
        color: #fff; /* Texto em branco para contraste */
    }

    /* Estilo para o conteúdo textual */
    .beneficios h1 {
        font-size: 2.5rem; /* Tamanho do título grande e impactante */
        line-height: 1.2;
        color: #fff; /* Título em branco */
        font-weight: 500;
    }

    .beneficios p {
        font-size: 1.1rem; /* Tamanho de fonte ajustado para legibilidade */
        line-height: 1.6;
        color: #f1f1f1; /* Cor do texto levemente mais clara que o título */
    }

    .orange-color {
        color: #FFD700; /* Destaque dourado para contraste com o fundo laranja */
    }

    /* Estilo para a imagem */
    .beneficios img {
        max-width: 100%; /* Responsivo: imagem ocupa o espaço disponível */
        border-radius: 15px; /* Bordas arredondadas modernas */
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); /* Sombra sutil para destaque */
    }

    /* Ajustes responsivos */
    @media (max-width: 992px) {
        .beneficios h1 {
            font-size: 2rem; /* Reduz o tamanho do título para telas menores */
            text-align: center; /* Centraliza o título em dispositivos móveis */
        }

        .beneficios p {
            text-align: center; /* Centraliza os parágrafos em dispositivos móveis */
        }

        .beneficios img {
            margin-top: 20px; /* Adiciona espaço acima da imagem no mobile */
        }
    }

    @media (max-width: 768px) {
        .beneficios h1 {
            font-size: 1.75rem; /* Reduz o título um pouco mais para telas pequenas */
        }
    }

    @media (max-width: 576px) {
        .beneficios {
            padding: 40px 20px; /* Reduz o espaçamento em telas muito pequenas */
        }

        .beneficios img {
            margin: 20px 0; /* Espaço adicional para a imagem em telas muito pequenas */
        }
    }


 <style>
        
        /* Reset básico */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Open Sans', sans-serif;
        }

        /* Barra de promoção superior */
        .promo-bar {
            background-color: #00008B;
            color: #FFD700;
            text-align: center;
            padding: 10px 0;
            font-weight: bold;
            font-size: 1.1rem;
            text-transform: uppercase;
        }

        /* Cabeçalho principal */
        .header-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
            background-color: #FF5722;
            position: relative;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            max-width: 100%;
        }

        /* Logo da loja */
        .logo-shop {
            display: flex;
            align-items: center;
        }

        .logo-shop img {
            width: 150px;
            height: auto;
        }

        /* Ícone de busca com dropdown */
        .header-icons {
            position: relative;
            display: flex;
            justify-content: flex-end;
        }

        .search-icon {
            color: #FFFFFF;
            font-size: 1.5rem;
            cursor: pointer;
            padding-right: 10px;
        }

        .dropdown-menu {
            display: none;
            position: absolute;
            top: 40px;
            left: -140px; /* Alinha o menu à esquerda do ícone de busca */
            background-color: #FFFFFF;
            border: 1px solid #ddd;
            border-radius: 5px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            width: 160px; /* Ajuste da largura do dropdown */
            max-width: calc(100vw - 20px); /* Para garantir que não ultrapassa a tela */
            z-index: 10;
            overflow: hidden;
        }

        .dropdown-menu a {
            display: block;
            padding: 10px 15px;
            color: #333;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.9rem;
        }

        .dropdown-menu a:hover {
            background-color: #f0f0f0;
        }

        .dropdown-menu.show {
            display: block;
        }

        /* Barra do nome do produto com logo */
        .header-bottom {
            background-color: #FF5722;
            padding: 10px 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .header-bottom img {
            width: 180px;
            height: auto;
            transition: transform 0.2s;
        }

        .header-bottom img:hover {
            transform: scale(1.1);
        }

        /* Responsividade */
        @media (max-width: 768px) {
            .header-top {
                flex-direction: row;
                padding: 10px;
            }

            .logo-shop img {
                width: 130px;
            }

            .header-bottom img {
                width: 150px;
            }

            /* Ajuste para o ícone de busca em mobile */
            .header-icons {
                width: auto;
                padding-right: 0;
            }

            .dropdown-menu {
                width: 90%;
                left: auto;
                right: 5%;
            }
        }
    </style>

<style>
        
        /* Reset básico */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Open Sans', sans-serif;
        }

        /* Barra de promoção superior */
        .promo-bar {
            background-color: #00008B;
            color: #FFD700;
            text-align: center;
            padding: 10px 0;
            font-weight: bold;
            font-size: 1.1rem;
            text-transform: uppercase;
        }

        /* Cabeçalho principal */
        .header-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
            background-color: #FF5722;
            position: relative;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            max-width: 100%;
        }

        /* Logo da loja */
        .logo-shop {
            display: flex;
            align-items: center;
        }

        .logo-shop img {
            width: 150px;
            height: auto;
        }

        /* Ícone de busca com dropdown */
        .header-icons {
            position: relative;
            display: flex;
            justify-content: flex-end;
        }

        .search-icon {
            color: #FFFFFF;
            font-size: 1.5rem;
            cursor: pointer;
            padding-right: 10px;
        }

        .dropdown-menu {
            display: none;
            position: absolute;
            top: 40px;
            left: -140px; /* Alinha o menu à esquerda do ícone de busca */
            background-color: #FFFFFF;
            border: 1px solid #ddd;
            border-radius: 5px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            width: 160px; /* Ajuste da largura do dropdown */
            max-width: calc(100vw - 20px); /* Para garantir que não ultrapassa a tela */
            z-index: 10;
            overflow: hidden;
        }

        .dropdown-menu a {
            display: block;
            padding: 10px 15px;
            color: #333;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.9rem;
        }

        .dropdown-menu a:hover {
            background-color: #f0f0f0;
        }

        .dropdown-menu.show {
            display: block;
        }

        /* Barra do nome do produto com logo */
        .header-bottom {
            background-color: #FF5722;
            padding: 10px 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .header-bottom img {
            width: 180px;
            height: auto;
            transition: transform 0.2s;
        }

        .header-bottom img:hover {
            transform: scale(1.1);
        }

        /* Responsividade */
        @media (max-width: 768px) {
            .header-top {
                flex-direction: row;
                padding: 10px;
            }

            .logo-shop img {
                width: 130px;
            }

            .header-bottom img {
                width: 150px;
            }

            /* Ajuste para o ícone de busca em mobile */
            .header-icons {
                width: auto;
                padding-right: 0;
            }

            .dropdown-menu {
                width: 90%;
                left: auto;
                right: 5%;
            }
        }
    </style>


/* Rodapé */
.rodape {
  background-color: #333333; /* Cor de fundo escura para contraste com texto branco */
  color: #ffffff; /* Cor do texto */
  padding: 40px 0; /* Espaçamento interno */
  border-top: 1px solid #444444; /* Borda superior mais clara para separação */
}

/* Texto do Rodapé */
.texto-rodape {
  font-size: 14px;
  color: #ffffff; /* Texto branco para boa visibilidade contra o fundo escuro */
  margin: 0 0 10px;
}

.texto-rodape a {
  color: #00aaff; /* Azul claro para links */
  text-decoration: none;
  font-weight: 500; /* Negrito leve para destacar links */
}

.texto-rodape a:hover {
  color: #0077cc; /* Azul mais escuro para o hover */
  text-decoration: underline; /* Sublinhado ao passar o mouse */
}

/* Títulos do Rodapé */
.titulo-rodape {
  font-size: 18px;
  color: #ffffff; /* Títulos brancos para se destacarem no fundo escuro */
  margin-bottom: 15px;
  font-weight: 700; /* Negrito para títulos */
}

/* Imagem da Logo */
.img-todape {
  width: 260px; /* Define a largura da imagem */
  height: auto; /* Mantém a proporção da imagem */
  box-shadow: none; /* Remove qualquer sombra */
  border: none; /* Remove qualquer borda */
  display: block; /* Garante que a imagem seja exibida como bloco */
  margin: 0 auto; /* Centraliza a imagem horizontalmente */
}

.img-todape:hover {
  transform: scale(1.05); /* Aumenta levemente o tamanho da logo ao passar o mouse */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adiciona sombra para destacar a logo */
}

/* Imagem do WhatsApp */
.img-whatsapp {
  max-width: 100%; /* Garante que a imagem não ultrapasse a largura do contêiner */
  height: auto; /* Mantém a proporção da imagem */
  max-height: 100px; /* Define a altura máxima da imagem */
  display: block; /* Remove o espaçamento abaixo da imagem */
  margin: 0 auto; /* Centraliza a imagem horizontalmente */
}

/* Botão do WhatsApp */
.btn-whatsapp {
  display: block;
  text-align: center; /* Centraliza o conteúdo dentro do link */
}

/* Ícones de Pagamento e Envio */
.icones-pagamento,
.icones-envio {
  font-size: 24px;
  color: #ffffff; /* Cor branca para ícones */
  margin: 10px 0;
}

.icones-pagamento i,
.icones-envio i {
  margin: 0 15px; /* Espaçamento entre ícones */
}

/* Centralização de Texto */
.text-center {
  text-align: center; /* Centraliza o texto e os elementos dentro do contêiner */
}

/* Contêiner */
.container {
  max-width: 1200px; /* Largura máxima do contêiner */
  margin: 0 auto; /* Centraliza o contêiner */
  padding: 0 15px; /* Espaçamento lateral */
}

/* Ajustar padding para o CTA */
  .cta-button {
    padding: 10px 20px;
    background-color: #fcb900;
    border: none;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
  }

/* Colunas */
.col-12 {
  width: 100%; /* Garante que o contêiner ocupe a largura total */
}

.col-md-4 {
  width: 33.3333%; /* Divide o contêiner em três colunas iguais */
  box-sizing: border-box; /* Inclui o padding e bordas na largura total */
}

/* Responsividade */
@media (max-width: 768px) {
  .col-md-4 {
    width: 100%; /* Em telas menores, ocupa 100% da largura */
  }
  .texto-rodape, .titulo-rodape {
    text-align: center; /* Centraliza texto e títulos em telas menores */
  }
}


/* Estilizando o contêiner dos vídeos */
.topo-5 .video-container {
  margin-bottom: 20px; /* Espaço abaixo de cada vídeo */
}

/* Ajustando a borda e o espaçamento dos vídeos */
.topo-5 video {
  border-radius: 10px; /* Bordas arredondadas para os vídeos */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra leve ao redor do vídeo */
}

/* Centralizando os textos abaixo dos vídeos */
.topo-5 .titulo-icone {
  margin-top: 15px;
  font-size: 1.2em;
  font-weight: bold;
  color: #333; /* Cor do texto */
}

.topo-5 .texto-principal {
  font-size: 1em;
  color: #666; /* Cor do texto */
  margin-top: 10px;
}


.frete-gratis {
    color: #FF7F50;
    margin-top: 10px;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 18px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    background-color: #eaffea;
}

.icon-container {
    margin-top: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.icon-item {
    text-align: center;
}

.icon-container i {
    color: #555; /* Cor dos ícones */
    font-size: 24px; /* Tamanho dos ícones */
    margin: 0 10px;
}

.icon-label {
    margin-top: 5px;
    font-size: 12px;
    color: #555;
    text-align: center;
}

.aviso-rodape {
            font-size: 0.9rem;
            color: #333;
            text-align: center;
            margin-top: 1rem;
            background-color: #000; /* Fundo preto para contraste com o texto branco */
            color: #fff; /* Cor padrão do texto em branco */
        }
        
        
        
     .img-barraicon{
    width: 90%;
    height: auto;
    max-width: 550px;
}