@import url("../../user_interface_standards/styles/colors/qmd_cores.css");
@import url("../../user_interface_standards/styles/fonts/qmd_fonte.css");

:root {
  --largura-tela-peq: 90%;
  --largura-tela-gde: 90%;
  --largura-max: 1150px;

  /* ----- Fontes globais ----- */
  --fonts: "Rawline", "Raleway", sans-serif, Arial;

  --font-size-2xs: 0.625rem;  /* 10px */
  --font-size-xs: 0.75rem;    /* 12px */
  --font-size-sm: 0.875rem;   /* 14px */
  --font-size-base: 1rem;     /* 16px */
  --font-size-lg: 1.125rem;   /* 18px */
  --font-size-xl: 1.25rem;    /* 20px */
  --font-size-2xl: 1.5rem;    /* 24px */
  --font-size-3xl: 1.875rem;  /* 30px */

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
}

/* Table styles */
.page-painel-fogo__table {
  max-width: 850px;
  margin: 2rem auto 2rem;
  font-size: var(--font-size-xs);
}
.page-painel-fogo__table tr {
  height: 3.5rem;
}
.page-painel-fogo__table th,
.page-painel-fogo__table td {
  padding: 0.4rem;
  text-align: right !important;
}
.page-painel-fogo__table-obs {
  text-transform: none;
  font-weight: var(--font-weight-regular);
}
.page-painel-fogo__table a {
  text-decoration: none;
  color: var(--primary-color-600);
}
.page-painel-fogo__table a:hover {
  color: var(--neutral-gray-0);
  background-color: var(--primary-color-600);
}
@media (min-width: 768px) {
  .page-painel-fogo__table {
    font-size: var(--font-size-sm);
  }
  .page-painel-fogo__table th,
  .page-painel-fogo__table td {
    padding: 0.4rem;
    text-align: right !important;
    padding-right: 2rem;
  }
  .page-painel-fogo__table tr {
    height: 3rem;
  }
}

.page-painel-fogo__table td a,
.page-painel-fogo__table td span {
  white-space: nowrap;
}

/* -- */
.page-painel-fogo__sobre {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.page-painel-fogo__address h2 {
  margin: 0;
  padding: 0.5rem 0;
}
.page-painel-fogo__address p {
  margin: 0;
}

.page-painel-fogo__maximize {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  height: 2rem;
}

.page-painel-fogo__maximize a {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -4rem;
  background-color: var(--neutral-gray-0);
  border-radius: 1rem 1rem 0 0;
  box-shadow: 0px -10px 8px rgba(0, 0, 0, 0.5);
  height: 4rem;
  width: 12rem;
  text-transform: capitalize;
  text-decoration: none;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  color: var(--neutral-gray-400);
  padding: 0 1rem;
  transform: scale(1);
  transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.page-painel-fogo__maximize a:hover {
  color: var(--neutral-gray-950);
  transform: scale(1.12);
}
.page-painel-fogo__maximize i {
  font-size: var(--font-size-2xl);
  margin: 0 0.4rem 0 0;
  color: rgba(0, 0, 0, 0.2);
}