@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Poppins:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cagliostro&family=Playwrite+DE+Grund:wght@100..400&display=swap');

@media (max-width: 1340px) {
	html, body {
		overflow-x: hidden;
	}}

@media (prefers-color-scheme: light) {
	body {
	background-color: #ffffff; /* Fundo branco */
	color: #333; /* Texto preto */
	}
	}

/* Efeito de flutuação para os produtos */
@keyframes float {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-15px); }
	100% { transform: translateY(0px); }
	}
.float-effect {
	animation: float 6s ease-in-out infinite;
	}

.tam-tela {
	max-width: 1340px;
	margin: auto;
	}

body {
	font-family: 'Poppins', sans-serif;
	background-color: #1a5730; /* f8f5e9 */
	color: #333;
	overflow-x: hidden;
	}

.telefone {
	display: grid;
	}

.error {
	width: 50%;
	font-size: 13px;
	text-align: center;
	color: #fff;
	margin-top: 4px;
	display: none;
	text-decoration: blink;
	background: #B00020;
	display: inline;
	}

.fonteGalbano {
  font-family: "Cagliostro", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  /* font-style: italic; */
}

.bg-logo {
	background-image: url("../imagens/logo/g-min.jpg");
	}

.bg-diagonal {
	background-image: url("../imagens/bg/padrao-ld.png");
	}

.logo-bem-vindo {
	/* position: absolute; */
	float: left;
	width: 65px;
	margin-right: 15px;
	}

.slogan {
	font-family: 'Poppins', sans-serif;
	}
	
.fnd-branco {
	background-image: url("../imagens/branco.jpg");
	}
	
h1, h2, h3, h4 {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 600;
	}

.nav-scroll {
	backdrop-filter: blur(10px);
	background-color: rgba(26, 87, 48, 0.95);
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	}

.hero-pattern {
	background-image: url('data:image/svg+xml,%3Csvg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20 10 L50 30 L80 10 Z" fill="none" stroke="%231a5730" stroke-width="0.5" opacity="0.2"/%3E%3C/svg%3E');
	}

.leaf-decoration {
	position: absolute;
	width: 180px;
	height: 180px;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath fill="%237d9d71" d="M160 432c88.22 0 160-82.14 160-183.3v-57.87C320 144.52 291.67 98.66 248.88 65.55 224.41 45.81 184.37 32.1 160 32.1c0 62.91-42.2 112-96 112s-96-49.09-96-112c-50.45 0-96 45.33-96 104v96c0 112.1 71.78 199 160 199z"/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	opacity: 0.3;
	z-index: -1;
	}

.fade-in {
	animation: fadeIn 0.8s ease-out;
	}

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}

.parallax {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	}

.product-card {
	transition: all 0.3s ease;
	box-shadow: 0 4px 6px rgba(0,0,0,0.05);
	}

.product-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 12px 16px rgba(0,0,0,0.1);
	}

