/* 🌍 Variables y estilos base */
:root {
  --color-fondo: #FAF9EC;
  --color-verde: #717F1F;
  --color-rosa: #E94E77;
  --color-negro: #1C1C1C;
}

body {
  margin: 0;
  background-color: var(--color-fondo);
  font-family: 'Poppins', sans-serif;
  color: var(--color-negro);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* === Enlaces globales === */
a {
  color: inherit;              /* hereda el color del texto del contexto */
  text-decoration: none;       /* quita el subrayado global */
  cursor: pointer;             /* muestra el cursor de enlace */
  transition: color 0.2s ease; /* transición suave en hover */
}

a:hover {
  opacity: 0.8;                /* ligero cambio de opacidad al pasar el mouse */
}

/* === Botones genéricos === */
button {
  cursor: pointer;
  border: none;
  font-family: inherit;
}

/* === Imágenes === */
img {
  max-width: 100%;
  display: block;
}