/* Custom PecuaristaPRO Logo Sizing */
.cs_site_branding {
  max-width: 240px !important;
}

.cs_site_branding img {
  max-width: 100%;
  height: auto;
  max-height: 60px;
}

/* Override the original cs_site-branding class */
.cs_site-branding {
  max-width: 240px !important;
}

/* Header glassmorphism effect for ALL screens (Windows Vista style) */
.cs_site_header {
  background: radial-gradient(ellipse 50% 70% at 50% 25%, 
    rgba(3, 46, 39, 0.7) 0%, 
    rgba(3, 46, 39, 0.25) 45%, 
    rgba(3, 46, 39, 0.08) 75%, 
    transparent 100%) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(11, 177, 151, 0.1);
}

/* Mobile responsiveness */
@media (max-width: 1199px) {
  .cs_site_branding,
  .cs_site-branding {
    max-width: 180px !important;
  }
  
  .cs_site_branding img {
    max-height: 50px;
  }
  
  /* Enhanced header background for tablets */
  .cs_site_header {
    background: radial-gradient(ellipse 60% 80% at 50% 20%, 
      rgba(3, 46, 39, 0.8) 0%, 
      rgba(3, 46, 39, 0.3) 40%, 
      rgba(3, 46, 39, 0.1) 70%, 
      transparent 100%) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}

@media (max-width: 767px) {
  .cs_site_branding,
  .cs_site-branding {
    max-width: 140px !important;
    max-height: 40px;
  }
  
  /* Mostrar botões Entrar/Cadastrar apenas no menu mobile */
  .cs_mobile_menu_item {
    display: block !important;
    margin-top: 10px;
  }
  
  .cs_main_header_right {
    display: none !important;
  }
  
  /* Header com verde escuro sólido */
  .cs_site_header {
    background: #032e27 !important;
    background-image: none !important;
  }
  
  /* Hero section: verde escuro no topo, gradiente verde claro apenas atrás da imagem */
  .cs_hero.cs_style_1.cs_type_2.cs_bg_filed.cs_heading_bg {
    background: linear-gradient(to bottom, 
      #032e27 0%, 
      #032e27 60%, 
      #0bb197 85%, 
      #0bb197 100%) !important;
    background-image: url("../img/hero_shape_2.svg") !important;
    background-repeat: repeat !important;
    background-size: auto !important;
    background-position: center !important;
  }
  
  /* Remover todos os pseudo-elementos que possam causar efeito spotlight */
  .cs_hero.cs_style_1.cs_type_2.cs_bg_filed.cs_heading_bg::before,
  .cs_hero.cs_style_1.cs_type_2::before {
    display: none !important;
    opacity: 0 !important;
  }
  
  /* Remover efeitos do header */
  header,
  .cs_header,
  .cs_header.cs_style_1,
  .cs_header.cs_style_1.cs_type_2 {
    background: #032e27 !important;
    background-image: none !important;
  }
  
  /* Desabilitar cor #00ffd9 dos blobs apenas no mobile */
  .cs_hero.cs_style_1.cs_type_2 .cs_blob_1,
  .cs_hero.cs_style_1.cs_type_2 .cs_blob_2,
  .cs_hero.cs_style_1.cs_type_2 .cs_blob_3,
  .cs_hero.cs_style_1.cs_type_2 .cs_blob_4 {
    background-color: transparent !important;
    display: none !important;
  }
  
  header::before,
  header::after,
  .cs_header::before,
  .cs_header::after,
  .cs_header.cs_style_1::before,
  .cs_header.cs_style_1::after,
  .cs_header.cs_style_1.cs_type_2::before,
  .cs_header.cs_style_1.cs_type_2::after {
    display: none !important;
    opacity: 0 !important;
    background: none !important;
  }
}

@media (max-width: 480px) {
  .cs_site_branding,
  .cs_site-branding {
    max-width: 120px !important;
  }
  
  .cs_site_branding img {
    max-height: 35px;
  }
  
  /* Even stronger background for very small screens */
  .cs_site_header {
    background: radial-gradient(ellipse 80% 100% at 50% 10%, 
      rgba(3, 46, 39, 0.95) 0%, 
      rgba(3, 46, 39, 0.5) 30%, 
      rgba(3, 46, 39, 0.1) 60%, 
      transparent 100%) !important;
  }
}

/* Desktop - esconder botões mobile */
@media (min-width: 768px) {
  .cs_mobile_menu_item {
    display: none !important;
  }
}

/* Forçar 4 planos lado a lado */
.cs_pricing_table_wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 15px !important;
  justify-content: space-between !important;
}

.cs_pricing_table {
  flex: 1 !important;
  min-width: 260px !important;
  max-width: calc(25% - 12px) !important;
}

/* Responsive para tablets */
@media (max-width: 1199px) {
  .cs_pricing_table_wrapper {
    flex-wrap: wrap !important;
    gap: 20px !important;
  }
  
  .cs_pricing_table {
    flex: 1 1 calc(50% - 10px) !important;
    min-width: 250px !important;
    max-width: calc(50% - 10px) !important;
  }
}

/* Responsive para mobile */
@media (max-width: 767px) {
  .cs_pricing_table_wrapper {
    flex-direction: column !important;
    gap: 20px !important;
  }
  
  .cs_pricing_table {
    flex: 1 !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}