/* internal pages */

/* standards */
.float-right {
  float: right;
  margin-left: 2rem;
  margin-bottom: 2rem;
}
.float-left {
  float: left;
  margin-right: 2rem;
  margin-bottom: 2rem;
}
.flex-w {
  display: flex;
  flex-direction: row;
  margin-bottom: 4rem;
}
.flex-h {
  display: flex;
  flex-direction: column;
}

.flex-w img.w100,
.flex-h img.w100 {
  width: 100%;
}

.flex-margin-none {
  margin: 0;
}
.flex-margin-1rem {
  margin: 1rem 0;
}
.flex-margin-2rem {
  margin: 2rem 0;
}
.flex-margin-4rem {
  margin: 4rem 0;
}

.cols-2 {
  row-gap: 3.5rem;
  column-gap: 3.5rem;
  justify-content: space-between;
}
.cols-2 > div {
  max-width: 48%;
}
.flex-wrap {
  flex-wrap: wrap;
}

.flex-child-4 > div {
  max-width: 22%;
}

.flex-child-2 > div {
  max-width: 48%;
}

.justify-content-center {
  justify-content: center;
}

.gap-1rem {
  gap: 1rem;
}
.gap-2rem {
  gap: 2rem;
}
.gap-4rem {
  gap: 4rem;
}

.webdoor.webdoor-interno {
  height: 24rem;
  display: flex;
  padding: 2rem 2rem 0;
  align-items: flex-end;
}

.webdoor.webdoor-interno .title {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
}

.webdoor.webdoor-interno .title h1 {
  font-size: 3rem;
  color: #ffffff;
  background: var(--theorange);
  padding: 1rem 2rem 0;
  width: fit-content;
}

