/* ===== RESET GLOBAL ===== */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ===== BASE HTML ===== */
html, body {
    height: 100%;
    font-family: system-ui, Arial, sans-serif;
    background: #0f172a;
    color: #ffffff;
}

/* ===== LIMPIEZA ELEMENTOS ===== */
img, picture, video, canvas {
    max-width: 100%;
    display: block;
}

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

ul, ol {
    list-style: none;
}

/* ===== CONTENIDO ===== */
.container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    text-align: center;
}

h1 {
    font-size: 3rem;
    font-weight: 700;
}

p {
    opacity: 0.8;
}

/* .container{ */
  /* width: min(1100px, calc(100% - 2rem)); */
  /* margin-inline: auto; */
/* } */

/* .maintenance-container{ */
  /* min-height:100vh; */
  /* display:flex; */
  /* flex-direction:column; */
  /* justify-content:center; */
  /* align-items:center; */
  /* gap:1rem; */
  /* text-align:center; */
/* } */

/* ===== Buttons base (reemplazo Bootstrap mínimo) ===== */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.7rem 1rem;
  border-radius:.75rem;
  border:1px solid transparent;
  font-weight:600;
  cursor:pointer;
  transition:transform .12s ease, opacity .12s ease, box-shadow .12s ease;
  user-select:none;
}
.btn:active{ transform:scale(.98); }
.btn-primary{
  background:#25D366;
  color:#0b1220;
  box-shadow:0 8px 18px rgba(37,211,102,.25);
}
.btn-primary:hover{ opacity:.95; }