* {
  margin: auto;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: rgb(255, 255, 255);
  font-family: 'Fira Sans', sans-serif;
}

:root {
  --cor1: white;
  --cor2: #1c2939;
  --cor3: #16314b;
  --cor4: #131b20;
  --cor5: #eb1c23;
  font-size: 10px;
}

/* PADRÕES FONTES */

p, span, h1, h2, h3, h4, h5, h6, a, strong, pre, footer {
  color: var(--cor4);
}

a {
  text-decoration: none;
}

/* COR BG */

.bgCor1 {
  background-color: var(--cor1);
}

.bgCor2 {
  background-color: var(--cor2);
}

.bgCor3 {
  background-color: var(--cor3);
}

.bgCor4 {
  background-color: var(--cor4);
}

.bgCor5 {
  background-color: var(--cor5);
}

/* COR FONTE */

.cor1 {
  color: var(--cor1);
}

.cor2 {
  color: var(--cor2);
}

.cor3 {
  color: var(--cor3);
}

.cor4 {
  color: var(--cor4);
}

.cor5 {
  color: var(--cor5);
}

/* FONT WEIGHT */

.fw400 {
  font-weight: 400;
}

.fw300 {
  font-weight: 300;
}

.fw200 {
  font-weight: 200;
}

.fw100 {
  font-weight: 100;
}

/* TEXT ALIGN */

.esq {
  text-align: center;
}

.centro {
  text-align: center;
}

.dir {
  text-align: center;
}

/* PADRÃO REM */

.rem1p25 {
  font-size: 1.25rem;
}

.rem1p5 {
  font-size: 1.5rem;
}

.rem1p75 {
  font-size: 1.75rem;
}

.rem2 {
  font-size: 2rem;
}

.rem2p25 {
  font-size: 2.25rem;
}

.rem2p5 {
  font-size: 2.5rem;
}

.rem2p75 {
  font-size: 2.75rem;
}

.rem3 {
  font-size: 3rem;
}

.rem4 {
  font-size: 4rem;
}

.rem5 {
  font-size: 5rem;
}

.rem6 {
  font-size: 6rem;
}

.rem8 {
  font-size: 8rem;
}

.rem10 {
  font-size: 10rem;
}

/* TXT DECORATION */

.txtupper {
  text-transform: uppercase;
}

/* DIVISOR DE TEXTO */

.divisor {
  width: 95px;
  height: 3px;
  background-color: var(--cor5);
  display: inline-flex;
}

/* MAX WIDTH - GRID PC */

.maxGridTela {
  width: 1100px;
}

.topoBase50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.topo20 {
  padding-top: 20px;
}

.base50 {
  padding-bottom: 50px;
}

/* DISPLAY */

.dspFlex {
  display: flex;
}

.dspBlock {
  display: block;
}

.dspContents {
  display: contents;
}

/* HEADER */

header {
  position: fixed;
  background-color: #131b20e1;
  width: 100%;
  height: 70px;
  display: flex;
  z-index: 9999;
}
@media (max-width: 700px){
  header {
    height: 50px;
  }
}

/* HERO BANNER */

section#hero-banner {
  /* height: 75vh; */
  height: 90vh;
  background-size: cover;
  background-position-x: center;
  /* background-image: url("../../assets/img/banner/87330-eztec-park-avenue-banner-01-lg.jpg"); */
  background-image: url("../../assets/img/banner/park-avenue-banner-vista.jpg");
}
@media (max-width: 700px){
  section#hero-banner {
    height: 60vh;
    background-size: contain;
    background-image: url("../../assets/img/banner/park-avenue-banner-vista-mobile.jpg");
  }
}

.div-sec-hero-banner {
  display: flex;
  align-items: center;
  height: -webkit-fill-available;
}

h1#h1-hero-banner {
  margin-bottom: -10px;
}

div#txt-hero-banner {
  padding: 20px;
}

/* CARACTERÍSTICAS */

section#sec-caracteristicas {
  width: 100%;
  height: 100px;
}

div#btnScroll {
  height: 100px;
}

ul#listaNavegacao {
  display: flex;
  height: -webkit-fill-available;
  align-items: center;
}

li#itemListaNavegacao {
  width: 25%;
  margin: 5px;
  list-style: none;
  color: var(--cor1);
  background-color: var(--cor3);
  height: 50%;
  display: grid;
  align-items: center;
}

li#itemListaNavegacao a, li#itemListaNavegacao a:visited {
  color: var(--cor1);
  text-decoration: none;
}

