html, body { position: relative; background-color: #64636d; min-height: 100vh; min-height: 100dvh; overflow-x: hidden; }
body {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
body.container.modo-oscuro { position: relative !important; border-radius: 40px !important; padding: 40px !important; margin: 0 auto !important; width: 100% !important; max-width: 1300px !important; box-sizing: border-box !important; }
body.container.modo-oscuro::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    linear-gradient(135deg, rgba(30, 41, 59, 0.4) 0%, rgba(15, 23, 42, 0.6) 100%),
    radial-gradient(circle at 15% 15%, rgba(139, 92, 246, 0.2) 0%, transparent 30%),
    radial-gradient(circle at 85% 85%, rgba(14, 165, 233, 0.2) 0%, transparent 30%);
  
  border-radius: 40px;
  z-index: -1;
}
body.container.py-5.modo-oscuro {
  box-shadow: 
    0 50px 120px rgba(0, 0, 0, 0.8),
    0 0 0 2px rgba(255, 255, 255, 0.2),
    inset 0 4px 30px rgba(255, 255, 255, 0.1),
    inset 0 -4px 20px rgba(0, 0, 0, 0.4) !important;
}
.barra-navegacion { position: fixed; padding: 8px 10px; gap: 8px; top: 0; left: 0; right: 0; z-index: 1000; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(6px); display: flex; justify-content: center; box-shadow: 0 2px 6px rgba(255, 255, 255, 0.1); }
.barra-navegacion button { 
  font-family: 'Raleway', sans-serif; 
  font-weight: 600; 
  font-size: 14px; 
  padding: 8px 15px; 
  border-radius: 30px; 
  border: 1px solid rgba(255, 255, 255, 0.2); 
  background: rgba(255, 255, 255, 0.05); 
  color: white; 
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.2); 
  transition: transform 0.3s ease, background-color 0.2s ease, color 0.2s ease;
  will-change: transform; 
}
.descripcion-emprendimiento { height: 120px !important; min-height: 120px !important; max-height: 120px !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; width: fit-content !important; max-width: 90% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 15px !important; box-sizing: border-box !important; overflow: hidden !important; contain: layout style paint !important; font-size: 16px !important; line-height: 1.6 !important; background-color: rgba(0, 0, 0, 0.5) !important; color: white !important; border-radius: 10px !important; box-shadow: 0 0 6px rgba(255,255,255,0.3) !important; }
@media (max-width: 768px) {
  #ubicacion, .bloque-ubicacion { flex-wrap: wrap !important; gap: 5px !important; padding: 10px !important; height: auto !important; min-height: 95px !important; max-width: 95% !important; }
  .descripcion-emprendimiento { height: auto !important; min-height: 100px !important; padding: 12px !important; font-size: 14px !important; line-height: 1.5 !important; max-width: 95% !important; }
}  
.logo-wrapper {  width: 100%; max-width: 230px;  height: min(80vw, 230px); margin: 2rem auto !important; display: flex !important; align-items: center !important; justify-content: center !important; contain: layout style paint !important; }
.logo { width: 80% !important; height: 80% !important;  max-width: 80% !important; max-height: 80% !important; object-fit: contain !important; filter: brightness(1.2) drop-shadow(0 0 10px black); transition: filter 0.3s ease; animation: pulsoLogo 4s ease-in-out infinite; }
.barra-navegacion button:hover { background-color: #fff; color: #333; transform: scale(1.05); }