/* main.css - Global stylesheet for general background */

/* Reset default margins and paddings */
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* Set global background color */
body {
  background-color: rgba(
    241,
    241,
    248,
    1
  ); /* Full opacity equivalent to rgba(241,241,248,255) */
}

/* Navbar background same as body */
nav.navbar {
  background-color: rgba(241, 241, 248, 1) !important;
}

/* Footer styling & sticky */
footer {
  background-color: rgba(35, 63, 134, 1) !important;
  color: #fff; /* ensure text is visible on dark background */
}

/*--------------------- GRACIAS -------------------------------------------*/


/* centra vertical y horizontalmente toda la página */
.thank-you-page {
  min-height: calc(100vh - 56px - 70px); /* ajusta 56px = alto navbar, 70px = alto footer */
  padding: 2rem 1rem;
  background-color: #f0f2f7;
}

/* el “card” blanco centrado */
.thank-you-card {
  background: #ffffff;
  max-width: 480px;
  width: 100%;
  padding: 2rem 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1);
}

/* título y texto */
.thank-you-title {
  color: #23407f;
  margin-bottom: 1rem;
}

.thank-you-text {
  color: #444;
  font-size: 1rem;
  line-height: 1.5;
}