/* ==========================================================================
   Portal AgroPremium - Estilos Personalizados e Alta Conversão
   ========================================================================== */

:root {
  --agro-dark-green: #072314;
  --agro-forest: #0B3B24;
  --agro-emerald: #14532D;
  --agro-light-green: #16A34A;
  --agro-gold: #C59B27;
  --agro-gold-dark: #9A7615;
  --agro-sand: #F8F7F4;
  --agro-cream: #FAF8F2;
  --agro-earth: #8C6239;
}

/* Tipografia e Base */
body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #1F2937;
  background-color: var(--agro-sand);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, .font-heading {
  font-family: 'Outfit', sans-serif;
  letter-spacing: -0.02em;
}

/* Cores Utilitárias */
.bg-agro-dark { background-color: var(--agro-dark-green); }
.bg-agro-forest { background-color: var(--agro-forest); }
.bg-agro-emerald { background-color: var(--agro-emerald); }
.bg-agro-gold { background-color: var(--agro-gold); }
.bg-agro-sand { background-color: var(--agro-sand); }
.bg-agro-cream { background-color: var(--agro-cream); }

.text-agro-dark { color: var(--agro-dark-green); }
.text-agro-forest { color: var(--agro-forest); }
.text-agro-gold { color: var(--agro-gold); }
.text-agro-gold-dark { color: var(--agro-gold-dark); }
.border-agro-gold { border-color: var(--agro-gold); }

/* Badges de Destaque */
.badge-agro-gold {
  background: linear-gradient(135deg, #DFB748 0%, #C59B27 100%);
  color: #1A1404;
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.badge-agro-green {
  background: linear-gradient(135deg, #166534 0%, #0B3B24 100%);
  color: #FFFFFF;
}

/* Efeito Hover nos Cards de Fazenda */
.farm-card {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.farm-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 30px -10px rgba(11, 59, 36, 0.15);
}
.farm-card:hover .farm-card-img {
  transform: scale(1.05);
}

.farm-card-img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Player de Vídeo Responsivo (Proporção 16:9 Cinematográfica) */
.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  height: 0;
  overflow: hidden;
  border-radius: 1rem;
  background-color: #000;
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5);
}
.video-container iframe,
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Botão Flutuante de WhatsApp (Desktop) */
.whatsapp-float {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 999;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.whatsapp-float:hover {
  transform: scale(1.08);
  box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4);
}

/* Barra Fixa de Conversão no Rodapé (Mobile Sticky Action Bar) */
.mobile-sticky-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 998;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(12px);
  border-top: 1px solid #E5E7EB;
  padding: 10px 16px;
  padding-bottom: max(10px, env(safe-area-inset-bottom));
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.12);
  display: none;
}

@media (max-width: 1023px) {
  .mobile-sticky-bar {
    display: flex;
  }
  /* Adiciona espaçamento no rodapé do body para a barra fixa não cobrir conteúdo */
  body.has-sticky-bar {
    padding-bottom: 80px;
  }
}

/* Efeito Pulsante para o Botão Principal de Conversão */
@keyframes pulse-subtle {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}
.pulse-whatsapp {
  animation: pulse-subtle 2.2s infinite;
}

/* Efeito Shimmer nos destaques */
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* Modal e Lightbox de Fotos */
.lightbox-modal {
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.lightbox-modal.active {
  opacity: 1;
  visibility: visible;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #F1F1F1;
}
::-webkit-scrollbar-thumb {
  background: #A3A3A3;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #737373;
}