/* Alpine.js: evita "flash" de elementos ocultos antes da inicialização
-------------------------------------------------- */
[x-cloak] {
  display: none !important;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.container {
  max-width: 960px;
}

.pricing-header {
  max-width: 700px;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Responsive table - stack rows into a card-like list below 800px.
   Any <table> can opt in: wrap it in .mobile-stack-table and add a
   data-title="..." attribute to each <td> naming its column. */
@media only screen and (max-width:800px) {
  .mobile-stack-table tbody,
  .mobile-stack-table tr,
  .mobile-stack-table td {
      display: block;
  }
  .mobile-stack-table thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
  }
  .mobile-stack-table td {
      position: relative;
      padding-left: 50%;
      border: none;
      border-bottom: 1px solid #eee;
      min-height: 2rem;
  }
  .mobile-stack-table td:before {
      content: attr(data-title);
      position: absolute;
      left: 6px;
      font-weight: bold;
  }
  .mobile-stack-table tr {
      border-bottom: 1px solid #ccc;
  }
}


/* @media (max-width:575px) {
  .display-4 {
      font-size: 1.5rem;
  }
  .day h5 {
      background-color: #f8f9fa;
      padding: 3px 5px 5px;
      margin: -8px -8px 8px -8px;
  }
  .date {
      padding-left: 4px;
  }
}

@media (min-width: 576px) {
  .day {
      height: 14.2857vw;
  }
} */