.custom-bg-1 {
	background: linear-gradient(to bottom right, #f8f5e9, #e6f2e1);
	}

.nature-texture {
	background-color: #f8f5e9;
	background-image: url('data:image/svg+xml,%3Csvg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z" fill="%237d9d71" fill-opacity="0.05"/%3E%3C/svg%3E');
	}


/* Meu CSS ---------------------------------------------------------- */


.alt-tela {
	max-height: 860px;
	}

.tam-produto {
	max-width: 393px;
	margin: auto;	 
	border: 1px solid #eee;
	}

.tem-borda {
	border: 1px solid #1a5730;
	}

.verde-claro {
	color: #cdffbb;
	}

.verde-neon {
	color: #86C223;
	}

.email {
	font-size: 16px;
	font-weight: 400;
	}


/* BACKGROUD RANDÔMICO	--------------------------------------------- */

.galbano-bg1 {
	background-image: url("../imagens/bg/background-01.avif");
	}
.galbano-bg2 {
	background-image: url("../imagens/bg/background-02.avif");
	}
.galbano-bg3 {
	background-image: url("../imagens/bg/background-03.avif");
	}
.galbano-bg4 {
	background-image: url("../imagens/bg/background-04.avif");
	}
.galbano-bg5 {
	background-image: url("../imagens/bg/background-05.avif");
	}
.galbano-bg6 {
	background-image: url("../imagens/bg/background-06.avif");
	}
.galbano-bg7 {
	background-image: url("../imagens/bg/background-07.avif");
	}
.galbano-bg8 {
	background-image: url("../imagens/bg/background-08.avif");
	}
.galbano-bg9 {
	background-image: url("../imagens/bg/background-09.avif");
	}
.galbano-bg10 {
	background-image: url("../imagens/bg/background-10.avif");
	}
.bg-pos {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	}


/* PRODUTOS --------------------------------------------------------- */

.bg-produto-01 {
	background-image: url("../imagens/produtos/prod-01.avif");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	}
.bg-produto-02 {
	background-image: url("../imagens/produtos/prod-02.avif");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	}
.bg-produto-03 {
	background-image: url("../imagens/produtos/prod-03.avif");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	}


/* CLIENTES --------------------------------------------------------- */

.cliente-01 {
	background-image: url("../imagens/clientes/cliente-01.jpg");
	}
.cliente-02 {
	background-image: url("../imagens/clientes/cliente-02.jpg");
	}
.cliente-03 {
	background-image: url("../imagens/clientes/cliente-03.jpg");
	}

/* ------------------- */

.hidden {
	display: none;
	}
	
.nav-bg {
	background-color:rgba(26, 87, 48, 0.5); /* Transparência do menu superior */
	}


/* FONTE GÁLBANO ---------------------------------------------------- */

/* CLASSIC */

@font-face {
	font-family: Galbano-c;
	src: url('../fonts/RaspoutineClassic.otf') format('opentype');
	font-display: swap;
	}
.font-Galbano-c {
	font-family: Galbano-c, sans-serif !important;
	letter-spacing: 0.2rem;
	}

/* MEDIUM */

@font-face {
	font-family: Galbano-m;
	src: url('../fonts/RaspoutineMedium.otf') format('opentype');
	font-display: swap;
	}
.font-Galbano-m {
	font-family: Galbano-m !important;
	letter-spacing: 0.2rem;
	}

/* SEMI BOLD */

@font-face {
	font-family: Galbano-sb;
	src: url('../fonts/RaspoutineSemiBold.otf') format('opentype');
	font-display: swap;
	}

.font-Galbano-sb {
	font-family: Galbano-sb, sans-serif !important;
	letter-spacing: 0.2rem;
	}

/* MOBILE MENU ------------------------------------------------------ */

.mob-menu {
	margin-top: 0px;
	margin-right: 50px;
	position: absolute;
	top: 50px;
	width: 100%;
	}

.mob-menu ul {
	
	background: #1a5730;
	padding: 5px !important;
	margin: 5px !important;
	}

.mob-menu ul li {
	display: block;
	background: #1a5730;
	border-bottom: 1px solid #1a5730;
	text-align: center;
	}

.mob-menu ul li a {
	font-size: 16px;
	height: 50px !important;
	line-height: 50px !important;
	padding: 0px !important;
	border: none !important;
	background: #3a8245 !important;
	color: #fff !important;
	font-weight: 300;
	display: block;
	}

.mob-menu ul li a:hover {
	background: #111c29;
	background-image: linear-gradient(180deg, #1a5730, #86C223) !important;
	color: #fff !important;
	font-weight: 500;
	/* color: #777777; */
	font-size: 20px;
	padding: 8px 15px;	
	}

.mob-menu ul li a:active { 
	color: #fff !important;
	font-weight: 600;
	display: block;
	}


/* COUNTER ---------------------------------------------------------- */

.counter {
    font-size: 46px;
    padding-bottom: 10px;
    /* font-family: Arial, serif; */
    font-weight: 600;
}

/* preloader -------------------------------------------------------- */

.js-preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1a5730;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    z-index: 9999;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}

.js-preloader.loaded {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@-webkit-keyframes dot {
    50% {
        -webkit-transform: translateX(96px);
        transform: translateX(96px);
    }
}

@keyframes dot {
    50% {
        -webkit-transform: translateX(96px);
        transform: translateX(96px);
    }
}

@-webkit-keyframes dots {
    50% {
        -webkit-transform: translateX(-31px);
        transform: translateX(-31px);
    }
}

@keyframes dots {
    50% {
        -webkit-transform: translateX(-31px);
        transform: translateX(-31px);
    }
}

.preloader-inner {
    position: relative;
    width: 142px;
    height: 40px;
    background: #1a5730;
}

.preloader-inner .dot {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    left: 15px;
    background: #fff !important;
	background-image: url("../imagens/branco.jpg");
    border-radius: 50%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation: dot 2.8s infinite;
    animation: dot 2.8s infinite;
}

.preloader-inner .dots {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    margin-top: 12px;
    margin-left: 31px;
    -webkit-animation: dots 2.8s infinite;
    animation: dots 2.8s infinite;
}

.preloader-inner .dots span {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 16px;
    background: #fff !important;
	background-image: url("../imagens/branco.jpg");
    border-radius: 50%;
}

/* Alerta após envio de mensagem ------------------------------------ */

.popup {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
	backdrop-filter: blur(6px);
	z-index: 9999;
}

.popup-content {
    background-color: #01a300; /* #05966a; */
    margin: 15% auto;
    padding: 32px;
    border: 1px solid #1a5730;
    width: 80%;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
    animation: fadeIn 0.5s;
    max-width: 600px;
    border-radius: 10px;
	border-left: 15px solid #076506;
    position: relative;
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

.close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 10px;
	z-index: 9999;
}

.close:hover,
.close:focus {
    color: #1a5730;
    text-decoration: none;
    cursor: pointer;
}