.webdoor-404 {
  background-image: url("../image/webdoors/webdoor-aluna-livro-1920.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.webdoor-nossa-escola {
  background-image: url("../image/webdoors/webdoor-aluna-livro-1920.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.webdoor-educacao-infantil {
  background-image: url("../image/webdoors/webdoor-educacao-infantil-1920.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.webdoor-ensino-fundamental-i {
  background-image: url("../image/webdoors/webdoor-ensino-fundamental-iniciais-1920.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.webdoor-ensino-fundamental-ii {
  background-image: url("../image/webdoors/webdoor-ensino-fundamental-finais-1920.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.webdoor-ensino-medio {
  background-image: url("../image/webdoors/webdoor-ensino-medio-1920.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.webdoor-diferenciais {
  background-image: url("../image/webdoors/webdoor-educacao-infantil-1920.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.webdoor-matriculas {
  background-image: url("../image/webdoors/webdoor-aluna-livro-1920.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.webdoor-contato {
  background-image: url("../image/webdoors/webdoor-aluna-livro-1920.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.webdoor-mapa-do-site {
  background-image: url("../image/webdoors/webdoor-aluna-livro-1920.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.webdoor-trabalhe-conosco {
  background-image: url("../image/webdoors/webdoor-ensino-medio-1920.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.webdoor-privacidade {
  background-image: url("../image/webdoors/webdoor-aluna-livro-1920.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.webdoor-cookies {
  background-image: url("../image/webdoors/webdoor-aluna-livro-1920.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.webdoor-termos-de-uso {
  background-image: url("../image/webdoors/webdoor-ensino-fundamental-iniciais-1920.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.warning {
  background-color: var(--thered) !important;
}
.warning-text {
  color: var(--thered) !important;
  font-weight: 600;
  font-size: 1.4rem;
  padding-right: 0.4rem;
}

.inner-content {
  padding: 2.5rem 1rem 5.5rem;
  font-size: 1.15rem;
  max-width: 1400px;
  margin: 0 auto;
  min-height: 200px;
}

.inner-content .breadcrumbs {
  margin: 0 0 -5px;
}
.inner-content .breadcrumbs ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.inner-content .breadcrumbs ul li {
  text-transform: uppercase;
  font-weight: 600;
  color: #666666;
  font-size: 1.1rem;
  margin: 0;
  padding: 0 1rem 0 0;
  text-wrap: nowrap;
}
.inner-content .breadcrumbs ul li::after {
  content: "🢒";
  display: flex;
  position: absolute;
  background-color: transparent;
  right: 0;
  top: -0.25rem;
  zoom: 1.2;
  color: var(--theorange);
}
.inner-content .breadcrumbs ul li:last-child::after {
  display: none;
}
.inner-content .breadcrumbs ul li::before {
  display: none;
}

.inner-content .breadcrumbs ul li a,
.inner-content .breadcrumbs ul li a:visited {
  color: inherit;
  text-decoration: none;
}
.inner-content .breadcrumbs ul li.home {
  border-left: 0.7rem solid var(--theorange);
  padding-left: 0.5rem;
}
.inner-content .breadcrumbs ul li.home a {
  display: flex;
  gap: 0.2rem;
  align-items: center;
}
.inner-content .breadcrumbs ul li img {
  display: none;
  filter: var(--thebluefilter);
}
.inner-content .heading-line {
  position: relative;
}
.inner-content h1 {
  font-weight: 600;
  text-align: left;
  z-index: 3;
  position: relative;
  background: #ffffff;
  width: fit-content;
  padding: 0 1.2rem 0 0;
  margin: 0 0 3rem 0;
}

.inner-content .heading-line::after {
  z-index: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  content: "";
  height: 20%;
  width: 100%;
  background-color: var(--theblue);
}

.inner-content p {
  text-align: justify;
  padding-bottom: 1rem;
  margin: 0 auto;
  font-weight: 300;
  font-size: 1.15rem;
}

.inner-content p.subtitle {
  padding: 0;
  font-size: 0.9rem;
  color: var(--theblue);
}

.inner-content p.warn {
  background: #efefef;
  padding: 1.2rem;
  border-left: 1rem solid var(--thered);
  margin: 0 0 2.5rem 0;
}

.inner-content p + h2 {
  margin-top: 2.5rem;
}

.inner-content h2 {
  font-size: 1.8rem;
  font-weight: 300;
  position: relative;
  max-width: max-content;
  margin: 1rem 0;
  text-align: left;
  line-height: 1.25em;
  color: var(--thedarkgrey);
}

.inner-content h2 strong {
  font-weight: 600;
  color: var(--theblue);
}

.inner-content p strong {
  color: var(--thered);
  font-weight: 600;
  font-size: 1.18rem;
}
.inner-content p span {
  color: var(--theblue);
}
.inner-content p a {
  font-weight: 500;
  color: var(--theblue);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  transition: all 0.4s;
  text-decoration: none;
}
.inner-content p a:hover {
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.85);
}

.inner-content .mini-gallery {
  float: right;
  margin: 0 0 2.5rem 2.5rem;
}
.inner-content .mini-gallery .title {
  background-color: #000000;
  margin-bottom: 0.75rem;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.5rem;
}
.inner-content .mini-gallery .img {
  width: 480px;
}
.inner-content .mini-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-bottom: 0.75rem solid var(--theorange);
}

.inner-content h3 {
  font-weight: 700;
  text-align: left;
  margin: 1.5rem 0 0.8rem;
  color: var(--theblue);
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.inner-content h3 strong {
  color: var(--theorange);
}
.inner-content a {
  color: var(--theblue);
  text-decoration: none;
  display: contents;
}
.inner-content a:hover {
  text-decoration: underline;
}
.inner-content h4 {
  font-weight: 500;
  text-align: left;
  color: var(--theblue);
  text-transform: uppercase;
  padding: 0 0 0.5rem 0;
}

.inner-content ul {
  padding: 0 0.5rem 2rem 1.5rem;
  text-align: justify;
  list-style: none;
}
.inner-content ul li {
  padding: 0 0 0.5rem 0;
  font-size: 1.1rem;
  font-weight: 300;
  position: relative;
}
.inner-content ul li ul {
  padding: 0 0.5rem 0.3rem 1.5rem;
}
.inner-content ul li:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--thered);
  left: -1rem;
  top: 0.5rem;
  position: absolute;
}
.inner-content ul.stars {
  padding: 0 0 1.5rem 1.5rem;
}
.inner-content ul.stars li:before {
  content: "★";
  display: block;
  left: -1.2rem;
  top: -0.2rem;
  background-color: transparent;
  position: absolute;
  color: var(--theorange);
  zoom: 1.4;
}

.inner-content ul.stars li strong {
  color: var(--theblue);
}

.inner-content .bloco-destacado {
  margin: 5rem 0;
  background: #efefef;
  padding: 1rem 2rem;
  border-left: 1rem solid var(--theorange);
  clear: both;
}
.inner-content .bloco-destacado p strong {
  color: var(--thetext);
}
.inner-content .bloco-destacado.fit {
  max-width: fit-content;
}
.inner-content .bloco-destacado.w50 {
  max-width: 50%;
}
.inner-content .bloco-destacado.red {
  margin: 5rem 0;
  background: #efefef;
  padding: 1rem 2rem;
  border-left: 1rem solid var(--thered);
}

.inner-content .internal-cta {
  position: relative;
  background: #061a79;
  border-radius: 0.3rem;
}

.inner-content .internal-cta:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  background-image: url("../image/cta-interna.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 0.3rem;
}

.inner-content .internal-cta .content {
  position: relative;
  padding: 5rem 3rem;
  display: flex;
  gap: 3rem;
  border-radius: 0.3rem;
  color: #ffffff;
  text-align: left;
  margin: 5rem 0 0;
  align-items: center;
}

.inner-content .internal-cta .content h3 {
  font-weight: 700;
  font-size: 2.5rem;
  color: #ffffff;
}

.inner-content .internal-cta .content p {
  font-weight: 400;
  font-size: 1.3rem;
}

.inner-content .internal-cta .content p strong {
  font-size: 1.3rem;
  color: #ffffff;
}

.inner-content .internal-cta .content a.button.orange,
.inner-content .internal-cta .content a.button.orange:visited {
  background: var(--theorange);
  color: var(--thetext);
  font-weight: 600;
  font-size: 1.5rem;
  margin: 0;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
  padding: 1.5rem 2.5rem;
}
.inner-content .internal-cta .content a.button.orange:hover,
.inner-content .internal-cta .content a.button.orange:active,
.inner-content .internal-cta .content a.button.orange:focus {
  background: #fff;
  color: var(--theblue);
  box-shadow: none;
}
.inner-content .internal-cta .content a.button.orange:hover img,
.inner-content .internal-cta .content a.button.orange:active img,
.inner-content .internal-cta .content a.button.orange:focus img {
  filter: var(--thebluefilter);
}

.inner-content.page-proposta-pedagogica i.badge {
  background: #253fb6;
  margin: 0;
  padding: 0;
  border-radius: 10rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner-content.page-proposta-pedagogica i.badge img {
  filter: invert(1);
  zoom: 1.2;
}

a.button {
  display: flex;
  gap: 0.45rem;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  border-radius: 10rem;
  padding: 1rem 1.6rem;
  box-shadow: 2px 2px 6px #aaa;
  max-width: fit-content;
  width: 100%;
  margin: 1rem 0 2.5rem;
}
a.button img {
  filter: invert(1);
  zoom: 1.2;
}
a.button.blue {
  background: var(--theblue);
  border: 1px solid var(--theblue);
  color: #fff;
  transition: 200ms;
  text-decoration: none;
}
a.button.blue:hover,
a.button.blue:active,
a.button.blue:focus {
  background: #ffffff;
  color: var(--theblue);
}
a.button.blue:hover img,
a.button.blue:active img,
a.button.blue:focus img {
  filter: var(--thebluefilter);
}
/* matrículas */
.inner-content.page-matriculas .informacoes {
  margin: 0 0 2rem;
}
.inner-content.page-matriculas .informacoes .documentacao {
  background-color: #f2f2f2;
  margin-left: 3rem;
  border-radius: 0.3rem;
  overflow: hidden;
  box-shadow: 1px 1px 5px #aaaaaa;
}
.inner-content.page-matriculas .informacoes .documentacao h3 {
  margin: 0;
  padding: 1rem;
  background: var(--thered);
  color: #fff;
  font-weight: 600;
}
.inner-content.page-matriculas .informacoes .documentacao ul {
  margin: 0;
  padding: 1rem 1rem 1.5rem 2rem;
}
.inner-content.page-matriculas .informacoes .documentacao p {
  margin: 0 0 1rem;
  padding: 0 1rem;
}
.inner-content.page-matriculas ul.diferenciais {
  padding: 0;
}
.inner-content.page-matriculas ul.diferenciais li {
  display: flex;
  gap: 0.45rem;
  align-items: center;
}
.inner-content.page-matriculas ul.diferenciais li::before {
  display: none;
}
.inner-content.page-matriculas ul.diferenciais li img {
  zoom: 1.8;
  filter: var(--theorangefilter);
}

.gallery-box {
  position: relative;
  max-width: 400px;
  width: 100%;
  overflow: hidden;
}
.gallery-box img {
  width: 100%;
  display: none;
}
.gallery-box img:first-child {
  display: block;
}

/* diferenciais */
.inner-content.page-diferenciais .diferenciais {
  gap: 4rem;
}
.inner-content.page-diferenciais .diferenciais .items {
  gap: 1.7rem;
}
.inner-content.page-diferenciais .diferenciais .items div {
  padding: 1.2rem;
  border-left: 1rem solid var(--theorange);
  background: var(--theblue);
  color: #fff;
  text-align: justify;
}
.inner-content.page-diferenciais .diferenciais .items div:nth-child(even) {
  padding: 1.2rem;
  border-left: 1rem solid var(--theblue);
  background: #eeeeee;
  color: var(--thetext);
}
.inner-content.page-diferenciais .diferenciais .logomarcas {
  gap: 3rem;
}
.inner-content.page-diferenciais .diferenciais .logomarcas img {
  max-width: fit-content;
}

/* equipe-educacional */
.inner-content .person {
  display: flex;
  overflow: hidden;
  border-radius: 0.3rem;
  background: #253fb6;
  box-shadow: 3px 3px 6px #aaa;
  margin: 0;
}
.inner-content .person img {
  width: 100%;
  object-fit: cover;
  display: block;
}
.inner-content .person > div {
  justify-content: center;
  padding: 2rem;
  color: #ffffff;
}
.inner-content .person > div h4 {
  color: #ffffff;
  font-weight: 600;
  text-align: left;
  font-size: 1.9rem;
  text-transform: initial;
  padding: 0;
}
.inner-content .person > div h5 {
  text-align: left;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 2rem;
  font-size: 0.9rem;
}

@media screen and (min-width: 551px) {
  .inner-content .person img {
    max-width: 200px;
    min-width: 200px;
  }
}
@media screen and (max-width: 550px) {
  .inner-content .person {
    flex-direction: column;
  }
  .inner-content .person img {
    aspect-ratio: 1/1;
    object-position: top;
  }
}

/* segmentos */
.inner-content .grades a.button + h3 {
  margin-top: 4rem;
}
.inner-content .quadro-atividades {
  border: 1px solid var(--theorange);
  max-width: fit-content;
  margin-bottom: 2rem;
}
.inner-content .quadro-atividades > div + div {
  border-left: 1px solid var(--theorange);
}
.inner-content .quadro-atividades p {
  margin: 0;
  text-align: center;
  padding: 0.8rem 1.2rem;
}
.inner-content .quadro-atividades p:nth-child(odd) {
  background: #edece3;
}
.inner-content .quadro-atividades p.heading {
  font-weight: 600;
  text-transform: uppercase;
  background: var(--theorange);
  color: var(--thetext);
}
.inner-content .quadro-atividades p.separator {
  background: #fbcea5;
  font-size: 1rem;
  font-weight: 400;
}
.inner-content .quadro-atividades p.avaliacao {
  background: var(--thered);
  color: var(--color-invert);
  font-weight: 500;
}
.inner-content .quadro-atividades p.vago {
  background: var(--lightgrey1);
}

/* resultados */
.inner-content.page-resultados-e-aprovacoes .cta-medio {
  max-width: 40%;
  background: var(--theblue);
  border-left: 1rem solid var(--theorange);
  padding: 1.5rem;
}
.inner-content.page-resultados-e-aprovacoes .cta-medio h3 {
  margin: 0 0 1rem;
  color: var(--color-invert);
  text-align: justify;
}
.inner-content.page-resultados-e-aprovacoes .cta-medio p {
  color: var(--color-invert);
  font-size: 1.2rem;
  text-align: justify;
}
.inner-content.page-resultados-e-aprovacoes .cta-medio a.button,
.inner-content.page-resultados-e-aprovacoes .cta-medio a.button:visited {
  display: flex;
  gap: 0.7rem;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  border-radius: 10rem;
  padding: 1rem 1.6rem;
  box-shadow: 2px 2px 6px rgba(255, 255, 255, 0.25);
  max-width: fit-content;
  width: 100%;
  margin: 1rem 0 0;
  font-size: 1.4rem;
  background: var(--color-invert);
  border: none;
  color: var(--theblue);
  transition: 200ms;
  font-weight: 600;
}
.inner-content.page-resultados-e-aprovacoes .cta-medio a.button:hover,
.inner-content.page-resultados-e-aprovacoes .cta-medio a.button:focus-within {
  background: var(--thered);
  color: #ffffff;
}
.inner-content.page-resultados-e-aprovacoes .cta-medio a.button img {
  filter: var(--thebluefilter);
}
.inner-content.page-resultados-e-aprovacoes .cta-medio a.button:hover img,
.inner-content.page-resultados-e-aprovacoes
  .cta-medio
  a.button:focus-within
  img {
  filter: invert(1);
}

.inner-content.page-resultados-e-aprovacoes .cardboard .card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 1rem;
  justify-content: flex-start;
  height: fit-content;
  box-shadow: 0 0 0.5rem var(--lightgrey1);
}
.inner-content.page-resultados-e-aprovacoes .cardboard .card img {
  border-radius: 0.8rem 0.8rem 0 0;
}
.inner-content.page-resultados-e-aprovacoes .cardboard .card p.name {
  text-align: center;
  font-weight: 900;
  font-size: 1.4rem;
  padding: 0.8rem;
  color: var(--color-invert);
  width: 100%;
  background: var(--theorange);
}
.inner-content.page-resultados-e-aprovacoes .cardboard .card .subtitle {
  background: var(--color-invert);
  padding: 0.8rem 0.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0 0 0.8rem 0.8rem;
}

.inner-content.page-resultados-e-aprovacoes .cardboard .card .subtitle p {
  display: block;
  font-size: 0.95rem;
  color: var(--color);
  text-transform: uppercase;
  font-weight: 600;
  padding: 0;
}

/*  CONTATO  */
.inner-content form {
  max-width: 930px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  display: grid;
  flex-wrap: wrap;
  gap: 0rem;
  justify-content: center;
  padding: 1rem;
  padding: 0;
  text-align: left;
}

.inner-content #site-contato .isaluno {
  display: none;
  transition: 250ms;
}

.inner-content form > div {
  padding: 1rem;
  position: relative;
}
.inner-content form > div * {
  font-family: Poppins;
}
.inner-content form label {
  border: 0px solid rgba(255, 255, 0, 0.25);
  width: 100%;
  height: 1.5rem;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 1rem;
  line-height: 1.1rem;
  font-size: 1.1rem;
  color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.inner-content form label > div {
  position: absolute;
  left: 1.5rem;
  top: 3.25rem;
  top: 3.4rem;
  transition: font-size 0.4s, left 0.4s, top 0.4s;
  pointer-events: none;
}

.inner-content form input,
.inner-content form select,
.inner-content form textarea {
  border: none;
  border-bottom: 1px solid var(--theblue);
  width: 100%;
  color: #000000;
  padding: 0.8rem;
  font-size: 1.1rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 1.5rem 0 0 0;
}
.inner-content form input[type="checkbox"] {
  width: unset;
  border: 1px solid rgba(0, 0, 0, 0.5);
  margin: 0 0.5rem 0 0;
  position: relative;
  padding: 0.5rem;
}
.inner-content form input[type="checkbox"]:after {
  content: "";
  display: block;
  border-bottom: 0px solid #000000;
  border-left: 0px solid #000000;
  position: absolute;
  width: 0rem;
  height: 0rem;
  left: 0;
  top: -0.15rem;
  transform: translate(25%, 100%) rotate(-45deg);
}
.inner-content form input[type="checkbox"]:checked:after {
  width: 0.6rem;
  height: 0.25rem;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}
.inner-content form label[for="fc_cliente"],
.inner-content form label[for="fc_auth"] {
  pointer-events: initial;
  position: relative;
  color: rgba(0, 0, 0, 0.75);
  text-align: justify;
  line-height: 1.5rem;
  left: unset;
  top: unset;
  padding: 0;
  height: unset;
}
.inner-content form label a.link-priv {
  color: #ffffff;
  font-weight: 500;
}

.inner-content form input:-webkit-autofill,
.inner-content form input:-webkit-autofill:hover,
.inner-content form input:-webkit-autofill:focus,
.inner-content form input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #000000;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #00000040;
}

.inner-content form select {
  outline: none;
}
.inner-content form select option {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: var(--theblue);
  color: #ffffff;
}
.inner-content form label.fancy-select:before {
  content: "";
  font-size: 1.5rem;
  display: block;
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  pointer-events: none;
  background-image: url(/assets/image/svg/drop-arrow.svg);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center center; /*filter:invert(100%);*/
  opacity: 0.5;
}

.inner-content form input[type="text"].req:focus + label > div,
.inner-content form input[type="text"].req:valid + label > div {
  font-size: 0.95rem;
  left: 1rem;
  top: 1.35rem;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.75);
}

.inner-content form input[type="email"].req:focus + label > div,
.inner-content form input[type="email"].req:valid + label > div,
.inner-content
  form
  input[type="email"].req:not(:placeholder-shown)
  + label
  > div {
  font-size: 0.95rem;
  left: 1rem;
  top: 1.35rem;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.75);
}
.inner-content
  form
  input[type="email"].req:not(:placeholder-shown):invalid
  + label
  > div {
  color: red;
}

.inner-content form input[type="text"].opt:focus + label > div,
.inner-content
  form
  input[type="text"].opt:not(:placeholder-shown)
  + label
  > div {
  font-size: 0.95rem;
  left: 1rem;
  top: 1.35rem;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.75);
}

.inner-content form select:focus + label > div,
.inner-content form select:valid + label > div {
  font-size: 0.95rem;
  left: 1rem;
  top: 1.35rem;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.75);
}

.inner-content form textarea {
  height: 10rem;
  resize: none;
}
.inner-content form textarea + label > div {
  top: 3rem;
  pointer-events: none;
}
.inner-content form textarea:focus + label > div,
.inner-content form textarea:valid + label > div {
  font-size: 0.95rem;
  left: 1rem;
  top: 1.35rem;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.75);
}

.inner-content form button {
  border: 1px solid #ffffff;
  display: flex;
  padding: 0.25rem 0.25em 0.25rem 2rem;
  height: 3rem;
  text-decoration: none;
  background-color: #ffffff;
  color: var(--logo1);
  margin: 0 0 0 auto;
  border-radius: 500px;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  width: max-content;
  font-family: Poppins;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  cursor: pointer;
}
.inner-content form button:after {
  content: "\2794";
  background-color: rgba(0, 0, 0, 0.5);
  height: 2.5rem;
  display: inline-flex;
  width: 2.5rem;
  border-radius: 50%;
  margin: 0 0 0 1rem;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1.3rem;
}
.inner-content form button:hover {
  background-color: rgba(255, 255, 255, 0.25);
  color: inherit;
}

@media screen and (min-width: 850px) {
  .inner-content form .mod50 {
    width: 50%;
  }
  .inner-content form .mod100 {
    width: 100%;
  }
}

@media screen and (max-width: 849px) {
  .inner-content form .mod50 {
    width: 100%;
  }
  .inner-content form .mod100 {
    width: 100%;
  }
}

/* contato */
#site-contato label {
  display: block;
  position: relative;
  padding: 0;
  margin: 0 0 1.2rem;
  pointer-events: all;
  height: auto;
}

#site-contato label.checkbox {
  margin: 1rem 0;
}

#site-contato label.is-cliente {
  display: none;
}

#site-contato label:has(input:focus-within) > div,
#site-contato label:has(input:not(:placeholder-shown)) > div,
#site-contato label:has(textarea:focus-within) > div,
#site-contato label:has(textarea:not(:placeholder-shown)) > div,
#site-contato label:has(select:focus-within) > div,
#site-contato label:has(option[value=""]:not(:checked)) > div {
  color: var(--color);
  left: 0;
  top: 0.35rem;
  font-size: 0.95rem;
}

#site-contato label:has(input:focus-within) > div span,
#site-contato label:has(input:not(:placeholder-shown)) > div span,
#site-contato label:has(textarea:focus-within) > div span,
#site-contato label:has(textarea:not(:placeholder-shown)) > div span,
#site-contato label:has(select:focus-within) > div span,
#site-contato label:has(option[value=""]:not(:checked)) > div span {
  color: var(--thered);
  margin-left: 0.3rem;
}

