:root {
  /* Colores principales (Pantone) */
  --color-bg: #f08d4134;      /* Pantone 7528 C */
  --color-primary: #4b2e2b; /* Pantone 4975 C */
  --color-accent: #864643;  /* Tono intermedio, opcional */
  --color-text: #000;
  --color-button-text: #fff;

  /* Tipografía */
  --font-main: 'Montserrat', Arial, sans-serif;
  --font-size-base: 18px;
  --font-weight-base: 400;
}

body {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-main);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-base);
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
}

header {
  height: 190px;
}

.container {
  opacity: 0;
  animation: fadeIn 1s forwards; 
  width: 100%;
}

.image img {
  border-radius: 15px;
}

@keyframes fadeIn {
  to {
      opacity: 1;
  }
}

/* Centrado vertical */
.is-vertical-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.wrap-button-text {
  white-space: normal;
}

.no-border {
  border: none;
}

/* Listas inline si las usas */
.is-inline li { display: inline; }

/* Estilos del pie de página */
.footer, .footer ul {
  background-color: transparent;
}

.rrss li {
  margin: 0 10px;
}

.rrss a{
  color: var(--color-text);
}

.rrss-icon {
  width: 30px;
  height: 30px;
}