/*
 Buber Campaña - Estilos Globales Autónomos (Plugin Theme-Agnostic)
 Funciona con CUALQUIER Tema de WordPress (Astra, Divi, OceanWP, GeneratePress, etc.)
*/

:root {
  /* Marca e Identidad */
  --buber-primary:      #1B365D;
  --buber-primary-dark: #0F203A;
  --buber-accent:       #42A2FE;
  --buber-success:      #00C49F;

  /* Equipos / Gamificación */
  --buber-team-rojo:    #EF4444;
  --buber-team-azul:    #3B82F6;
  --buber-team-verde:   #10B981;
  --buber-team-naranja: #F97316;
  --buber-team-purpura: #8B5CF6;

  /* Superficies */
  --buber-bg-dark:      #0F172A;
  --buber-card-bg:      #FFFFFF;
  --buber-border:       #E2E8F0;
  
  --buber-radius:       12px;
  --buber-max-width:    1280px;
}

/* Prevenir scroll horizontal por breakouts 100vw */
html, body {
  overflow-x: hidden;
}

/* Reset base autónomo para evitar conflictos con temas de terceros */
.buber-header, .buber-hero-section, .buber-impact-section, .buber-marquee-section, .buber-donation-section, .buber-footer-section {
  box-sizing: border-box !important;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.buber-header *, .buber-hero-section *, .buber-impact-section *, .buber-marquee-section *, .buber-donation-section *, .buber-footer-section * {
  box-sizing: border-box !important;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #F1F5F9; }
::-webkit-scrollbar-thumb { background: #42A2FE; border-radius: 4px; }

/* Fix para visualización en el editor de Elementor: Evita que los elementos animados queden con opacity 0 si JS no corre */
body.elementor-editor-active .buber-animate-up,
body.elementor-editor-active [style*="opacity: 0"] {
  opacity: 1 !important;
  transform: none !important;
}

/* Fix para visualización en el editor de Elementor: Mostrar formularios y modales ocultos para permitir su edición visual */
body.elementor-editor-active #buber-donation-form-wrapper,
body.elementor-editor-active #buber-success-modal {
  display: block !important;
  position: relative !important; /* Si es un modal, que no cubra toda la pantalla en el editor */
  z-index: 1;
}

body.elementor-editor-active #buber-success-modal {
  background: rgba(15, 23, 42, 0.05) !important;
  backdrop-filter: none !important;
  padding: 40px 0;
}