#site-contato label > div {
  position: absolute;
  left: 1.2rem;
  top: 2.4rem;
  transition: font-size 0.4s, left 0.4s, top 0.4s;
  pointer-events: none;
}

#site-contato button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: var(--theblue);
  padding: 1.7rem 2rem;
  color: #ffffff;
  box-shadow: 2px 2px 6px #aaa;
  border: 1px solid var(--theblue);
  transition: 200ms;
  cursor: pointer;
  margin-top: 1.5rem;
}

#site-contato button img {
  filter: invert(1);
}

#site-contato button::after {
  display: none;
}

#site-contato button:hover {
  background: #ffffff;
  color: var(--theblue);
}

#site-contato button:hover img {
  filter: var(--thebluefilter);
}

.inner-content.page-contato .mapa {
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  top: 1.5rem;
}
.inner-content.page-contato .mapa .view {
  background-image: url(../image/esa-mapa-localizacao.webp);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner-content.page-contato .mapa .subtitle {
  bottom: 0;
  background: var(--thered);
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.inner-content.page-contato .mapa .subtitle p {
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-weight: 500;
  font-size: 1rem;
  text-align: center;
}
.inner-content.page-contato .mapa .subtitle a {
  display: flex;
  box-shadow: none;
  justify-content: center;
  color: var(--color-invert);
  font-size: 1rem;
  padding: 0.9rem 1rem;
  border-radius: 5rem;
  text-decoration: underline;
}

.inner-content .flex-w.cols-2 > div {
  max-width: unset;
}

/* currículos */
#site-curriculo {
  display: flex;
  width: 100%;
  max-width: initial;
  gap: 1rem;
  justify-content: space-between;
  margin: 1.2rem 0;
}

#site-curriculo fieldset {
  width: 48%;
  border: none;
}

