/* ==============================================================================
   VARIABLES GLOBALES & PALETA DE COLORES
   ============================================================================== */
:root {
  /* Paleta de colores solicitada y Elementor */
  --primary-teal: rgb(0, 161, 155);       /* #00A19B */
  --primary-teal-dark: #007e79;
  --primary-mint: rgb(46, 217, 195);      /* #2ED9C3 */
  --primary-cyan: rgb(0, 190, 214);       /* #00BED6 */
  --primary-cyan-dark: #009cb0;
  --e-global-color-dcd88a0: #00a19b59;
  
  /* Colores CMYK convertidos */
  --cmyk-grey: #808080;                   /* CMYK 0%, 0%, 0%, 50% */
  --cmyk-dark-slate: #485455;             /* CMYK 57%, 47%, 46%, 36% */
  
  /* Colores de soporte y UI */
  --bg-dark-btn: #1f2421;                 /* Botón oscuro del formulario */
  --bg-dark-btn-hover: #121614;
  --text-dark: #2d3748;
  --text-muted: #718096;
  --text-light: #ffffff;
  --border-light: rgba(255, 255, 255, 0.4);
  --border-input: #e2e8f0;
  --border-input-focus: var(--primary-teal);
  
  /* Glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.38);
  --glass-bg-hover: rgba(255, 255, 255, 0.48);
  --glass-border: rgba(255, 255, 255, 0.65);
  --glass-shadow: 0 12px 35px 0 rgba(0, 70, 75, 0.18);
  --glass-blur: blur(14px);
  
  /* Tipografía */
  --font-family: "Nunito Sans", system-ui, -apple-system, sans-serif;
  
  /* Transiciones */
  --transition-fast: 0.2s ease-in-out;
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Radios */
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-pill: 50px;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-family);
  color: var(--text-dark);
  background-color: #f7fafc;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}