/*********************************************************/
/*CSS MODE - MRPSTUDIO 2026
/*********************************************************/
/*CORES*/
:root {
  --cor_1: #588a3d;
  --cor_2: #82623c;
  --cor_3: #fefcd6;
  --cor_4: #ecb731;
  --cor_5: #235b2e;
  --cor_6: #2C1A06;
  --txt: #321f10;
}

/*********************************************************/
.botao {padding: 10px 30px; color: #fff; background-color: var(--cor_1); border-radius: 10px; font-weight: 500; text-transform: uppercase; cursor: pointer;}
.botao:hover {background-color: var(--cor_2);}
/*********************************************************/
/*HEADER DO SITE*/
header {width: 100%; position: relative; padding-bottom: 10px; z-index: 1000; background: var(--cor_3);}
header .inicio {width: 100%; padding: 10px 0; background-color: var(--cor_6);}
header .inicio .content {display: flex; justify-content: flex-end;}
header .inicio li {display: inline-block; margin-left: 30px; color: #fff;}
header .content {display: flex; align-items: center; justify-content: space-between;}
header .logo {width: 135px; height: 135px; background-position: center center; margin-top: 10px;}
/*********************************************************/
/*HISTORIA*/
.historia {padding: 90px 0; background: var(--cor_3); border-bottom: 5px solid #010313;}
.historia .content {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: 80px;}
.historia-texto,
.historia-imagem {width: 100%; }
.historia-imagem {text-align: center; width: 70%; margin: auto;}
.historia h1 {margin-bottom: 20px; font-size: clamp(2.8rem, 5vw, 4.8rem); line-height: 1.1; color: var(--cor_1); font-family: var(--font_s); font-weight: 700; ;}
.historia p {font-size: 1.05rem; line-height: 1.8; color: var(--txt); text-align: justify;}
/*********************************************************/
/*FRUTAS DESTAQUES 1*/
.frutas-destaques-1 {padding: 90px 0; background: #F7EDE1; overflow: hidden;}
.frutas-destaques-1-titulo {margin-bottom: 45px; text-align: center; color: var(--cor_1); font-size: clamp(2.6rem, 4.6vw, 4.4rem); line-height: 1.1; font-family: var(--font_s); font-weight: 700;}
.frutas-destaques-1-slider-wrap {width: 100%;}
.frutas-destaques-1-slider {padding: 0 28px;}
.frutas-destaques-1-slide {padding: 0;}
.frutas-destaques-1-slider .slick-track {display: flex; align-items: stretch;}
.frutas-destaques-1-slider .slick-slide {height: inherit;}
.frutas-destaques-1-slider .slick-slide > div {display: block; height: 100%;}
.portfolio-melao-item {position: relative; display: flex !important; flex-direction: column; justify-content: space-between; gap: 24px; min-height: 100%; padding: 0 26px; background: #F7EDE1;}
.portfolio-melao-item::after {content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: linear-gradient(to bottom, rgba(247, 237, 225, 0) 0%, #F6B833 18%, #F6B833 82%, rgba(247, 237, 225, 0) 100%);}
.portfolio-melao-texto {display: grid; gap: 14px;}
.portfolio-melao-texto h3 {margin: 0; color: var(--cor_1); font-size: 1.75rem; line-height: 1.2; text-align: center; font-family: var(--font_s); font-weight: 700;}
.portfolio-melao-texto div,
.portfolio-melao-texto p {margin: 0; color: var(--txt); font-size: 0.96rem; line-height: 1.7; text-align: center;}
.portfolio-melao-imagem img {display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover;}
.frutas-destaques-1-slider .slick-prev,
.frutas-destaques-1-slider .slick-next {width: 44px; height: 44px; z-index: 2;}
.frutas-destaques-1-slider .slick-prev {left: 10px;}
.frutas-destaques-1-slider .slick-next {right: 10px;}
.frutas-destaques-1-slider .slick-prev:before,
.frutas-destaques-1-slider .slick-next:before {font-size: 34px; color: var(--cor_2); opacity: 1;}
/*********************************************************/
/*FRUTAS*/
.frutas {padding: 90px 0;}
.frutas-titulo {margin-bottom: 45px; text-align: center; color: var(--cor_2); font-size: clamp(2.8rem, 5vw, 4.8rem); line-height: 1.1; font-family: var(--font_s); font-weight: 700;}
.frutas-grid {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 25px 40px;}
.fruta-item {display: flex; flex-direction: column; gap: 18px;}
.fruta-imagem img {display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover;}
.fruta-texto h2 {margin: 0; font-size: 0; line-height: 0;}
.fruta-texto,
.fruta-texto div,
.fruta-texto p {color: var(--txt);}
.fruta-texto div {font-size: 1rem; line-height: 1.7; text-align: center;}
.fruta-texto p {margin: 0;}
/*********************************************************/
/*CLIENTES*/
.clientes {padding: 90px 0; background: var(--cor_5);}
.clientes-titulo {margin-bottom: 45px; text-align: center; color: var(--cor_4); font-size: clamp(2.8rem, 5vw, 4.8rem); line-height: 1.1; font-family: var(--font_s); font-weight: 700;}
.clientes-grid {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px;}
.cliente-item {display: flex; align-items: center; justify-content: center; min-height: 110px; background-position: center; background-repeat: no-repeat; background-size: 100%; border-radius: 10px !important; }
/*********************************************************/
/*EMPRESA*/
.empresa {padding: 90px 0; background: var(--cor_6);}
.empresa-titulo {margin-bottom: 45px; text-align: center; color: var(--cor_4); font-size: clamp(2.8rem, 5vw, 4.8rem); line-height: 1.1; font-family: var(--font_s); font-weight: 700;}
.empresa-destaques {display: grid; grid-template-columns: 60fr 38fr; gap: 2%; margin: 0 50px 40px;}
.empresa-foto {position: relative; width: 100%; padding: 0; overflow: hidden; cursor: pointer; border: 1px solid #fff; background: #fff; transition: transform 0.35s ease, box-shadow 0.35s ease; appearance: none; box-sizing: border-box;}
.empresa-foto::after {content: ""; position: absolute; inset: 0; background: rgba(40, 37, 38, 0.12); opacity: 0; transition: opacity 0.3s ease;}
.empresa-foto:hover {transform: translateY(-6px) scale(1.01); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);}
.empresa-foto:hover::after {opacity: 1;}
.empresa-foto img {display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;}
.empresa-foto:hover img {transform: scale(1.06);}
.empresa-foto-destaque {height: 360px;}
.empresa-foto-slider {height: 150px;}
.empresa-slider {margin: 0 50px;}
.empresa-slide {padding: 0 10px;}
.empresa-slider .slick-track {display: flex; align-items: center;}
.empresa-slider .slick-slide {height: inherit;}
.empresa-slider .slick-slide > div {display: block;}
.empresa-slider .slick-prev,
.empresa-slider .slick-next {width: 46px; height: 46px; z-index: 2;}
.empresa-slider .slick-prev {left: -55px;}
.empresa-slider .slick-next {right: -55px;}
.empresa-slider .slick-prev:before,
.empresa-slider .slick-next:before {font-size: 38px; color: var(--cor_4); opacity: 1;}
.txt {width: 90%; margin: 0 auto 40px auto; line-height: 30px;}
/*********************************************************/
/*LIGHTBOX*/
.lightbox {position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; padding: 30px; background: rgba(0, 0, 0, 0.82); z-index: 9999;}
.lightbox[hidden] {display: none;}
.lightbox-content {position: relative; max-width: min(92vw, 1100px); text-align: center; animation: lightboxZoom 0.3s ease;}
.lightbox-img {display: block; max-width: 100%; max-height: 82vh; margin: 0 auto; border: 8px solid #fff;}
.lightbox-caption {margin-top: 14px; color: #fff; font-size: 1rem;}
.lightbox-close {position: absolute; top: 18px; right: 24px; width: 48px; height: 48px; border: 0; border-radius: 50%; background: var(--cor_4); color: #fff; font-size: 2rem; line-height: 1; cursor: pointer;}
.lightbox-nav {position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; padding: 0 0 4px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.92); color: var(--cor_4); font-size: 2.5rem; line-height: 1; cursor: pointer; transform: translateY(-50%); transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;}
.lightbox-nav:hover {background: var(--cor_4); color: #fff; transform: translateY(-50%) scale(1.05);}
.lightbox-prev {left: -78px;}
.lightbox-next {right: -78px;}
.lightbox-nav[disabled] {opacity: 0.45; cursor: default; transform: translateY(-50%);}
.lightbox-nav[disabled]:hover {background: rgba(255, 255, 255, 0.92); color: var(--cor_4); transform: translateY(-50%);}
@keyframes lightboxZoom {
  from {opacity: 0; transform: scale(0.92);}
  to {opacity: 1; transform: scale(1);}
}
/*********************************************************/
/*CONTATO*/
.contato {padding: 60px 0 40px 0;  background-image: url(../images/bg.webp); background-repeat: no-repeat; background-size: cover;}
.contato .content {display: grid; grid-template-columns: 55fr 35fr; justify-content: space-between; gap: 10%;}
.contato-texto,
.contato-info {color: var(--cor_6);}
.contato-texto {padding-left: 120px;}
.contato-descricao {margin-bottom: 28px; font-size: 0.9em; line-height: 1.6;}
.contato-endereco-texto,
.contato-endereco-info {font-size: 1rem; line-height: 1.8;}
.contato-titulo {position: relative; margin-bottom: 28px; padding-right: 140px;}
.contato-titulo img {position: absolute; top: 50%; right: 80px; width: 120px; height: 120px; object-fit: contain; transform: translateY(-50%);}
.contato-info h2 {margin: 0; font-size: clamp(2.8rem, 5vw, 4.8rem); line-height: 1.1; color: var(--cor_6); font-family: var(--font_s); font-weight: 700;}
.contato-lista {display: grid; gap: 12px; margin-bottom: 28px;}
.contato-lista li {font-size: 1.2rem; line-height: 1.7; color: var(--cor_6); font-weight: 700;}
.contato-social {display: flex; flex-wrap: wrap; gap: 10px 10px; margin-bottom: 20px;}
.contato-social a {display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px;color: var(--cor_6); transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;}
.contato-social a:hover {background: var(--cor_6); color: #fff; transform: translateY(-2px);}
.contato-social i {font-size: 1.4rem;}
.contato iframe {width: 100%; height: 250px; border: 0;}
/*********************************************************/
/*RODAPE*/
footer {padding: 15px 0; background: var(--cor_6); text-align: center;}
footer p {color: #fff; font-size: 0.9em;}
footer a {color: #fff; text-decoration: none;}
footer a:hover {color: var(--cor_4);}