/*********************************************************/
/*CSS MODE - MRPSTUDIO 2026
/*********************************************************/
@media (max-width: 1280px) {
	.content {max-width: 90%;}
}
@media (max-width: 1024px) {
	.frutas-destaques-1 {padding: 80px 0;}
	.frutas-destaques-1-titulo {margin-bottom: 38px;}
	.frutas-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.clientes-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
	.empresa-destaques {grid-template-columns: 1fr; gap: 25px;}
}
@media (max-width: 950px) {
	header .logo {width: 105px; height: 105px;}
	header .inicio li {margin-left: 15px;font-size: 0.8em; justify-content: center; align-items: center;}
	.historia {padding: 70px 0;}
	.historia .content {grid-template-columns: 1fr; gap: 35px;}
	.historia-texto {order: 1;}
	.historia-imagem {order: 2; width: 100%;}
	.contato .content {grid-template-columns: 1fr; gap: 35px;}
	.contato-texto {padding-left: 0;}

}
@media (max-width: 768px) {
	.frutas-destaques-1 {padding: 70px 0;}
	.frutas-destaques-1-slider {padding: 0 18px;}
	.portfolio-melao-item {padding: 0 18px;}
	.frutas {padding: 70px 0;}
	.frutas-titulo {margin-bottom: 35px;}
	.clientes {padding: 70px 0;}
	.clientes-titulo {margin-bottom: 35px;}
	.clientes-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.empresa {padding: 70px 0;}
	.empresa-titulo {margin-bottom: 35px;}
	.empresa-destaques {margin: 0 28px 40px;}
	.empresa-foto {border-width: 2px;}
	.empresa-slider {margin: 0 28px;}
	.empresa-slider .slick-prev {left: 0;}
	.empresa-slider .slick-next {right: 0;}
	.contato {padding: 70px 0;}
}

@media (max-width: 667px) {
	.frutas-destaques-1-titulo {margin-bottom: 30px;}
	.portfolio-melao-item {gap: 18px;}
	.portfolio-melao-texto h3 {font-size: 1.2rem;}
	.historia h1 {font-size: 2.4rem;}
	.historia p {font-size: 1rem; line-height: 1.7;}
	.frutas-grid {grid-template-columns: 1fr; gap: 30px;}
	.fruta-texto div {font-size: 0.95rem;}
	.empresa-foto-destaque {height: 260px;}
	.empresa-foto-slider {height: 130px;}
	.empresa-destaques {margin: 0 18px 30px;}
	.empresa-slider {margin: 0 18px;}
	.cliente-item {min-height: 90px}
	.lightbox {padding: 20px;}
	.lightbox-close {top: 12px; right: 12px;}
	.lightbox-nav {width: 46px; height: 46px; font-size: 2rem;}
	.lightbox-prev {left: 8px;}
	.lightbox-next {right: 8px;}
	.contato-titulo {padding-right: 0; display: flex; align-items: center; gap: 14px;}
	.contato-titulo img {position: static; transform: none; width: 90px; height: 90px;}
	.contato-info h2 {font-size: 2.4rem;}
	.contato-social {gap: 10px;}

}