li#itemListaNavegacao a:active {
  color: var(--cor5);
  text-decoration: none;
}

/* CARACTERISTICAS */

div#CARACTERISTICAS {
  display: flex;
  height: 250px;
}

div#divCaracteristicas {
  display: flex;
}

div#txtSecCaracteristicas {
  line-height: 30px;
}

/* FACHADA */

div#divFachada {
  display: flex;
}

div#txtFachada {
  padding: 30px;
}

p#txtDesignFachada {
  margin-top: 10px;
}

/* ICONES */

div#divIcones {
  padding-top: 50px;
}

ul#listaIcones {
  width: 100%;
  display: contents;
}

li#itemListaIcones {
  display: inline-flex;
  width: 33%;
}

div#icoServ {
  margin: 5px;
}

div#txtIcoServ {
  margin-left: 20px;
}

/* DOWNLOADS */

section#DOWNLOADS {
  width: 100%;
}

div#DownloadPDF {
  display: flex;
}

h1#txtDownloadPDF, a#btnDownloadPDF {
  padding: 20px;
}

/* FICHA TÉCNICA */

section#FICHATECNICA {
  width: 100%;
  background-color: var(--cor2);
}

details#detailsFichaTecnica {
  width: 100%;
}

summary {
  cursor: pointer;
}

summary#summaryFichaTecnica {
  color: var(--cor1);
}

summary h1 {
  color: var(--cor1);
  display: inline;
}

details p {
  margin: 20px;
  color: var(--cor1);
}

footer {
  width: 100%;
}

/* @MEDIA */

/* @MEDIA */

/* @MEDIA */

/* CARACTERISTICAS */

/* HERO BANNER */

@media (max-width:600px) {
  .maxGridTela {
    width: 100%;
  }
}

@media (max-width:600px) {
  #img {
    width: 100%;
  }
}

/* HERO BANNER */

@media (max-width:600px) {
  section#hero-banner {
    margin-bottom: -5px;
  }
}

@media (max-width:600px) {
  p.cor1.rem2p5 {
    font-size: 2rem;
  }
}

/* CARACTERISTICAS */

@media (max-width:600px) {
  section#sec-caracteristicas {
    height: 270px;
  }
}

@media (max-width:600px) {
  div#CARACTERISTICAS {
    padding-bottom: 100px;
  }
}

@media (max-width:600px) {
  div#btnScroll {
    width: 100%;
    height: 50px;
  }
}

@media (max-width:600px) {
  ul#listaNavegacao {
    display: contents;
    width: 100%;
  }
}

@media (max-width:600px) {
  li#itemListaNavegacao {
    width: 100%;
    height: 50px;
  }
}

@media (max-width:600px) {
  div#divCaracteristicas {
    display: block;
    padding: 15px;
  }
}

@media (max-width:600px) {
  div#logoSecCaracteristicas {
    margin-bottom: 15px;
    text-align: center;
  }
}

@media (max-width:600px) {
  div#txtSecCaracteristicas {
    text-align: center;
  }
}

/* FACHADA */

@media (max-width:600px) {
  div#divFachada {
    display: contents;
  }
}

@media (max-width:600px) {
  div#imgFachada {
    margin: 15px;
  }
}

@media (max-width:600px) {
  div#imgFachada img {
    width: 100%;
  }
}

/* ICONES */

@media (max-width:600px) {
  li#itemListaIcones {
    display: flex;
    width: auto;
  }
  div#divIcones {
    padding-top: 0px;
    margin: 0px;
    padding: 40px;
  }
}

/* DOWNLOAD */

@media (max-width:600px) {
  section#DOWNLOADS {
    height: 200px;
  }
}

@media (max-width:600px) {
  div#DownloadPDF {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

@media (max-width:600px) {
  h1#txtDownloadPDF, a#btnDownloadPDF {
    padding: 10px;
  }
}

/* VIDEOS */

@media (max-width:600px) {
  iframe#videoYT {
    width: 100%;
    height: 200px;
    margin: 15px;
  }
}

/* FICHA TECNICA */

@media (max-width:600px) {
  summary#summaryFichaTecnica {
    margin: 25px;
  }
}

@media (max-width:600px) {
  h1.maxGridTela {
    margin: 15px;
  }
}

@media (min-width: 300px) {
  #txtDownloadPDF {
    display: none;
  }
}

.sp-link-wrapper.sp-brandname__left {
  display: none;
}


/** UPDATES **/
div#FRAIHA-EZTEC {
  padding-top: 50px !important;
  padding: 20px;
}
img#logo-frahia {
  max-width: 340px;
}