#site-curriculo #curriculo-file {
  display: none;
}

#site-curriculo label {
  display: block;
  position: relative;
  padding: 0;
  margin: 0 0 1.2rem;
  pointer-events: all;
  height: auto;
}

#site-curriculo label:has(input:focus-within) > div,
#site-curriculo label:has(input:not(:placeholder-shown)) > div {
  color: var(--color);
  left: 0;
  top: 0.35rem;
  font-size: 0.95rem;
}

#site-curriculo label:has(input:focus-within) > div span,
#site-curriculo label:has(input:not(:placeholder-shown)) > div span {
  color: var(--thered);
  margin-left: 0.3rem;
}

#site-curriculo label > div {
  position: absolute;
  left: 1.2rem;
  top: 2.4rem;
  transition: font-size 0.4s, left 0.4s, top 0.4s;
  pointer-events: none;
}

#site-curriculo button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: var(--theblue);
  padding: 1.7rem 2rem;
  color: #ffffff;
  box-shadow: 2px 2px 6px #aaa;
  border: 1px solid var(--theblue);
  transition: 200ms;
  cursor: pointer;
}

#site-curriculo button img {
  filter: invert(1);
}

#site-curriculo button::after {
  display: none;
}

#site-curriculo button:hover {
  background: #ffffff;
  color: var(--theblue);
}

