/* ================================================
   PINTURAS GRUPO MAXMA — Variables y Reset Global
   ================================================ */

:root {
  /* Colores de marca */
  --verde:       #4CAF50;
  --verde-osc:   #2E7D32;
  --verde-clr:   #81C784;
  --azul:        #0D2B5E;
  --azul-med:    #1565C0;
  --azul-clr:    #E3F0FF;
  --blanco:      #FFFFFF;
  --gris-bg:     #F5F7FA;
  --gris-txt:    #555E6B;
  --negro:       #0A0F1E;

  /* Tipografía */
  --font-titulo: 'Montserrat', sans-serif;
  --font-texto:  'Open Sans', sans-serif;

  /* Espaciado */
  --padding-sec: 96px 64px;
  --gap-grid:    3px;

  /* Sombras */
  --sombra-sm:   0 2px 10px rgba(0,0,0,0.06);
  --sombra-md:   0 4px 20px rgba(0,0,0,0.10);
  --sombra-lg:   0 8px 40px rgba(0,0,0,0.15);

  /* Transiciones */
  --trans:       all 0.25s ease;
}

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

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: var(--font-texto);
  background: var(--blanco);
  color: var(--negro);
  overflow-x: hidden;
  line-height: 1.6;
}

img {
  max-width: 100%;
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
}

button {
  cursor: pointer;
  border: none;
  font-family: var(--font-titulo);
}