/* Bioecoplast - Estilos Compartidos y Variables de Color */
:root {
  --bio-forest: #0B5D34;
  --bio-forest-dark: #074224;
  --bio-forest-deep: #052B18;
  --bio-leaf: #6BB244;
  --bio-leaf-light: #82C75B;
  --bio-leaf-bright: #4ADE80;
  --bio-mint-bg: #F0FDF4;
  --bio-mint-light: #DCFCE7;
  --bio-slate-dark: #0F172A;
  --bio-slate-text: #1E293B;
  --bio-gray-bg: #F8FAFC;
  --bio-border: #E2E8F0;
}

/* Tipografía base fluida */
body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  color: #1E293B;
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
}

/* Clases de utilidad corporativas */
.bg-bio-forest { background-color: var(--bio-forest); }
.bg-bio-forest-dark { background-color: var(--bio-forest-dark); }
.bg-bio-forest-deep { background-color: var(--bio-forest-deep); }
.bg-bio-leaf { background-color: var(--bio-leaf); }
.bg-bio-leaf-light { background-color: var(--bio-leaf-light); }
.bg-bio-mint { background-color: var(--bio-mint-bg); }

.text-bio-forest { color: var(--bio-forest); }
.text-bio-leaf { color: var(--bio-leaf); }
.border-bio-forest { border-color: var(--bio-forest); }
.border-bio-leaf { border-color: var(--bio-leaf); }

/* Patrón sutil técnico industrial para fondos */
.bg-grid-pattern {
  background-size: 32px 32px;
  background-image: 
    linear-gradient(to right, rgba(11, 93, 52, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(11, 93, 52, 0.05) 1px, transparent 1px);
}

.bg-dark-grid-pattern {
  background-size: 36px 36px;
  background-image: 
    linear-gradient(to right, rgba(107, 178, 68, 0.08) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(107, 178, 68, 0.08) 1px, transparent 1px);
}

/* Sombra suave con tinte verde ecológico */
.shadow-eco {
  box-shadow: 0 10px 25px -5px rgba(11, 93, 52, 0.08), 0 8px 10px -6px rgba(11, 93, 52, 0.04);
}

.shadow-eco-lg {
  box-shadow: 0 20px 35px -8px rgba(11, 93, 52, 0.15), 0 10px 15px -5px rgba(107, 178, 68, 0.08);
}

.shadow-neon-leaf {
  box-shadow: 0 0 25px rgba(107, 178, 68, 0.25);
}

/* Botón flotante para regresar al Showcase Hub */
.proposal-hub-badge {
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 9999;
  background: rgba(15, 23, 42, 0.92);
  backdrop-filter: blur(8px);
  color: #FFFFFF;
  padding: 10px 18px;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(107, 178, 68, 0.4);
  text-decoration: none;
  transition: all 0.25s ease;
}

.proposal-hub-badge:hover {
  transform: translateY(-2px);
  border-color: #6BB244;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.4), 0 0 15px rgba(107, 178, 68, 0.3);
  color: #82C75B;
}

/* Efectos visuales de maquinaria industrial */
.machine-card-image {
  transition: transform 0.4s ease;
}

.group:hover .machine-card-image {
  transform: scale(1.04);
}