:root {
            --preto-70: rgba(0, 0, 0, 0.7);
            --preto-100: #000000;
            --preto-65: #595959; /* 65% de Preto para títulos */
            --bordo: #800000;
            --texto-preto: #000000;
            --transicao: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        body { font-family: 'Roboto', sans-serif; color: var(--texto-preto); overflow-x: hidden; background-color: #fff; }
        
        /* Títulos com 65% de preto */
        h1, h2, h3, h4, .titulo-custom { color: var(--preto-65) !important; font-weight: 700; text-transform: uppercase; }
        p { color: var(--texto-preto); font-weight: 400; }

        /* --- CABEÇALHO --- */
        .top-info-bar {
            height: 25px; background-color: var(--preto-70); font-size: 12px;
            z-index: 2001; position: fixed; top: 0; width: 100%; transition: var(--transicao);
        }

        header {
            height: 100px; background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.08);
            z-index: 1040; position: fixed; top: 25px; width: 100%; transition: var(--transicao);
        }

        .logo-box-main {
            position: fixed; left: 50%; transform: translateX(-50%);
            top: -2px; width: 240px; height: 155px; background: var(--preto-100);
            z-index: 3000; display: flex; align-items: center; justify-content: center;
            border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.4); transition: var(--transicao);
        }

        .logo-box-main img { width: 135px; height: auto; transition: var(--transicao); }

        /* Efeito Scroll */
        .shrink { height: 80px !important; top: 0 !important; }
        .shrink-top { transform: translateY(-25px); }
        .shrink-logo-box { height: 110px !important; width: 190px !important; }
        .shrink-logo-box img { width: 100px !important; }

        .nav-link { color: var(--preto-100) !important; font-weight: 700; text-transform: uppercase; font-size: 12px; }

        /* --- SELETOR DE IDIOMAS --- */
        .lang-selector .dropdown-toggle::after { display: none; }
        .lang-selector .dropdown-menu { 
            min-width: 80px; 
            max-height: 150px; 
            overflow-y: auto; 
            border: none; 
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .lang-item { font-size: 11px; font-weight: 700; display: flex; align-items: center; gap: 5px; cursor: pointer; }
        .lang-flag { width: 18px; height: 12px; object-fit: cover; border-radius: 2px; }

        /* --- SLIDER --- */
        #mainSlider { margin-top: 125px; }
        .carousel-item { height: 600px; transition: transform 1.2s ease-in-out, opacity 1.2s ease-in-out; }
        .carousel-indicators [data-bs-target] { width: 35px; height: 3px; background-color: #ccc; border: none; }
        .carousel-indicators .active { background-color: var(--bordo) !important; }

        /* --- BOXES DE EMBALAGENS --- */
        .box-produto {
            background: #fff; border: 1px solid #eee; padding: 40px 20px;
            transition: var(--transicao); border-radius: 5px; height: 100%;
            display: flex; flex-direction: column; align-items: center; justify-content: center;
        }
        .box-produto:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); border-color: var(--bordo); }
        .box-produto i { font-size: 40px; color: var(--preto-65); margin-bottom: 20px; }

        /* --- PARALLAX --- */
        .parallax-window {
            height: 500px;
            background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../img/topo05.jpeg?q=80&w=1600') no-repeat center center;
            background-attachment: fixed; background-size: cover;
            display: flex; align-items: center; justify-content: center; color: white;
        }

        /* --- DEPOIMENTOS (CARROSSEL) --- */
        #testimonialCarousel .carousel-item { height: auto; padding: 40px 0; }
        .testimonial-box { background: #f8f9fa; padding: 30px; border-radius: 10px; min-height: 200px; border-bottom: 3px solid var(--bordo); }

        /* --- FOOTER LINEAR --- */
        .footer-line { height: 15px; background: var(--preto-70); box-shadow: 0 4px 10px rgba(0,0,0,0.2); }
        footer h4 { font-size: 16px; margin-bottom: 20px; border-left: 3px solid var(--bordo); padding-left: 10px; }
        .footer-menu-linear { list-style: none; padding: 0; }
        .footer-menu-linear li { margin-bottom: 8px; border-bottom: 1px solid #f5f5f5; padding-bottom: 5px; }
        .footer-menu-linear li a { color: var(--texto-preto); text-decoration: none; font-size: 14px; display: block; }
        .footer-menu-linear li a:hover { color: var(--bordo); padding-left: 5px; transition: 0.3s; }
        .has-sub::after { content: '\f107'; font-family: 'Font Awesome 6 Free'; font-weight: 900; float: right; font-size: 12px; }
        .sub-links { list-style: none; padding-left: 15px; margin-top: 5px; display: none; background: #fafafa; }
        .footer-menu-linear li:hover .sub-links { display: block; }
        .sub-links li { border: none; font-size: 12px; }
		
		/* --- ESTILO DOS ÍCONES SOCIAIS NO FOOTER --- */
		footer .fab, 
		footer .fa-facebook, 
		footer .fa-instagram, 
		footer .fa-linkedin, 
		footer .fa-youtube {
			color: var(--bordo) !important;
			transition: var(--transicao);
			text-decoration: none;
		}

		footer a:hover .fab,
		footer a:hover .fa-facebook,
		footer a:hover .fa-instagram,
		footer a:hover .fa-linkedin,
		footer a:hover .fa-youtube {
			color: var(--preto-100) !important; /* Muda para preto ao passar o mouse */
			transform: scale(1.1);
		}
        

        /* --- FLUTUANTES --- */
        .float-btns { position: fixed; bottom: 30px; right: 30px; z-index: 3000; display: flex; gap: 15px; }
        .btn-wa { background: #25d366; color: white; width: 55px; height: 55px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
        .btn-up { background: var(--preto-100); color: white; width: 55px; height: 55px; border-radius: 50%; border: none; display: flex; align-items: center; justify-content: center; font-size: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
        
        /* COOKIES */
        #cookiePopup { position: fixed; bottom: 20px; left: 20px; z-index: 4000; width: 320px; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.2); border-radius: 12px; padding: 20px; display: none; }