:root {
  /* 🎨 Colores principales */
  --color-primario: #f8faf9;
  --color-secundario: #7ec3cf;
  --color-terciario: #000000;
  --color-cuaternario: #f0e0d2;
  --color-price: #198754;
  --color-fondo-botones: #3e94a1;
  --color-fondo-botones-secundario:#ff84b6;
  --color-fondo-botones-terciario:#ffb5d3;

  /* 🎨 Colores de texto */
  --color-texto-principal: #000000;
  --color-texto-secundario: #f8faf9;
  

  /* 🧱 Espaciados */
  --espaciado-xs: 5px;
  --espaciado-sm: 10px;
  --espaciado-md: 15px;
  --espaciado-lg: 20px;
  --espaciado-xl: 50px;

  /* 🔲 Bordes */
  --border-radius-sm: 5px;
  --border-radius-md: 10px;
  --border-radius-lg: 20px;
  --border-radius-full: 50%;

  /* 🧩 Sombras */
  --sombra-suave: 0px 2px 4px rgba(0, 0, 0, 0.1);
  --sombra-media: 0px 4px 6px rgba(0, 0, 0, 0.1);
  --sombra-intensa: 0px 6px 12px rgba(0, 0, 0, 0.15);
  --shadow-modern: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  --shadow-hover: 0 15px 35px rgba(126, 195, 207, 0.4);

  /* ⏱️ Transiciones */
  --transicion-rapida: 0.2s ease;
  --transicion-normal: 0.3s ease;
  --transicion-lenta: 0.5s ease;

  /* 🌈 Gradientes */  
  --gradiente-principal: linear-gradient(135deg, var(--color-fondo-botones) 0%, var(--color-secundario) 100%);
  --gradient-secundario: linear-gradient(135deg, var(--color-fondo-botones-terciario) 70%), var(--color-fondo-botones-secundario) 0%;
  --gradient-terciario: linear-gradient(135deg, #53af03 0%, #badf9a 100%);
  --gradient-modern: linear-gradient(135deg, rgba(126, 195, 207, 0.1) 0%, rgba(62, 148, 161, 0.1) 100%);
  --gradient-hover: linear-gradient(135deg, rgba(126, 195, 207, 0.2) 0%, rgba(62, 148, 161, 0.3) 100%);


  /* 🧊 Glassmorphism */
  --glass-bg: rgba(248, 250, 249, 0.25);
  --glass-border: rgba(126, 195, 207, 0.18);
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: sans-serif;
  background-color: var(--color-primario);
  color: var(--color-texto-principal);
  padding-top: 180px; /* Espacio para header fijo */
}

html,
body {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

.container-fluid {
  padding: 0;
}

/* Main content */
.main-content {
  min-height: calc(100vh - 180px)!important;
  padding: 0;
  width: 100%;
  margin: 40px auto 5px;
  overflow: auto;
}

/* Políticas */
.container-politicas {
  width: 70%;
  text-align: justify;
  margin-left: 15%;
  margin-right: 15%;
}

/* Títulos */
h1 {
  text-align: center;
  width: 100%;
  color: var(--color-texto-principal);
  margin-top: 30px;
}

/* WhatsApp Button */
.whatsapp-btn {
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  z-index: 1000;
  transition: transform 0.3s ease;
}

.whatsapp-btn:hover {
  transform: scale(1.1);
}

/* Media Queries */
@media (max-width: 1023px) {
  body {
    padding-top: 140px;
  }

  .main-content {
    min-height: calc(100vh - 140px);
  }
}

@media (max-width: 768px) {
  body {
    padding-top: 120px;
  }

  .main-content {
    min-height: calc(100vh - 120px);
  }
}

@media (max-width: 480px) {
  body {
    padding-top: 110px;
  }

  .main-content {
    min-height: calc(100vh - 110px);
  }
}