@charset "UTF-8";
/* =============================== 
   PALETA DE COLORES - PEGEGHE AUREUS
   Blanco & Dorado (elegante / no impactante)
   =============================== */
/* Colores base */
/* Texto */
/* Verde principal (CTA → Dorado) */
/* Acentos secundarios (variaciones doradas) */
/* Estados (misma familia cromática) */
/* Bordes y sombras */
/* Espaciados */
/* Transiciones */
/* Mixin: stat-tile
   Uso: crear tarjetas de estadística (icono, valor, etiqueta) con tipografía fluida
   Parámetros:
     $accent: color acento para iconos/valores
     $bg: fondo de la tarjeta
     $radius: radio de borde
     $padding: padding interno
*/
.card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}
.card-container ul {
  flex-direction: column;
  list-style: none;
  padding: 1rem;
  margin: 0;
  gap: 1rem;
}

.single-card-container {
  display: flex;
  justify-content: center;
}

.float-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 7rem;
  background-color: #eeeeea;
  padding: 4rem 0;
}
.float-container .center {
  align-self: center;
  text-align: center;
}
.float-container .left {
  align-self: flex-start;
  text-align: left;
}
.float-container .right {
  align-self: flex-end;
  text-align: right;
}

/*# sourceMappingURL=layout.css.map */