#site-curriculo button:hover img {
  filter: var(--thebluefilter);
}

#site-curriculo #filesearch {
  background: #767d93;
  color: #ffffff;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  margin: 1.2rem 0;
  border-radius: 0.6rem;
  gap: 0.4rem;
  transition: 200ms;
  border: none;
  box-shadow: none;
}

#site-curriculo #filesearch:hover {
  opacity: 0.85;
  cursor: pointer;
}

#site-curriculo #filesearch img {
  filter: invert(1);
  zoom: 1.3;
}

#site-curriculo #filesearch::after {
  display: none;
}

#site-curriculo #cancel-file {
  background: var(--thered);
  color: #ffffff;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  margin: 1.2rem 0;
  border-radius: 0.6rem;
  gap: 0.4rem;
  transition: 200ms;
  display: none;
  border: none;
  box-shadow: none;
}

#site-curriculo #cancel-file:hover {
  opacity: 0.85;
  cursor: pointer;
}

#site-curriculo #cancel-file img {
  filter: invert(1);
  zoom: 1.3;
}

#site-curriculo #cancel-file::after {
  display: none;
}

#site-curriculo #txtarquivo {
  display: block;
  margin: 1.5rem 0.5rem;
  color: var(--theblue);
  font-weight: 500;
  text-align: center;
}
#site-curriculo #txtarquivo.alert {
  color: var(--thered);
}

