/* BiomaData Brasil - Global Brand Styles */
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/myriad-pro/MYRIADPRO-BOLD.OTF') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/myriad-pro/MYRIADPRO-SEMIBOLD.OTF') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/myriad-pro/MyriadPro-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

:root {
    --biomadata-verde: #316836;
    --biomadata-amarelo: #E6B10C;
    --biomadata-azul: #0070C0;
    --biomadata-ocre: #C8A05A;
    --biomadata-azul-claro: #5D9EBB;
    --biomadata-musgo: #686230;
    --font-brand: 'Myriad Pro', sans-serif;
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Open Sans', sans-serif;
}

[x-cloak] {
  display: none !important;
}

.hero-bg {
  background-color: var(--biomadata-verde);
  background-image: linear-gradient(rgba(49, 104, 54, 0.85), rgba(49, 104, 54, 0.95)), url("../imagens/cerrado_hero_bg.jpg");
  background-size: cover;
  background-position: center;
}

/* Hero Branding */
.hero-glass-box {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3rem;
  border-radius: 2rem;
}

.hero-brand-logo {
  filter: drop-shadow(0 0 15px rgba(230, 177, 12, 0.3));
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-15px) rotate(0.5deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}

/* Tipografia de Marca */
.font-brand { font-family: var(--font-brand); }
.font-display { font-family: var(--font-heading); }
.tracking-ultra { tracking-widest: 0.15em; }

/* Utilitários */
.fade-in {
  animation: fadeIn 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}

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

/* Cards e Efeitos */
.bioma-card {
    transition: all 0.3s ease;
    border-top: 4px solid transparent;
}
.bioma-card:hover {
    transform: translateY(-5px);
    border-top-color: var(--biomadata-amarelo);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}