/* mapa do site */
.inner-content ul.mapa-site {
  max-height: 55vh;
  flex-wrap: wrap;
  margin: 2rem 0 0;
}

@media screen and (max-width: 1024px) {
  .inner-content.page-diferenciais .diferenciais .logomarcas {
    max-width: 26%;
  }
  .inner-content.page-matriculas ul.diferenciais li strong {
    display: contents;
  }
}

@media screen and (min-width: 850px) {
  .inner-content .flex-w.cols-2 {
    flex-direction: row;
  }
  .inner-content form textarea {
    height: 10rem;
  }
}

@media screen and (max-width: 849px) {
  .inner-content .flex-w.cols-2 {
    flex-direction: column;
  }
  .inner-content form textarea {
    height: 10rem;
  }
  .inner-content.page-resultados-e-aprovacoes .cta-medio {
    max-width: 60%;
  }
}

@media screen and (max-width: 767px) {
  .inner-content .quadro-atividades {
    display: none;
  }
  .gallery-box {
    max-width: 320px;
  }
  .inner-content .internal-cta .content {
    flex-direction: column;
  }
  .inner-content.page-resultados-e-aprovacoes .flex-w.gap-4rem {
    flex-direction: column;
    gap: 2rem;
  }
  .inner-content.page-resultados-e-aprovacoes .cta-medio {
    max-width: initial;
    width: 100%;
  }
  .inner-content.page-resultados-e-aprovacoes .cardboard .card p.name {
    font-size: 1.2rem;
  }

  .inner-content.page-diferenciais .diferenciais {
    flex-direction: column;
  }

  .inner-content.page-diferenciais .diferenciais .logomarcas {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    max-width: initial;
  }

  .inner-content.page-diferenciais .diferenciais .logomarcas img {
    max-width: 25%;
    height: fit-content;
  }

  .inner-content.page-matriculas .informacoes .documentacao {
    max-width: 40%;
  }

  .inner-content ul.mapa-site {
    max-height: initial;
    flex-wrap: initial;
  }
}

@media screen and (max-width: 610px) {
  #site-curriculo {
    flex-direction: column;
  }

  #site-curriculo fieldset,
  #site-contato fieldset {
    width: 100%;
  }

  #site-curriculo button,
  #site-contato button {
    margin: 0 auto;
  }

  .flex-child-4 > div {
    max-width: 40%;
  }

  .inner-content.page-matriculas .informacoes .documentacao {
    max-width: 100%;
    margin: 2rem 0;
    width: 100%;
    float: none;
  }
}

@media screen and (max-width: 499px) {
  .inner-content form button {
    margin-top: 1.2rem;
  }
  .gallery-box {
    max-width: initial;
    width: 100%;
  }

  .flex-child-4 > div {
    max-width: 100%;
  }
}

/* popMessage */

.popMessage {
  position: fixed;
  width: 100vw;
  top: 0;
  height: 100vh;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.85);
  z-index: 99999;
}

.popMessage .flexed {
  max-width: 580px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
}

.popMessage .flexed p.title {
  background: var(--theblue);
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  padding: 0.6rem 1rem;
}

.popMessage.warn .flexed p.title {
  background: var(--thered);
}

.popMessage .flexed p {
  color: var(--color);
  font-size: 1.1rem;
  width: 100%;
  padding: 0.7rem 1.2rem;
}

.popMessage .flexed button {
  border-radius: 10rem;
  border: 1px solid var(--theblue);
  background: var(--theblue);
  padding: 0.5rem 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  max-width: fit-content;
  color: var(--color-invert);
  cursor: pointer;
  transition: 200ms;
  letter-spacing: 0.2rem;
  margin: 0 0 1rem;
}
.popMessage .flexed button:hover {
  background: transparent;
  color: var(--theblue);
}

.popMessage.warn .flexed button {
  border: 1px solid var(--thered);
  background: var(--thered);
}
.popMessage.warn .flexed button:hover {
  background: transparent;
  color: var(--thered);
}