@media only screen and (min-width:0px) {
  /************************************************************ ESTRUTURA GERAL *************************************************************/
  /**                                                                                                                                      **/
  /**                                              ESTILOS QUE SE APLICA A TODOS OS TAMANHOS                                               **/
  /**                                                                                                                                      **/
  /******************************************************************************************************************************************/
  /************************************************************* VARIAVEIS CSS **************************************************************/

  /*********************************************************** FIM VARIAVEIS CSS ************************************************************/
  .css-btnreserveja{ padding: 5px 10px; border-radius: 20px; margin-top: 10px;}
  .css-btnreserveja-branco, .css-btnosnossosalojamentos, .css-btnsabermais{ padding: 10px 25px; border-radius: 20px; }
  .btn-submit{ padding: 10px 32px; border-radius: 20px; }
  .hide481{display: none;}
  .show481{display: block;}
  /***************************************************************** CABEÇA *****************************************************************/
  header > .container { padding: 30px 26px 10px 26px; transition: all .5s;}
  header.collapsed { background: #461a0a80;}
  header.totallycollapsed{ transform: translateY(-100%); }
  .css-wraplogobtns { --gap-x: 20px; }
  .css-logocabeca { width: 114px; }
  .css-iconmenu { width: 43px; padding: 10px; column-gap: 3px; row-gap: 3px; --menuiconcor: #FFFFFF; }
  .css-iconmenu>span { width: 10px; height: 10px; border-radius: 1px; background: var(--menuiconcor); }
  .css-iconmenu>span:nth-child(2) { transform: rotateZ(45deg); }
  .css-iconmenu.open>span:nth-child(2) { transform: rotateZ(0deg); }
  .css-menumobile { height: calc(100vh - 130px); }
  .css-navmobile { row-gap: 42px; max-height: 70%; overflow: auto; padding-bottom: 15px; }
  .css-logopetmenumobile { width: 85px; }
  .css-menumobile .css-lang { margin-top: 15px; }
  .css-lang>.css-langitem:not(:last-child)::after { position: relative; content: "|"; color: #FFFFFF; margin-left: 8px; margin-right: 8px;}
  /*************************************************************** FIM CABEÇA ***************************************************************/


  /************************************************************* DESTAQUE INDEX *************************************************************/
  .css-barratempodestaque{height: 8px; position: relative; overflow: hidden; --autoplay-delay: 5000ms;}
  .css-barratempodestaque .progress-bar{animation: autoplayProgress var(--autoplay-delay) linear forwards;}
  .css-captionindex{padding: 0px 0px 137px 88px;}
  .css-captionindex > div{max-width: 60%;}
  .css-destaqueindex-bar{width: 230px; height: 2px; background: #FFFFFF;}
  .css-destaqueindex-bar .css-destaqueindex-sliderbar{position: absolute; top: -1px; left: 0; width: 0px; height: 4px; background: var(--corpri1);}
  .css-controlesindex{right: 27px; bottom: 70px; column-gap: 10px;}
  .js-myThumbnailSwiper{display: none;}
  .swipermobile{display: block;}
  /*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


  /***************************************************************** INDEX ******************************************************************/

  /*************************************************************** FIM INDEX ****************************************************************/


  /************************************************************* DESTAQUE CONTE *************************************************************/
  .css-destaque { height: 532px; }
  .css-caption { padding-bottom: 30px; }
  .css-maskdestaque { --bg-deg: 180deg, rgba(34, 10, 0, 1) 0%, rgba(34, 10, 0, 0) 100%; }
  .css-maskdestaque { --bg-deg: 0deg, rgba(34, 10, 0, 0.3) 0%, rgba(34, 10, 0, 0) 100%; mix-blend-mode: darken; }
  /*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


  /*************************************************************** CONTE CIMA ***************************************************************/
  .css-wrapmenu{ --ratio-w: 639; --ratio-h: 540; --marginColunasBottom: 15px; }
  .css-maskimgmenu { --bg-deg: 0deg, rgba(34, 10, 0, 0.75) 0%, rgba(34, 10, 0, 0) 100%; mix-blend-mode: darken; }
  .css-btnsabermais {margin-top: 20px;}

  .css-wrapartigo { --ratio-w: 336; --ratio-h: 194; border-radius: 10px; --marginColunasBottom: 15px; }
  .css-wrapartigo .css-precodesde { width: 59px; height: 59px; top: 10px; right: 11px; border: 3px solid #F0864B; border-radius: 100%; }
  .css-wrapartigo .css-icon-pessoas { width: 10px; }
  .css-wrapartigo .css-icon-quartos { width: 13px; }
  .css-wrapartigo .css-icon-wc { width: 12px; }
  /************************************************************* FIM CONTE CIMA *************************************************************/


  /************************************************************ CONTE CONTACTOS *************************************************************/
  .wrapinputcontacto{margin-bottom: 10px;}
  .inputcontacto{border-radius: 10px; max-width: 445px;}
  .wrapmap{min-height: 658px;}
  .marginmobile{margin-left: 88px;}
  .btnlocalizacao{left: 50%; transform: translateX(-50%);}
  .btnlocalizacao:hover{transform: translateX(-50%) scale(1.05);}
  .mbot74mobile{margin-bottom: 74px;}
  .mtop80mobile{margin-top: 80px;}
  /********************************************************** FIM CONTE CONTACTOS ***********************************************************/


  /************************************************************* LAYOUTS GERAL **************************************************************/

  /*********************************************************** FIM LAYOUTS GERAL ************************************************************/

  /***************************************************************** LAYOUT0 ****************************************************************/
  .css-imgartigo{--ratio-w: 336; --ratio-h: 213; --radius: 10px; }
  /*************************************************************** FIM LAYOUT0 **************************************************************/

  /************************************************************** LAYOUT PRODS **************************************************************/
  .css-barraalojamento::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFFBF4; z-index: -1; }
  .css-barraalojamento { padding: 0px 0px 20px 27px; --gap-y: 16px; }
  .css-barraalojamento .css-precodesde{ padding: 10px 21px 10px 44px; max-width: 200px; clip-path: polygon(0 0, 100% 0, 100% 100%, 23px 100%); }
  .css-barraalojamento .css-icon-pessoas { width: 13px; }
  .css-barraalojamento .css-icon-quartos { width: 16px; }
  .css-barraalojamento .css-icon-wc { width: 15px; }

  .css-wrapartigoslide { --ratio-w: 398; --ratio-h: 230; border-radius: 10px; --marginColunasBottom: 15px; }
  .css-wrapartigoslide .css-precodesde { width: 59px; height: 59px; top: 10px; right: 11px; border: 3px solid #F0864B; border-radius: 100%; }
  .css-wrapartigoslide .css-icon-pessoas { width: 10px; }
  .css-wrapartigoslide .css-icon-quartos { width: 13px; }
  .css-wrapartigoslide .css-icon-wc { width: 12px; }
  .colunas1.sobrenos:nth-child(2n+1){margin-bottom: 50px;}
  .caminhoflex{justify-content: center;}
  .wrapswiperalojamentos{display: none;}
  /************************************************************ FIM LAYOUT PRODS ************************************************************/

  /****************************************************************** 404 *******************************************************************/

  /**************************************************************** FIM 404 *****************************************************************/


  /******************************************************************* PE *******************************************************************/
  footer { padding: 41px 27px 40px 27px; }
  footer::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../imgs/bgfooter.jpg) no-repeat center center / cover; }
  .css-logope { width: 128px; }
  .css-logopet { width: 85px; }
  .css-logofinanciamento { width: 327px; }
  .css-logorrss { width: 31px; max-height: 31px; }
  .css-logocopy { width: 41px; height: 17px; }
  /***************************************************************** FIM PE *****************************************************************/


  /********************************************************** FIM ESTRUTURA GERAL ***********************************************************/
}

@media only screen and (max-width:768px) {
  /********************************************************** ESTRUTURA SO MOBILE ***********************************************************/
  /**                                                                                                                                      **/
  /**                                            ESTILOS QUE SO SE APLICAM AO MOBILE (MAX 768)                                             **/
  /**                                                                                                                                      **/
  /******************************************************************************************************************************************/

  /************************************************************* VARIAVEIS CSS **************************************************************/

  /*********************************************************** FIM VARIAVEIS CSS ************************************************************/


  /***************************************************************** CABEÇA *****************************************************************/

  /*************************************************************** FIM CABEÇA ***************************************************************/


  /************************************************************* DESTAQUE INDEX *************************************************************/

  /*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


  /***************************************************************** INDEX ******************************************************************/

  /*************************************************************** FIM INDEX ****************************************************************/


  /************************************************************* DESTAQUE CONTE *************************************************************/

  /*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


  /*************************************************************** CONTE CIMA ***************************************************************/

  /************************************************************* FIM CONTE CIMA *************************************************************/


  /************************************************************ CONTE CONTACTOS *************************************************************/

  /********************************************************** FIM CONTE CONTACTOS ***********************************************************/


  /************************************************************* LAYOUTS GERAL **************************************************************/

  /*********************************************************** FIM LAYOUTS GERAL ************************************************************/

  /***************************************************************** LAYOUT0 ****************************************************************/
  /********************************************************* HORIZONTAL PAGINATION **********************************************************/
  .swiper-pagination-bullets.swiper-pagination-horizontal.horizontal-pagination{column-gap: 10px; width: auto; top: unset; bottom: unset; left: unset;}
  .swiper-pagination-bullets.swiper-pagination-horizontal.horizontal-pagination .pagination-bullet{width: 24px; height: 11px; border-radius: 8px; border-color: #60441E; background: unset; opacity: 1;}
  .swiper-pagination-bullets.swiper-pagination-horizontal.horizontal-pagination .pagination-bullet.swiper-pagination-bullet-active{background: #60441E;}
  /******************************************************* FIM HORIZONTAL PAGINATION ********************************************************/
  /*************************************************************** FIM LAYOUT0 **************************************************************/

  /************************************************************** LAYOUT MARCAS *************************************************************/

  /************************************************************ FIM LAYOUT MARCAS ***********************************************************/

  /****************************************************************** 404 *******************************************************************/

  /**************************************************************** FIM 404 *****************************************************************/


  /******************************************************************* PE *******************************************************************/

  /***************************************************************** FIM PE *****************************************************************/


  /******************************************************** FIM ESTRUTURA SO MOBILE *********************************************************/
}

@media only screen and (min-width:481px){
    .css-btnreserveja{ padding: 10px 25px; border-radius: 20px; margin-top: 0;}
    .hide481{display: block;}
    .show481{display: none;}
}

@media only screen and (min-width:600px) {}

@media only screen and (min-width:769px) {
  /************************************************************* ESTILOS TABLET *************************************************************/
  /**                                                                                                                                      **/
  /**                                                         ESTILOS PARA TABLET                                                          **/
  /**                                                                                                                                      **/
  /******************************************************************************************************************************************/

  /***************************************************************** INDEX ******************************************************************/

  /*************************************************************** FIM INDEX ****************************************************************/

  /***************************************************************** LAYOUT0 ****************************************************************/
  /*************************************************************** FIM LAYOUT0 **************************************************************/

  /******************************************************************* PE *******************************************************************/
  /***************************************************************** FIM PE *****************************************************************/

}

@media only screen and (min-width:900px) {}

@media only screen and (min-width:1024px) {
  /************************************************************* ESTILOS LAPTOP *************************************************************/
  /**                                                                                                                                      **/
  /**                                                     PRIMEIROS ESTILOS DE DESKTOP                                                     **/
  /**                                                                                                                                      **/
  /******************************************************************************************************************************************/
  /************************************************************* VARIAVEIS CSS **************************************************************/

  /*********************************************************** FIM VARIAVEIS CSS ************************************************************/


  /***************************************************************** CABEÇA *****************************************************************/
  .css-navdesktop{--gap-x: 13px;}
  .css-navdesktop > .menuitem:hover{font-weight: bold;}
  .css-navdesktop .parentsubmenu{position: absolute; top: 100%; left: 50%; transform: translateX(-50%); padding: 18px 10px; background: #FFFFFFD9;}
  .css-navdesktop .parentsubmenu > div > div:not(:last-child)::after{display: block; position: relative; content: ""; margin-top: 17px; margin-bottom: 17px; width: 23px; height: 1px; background: var(--corpri3); left: 50%; transform: translateX(-50%);}
  .css-wrapnavlang{--gap-x: 26px;}
  .css-naviconmenu{--gap-x: 54px;}
  
  /*************************************************************** FIM CABEÇA ***************************************************************/


  /************************************************************* DESTAQUE INDEX *************************************************************/
  .css-barratempodestaque{height: 8px; position: relative; overflow: hidden; --autoplay-delay: 5000ms;}
  .css-barratempodestaque .progress-bar{animation: autoplayProgress var(--autoplay-delay) linear forwards;}
  .js-myThumbnailSwiper{position: relative; width: 100%; height: 100%; z-index: 1; display: flex; overflow: hidden;}
  .js-slide { position: absolute; bottom: 150px; width: 229px; height: 292px; overflow: hidden; flex-shrink: 0; transition: all 1s ease; transform-origin: center center; z-index: 2; }
  .js-slide.next { z-index: 2; }
  .js-slide.active { width: 100%; height: 100%; bottom: 0; left: 0 !important; z-index: 1; transform: none !important; }
  .js-slide.active, .js-slide.inactive { width: 100%; height: 100%; transform: translateX(0) scale(1); }
  .js-slide.inactive { transform: scale(2); opacity: 0; left: 0 !important; bottom: 0; z-index: 0; pointer-events: none; }
  .js-slide.thumbnail { border-radius: 10px; box-shadow: 10px 10px 28px -7px rgba(0,0,0,0.75); }
  .js-slide.hidden-slide { opacity: 0 !important; transform: scale(0) !important; pointer-events: none; z-index: -1; }
  .js-slide.inactive-backward { transform: scale(0.4); opacity: 0; pointer-events: none; z-index: 0; transition: transform 1s ease, opacity 0.3s ease 0.2s; }
  .js-myThumbnailSwiper{display: block;}
  .swipermobile{display: none;}

  .css-captionindex { padding: 0px 0px 137px 88px; }
  .css-captionindex > div{ max-width: 50%; }
  .css-minicaptionindex { padding: 15px 15px 15px 15px; max-width: 50%; }

  .js-slide .css-captionindex{bottom: -200%; transition: all 1s;}
  .js-slide .css-minicaptionindex{bottom: 0%; transition: all 1s;}
  .js-slide.active .css-minicaptionindex{bottom: -200%;}
  .js-slide.show-caption .css-captionindex{bottom: 0;}

  @keyframes autoplayProgress { from { width: 0%; } to { width: 100%; } }

  /*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


  /***************************************************************** INDEX ******************************************************************/
  .css-destaqueindex-bar{width: 438px; height: 2px; background: #FFFFFF;}
  .css-destaqueindex-bar .css-destaqueindex-sliderbar{position: absolute; top: -1px; left: 0; width: 0px; height: 4px; background: var(--corpri1);}
  .css-controlesindex{right: 70px; bottom: 70px; column-gap: 25px;}
  .css-destaqueindex-pagination{width: 45px; text-align: center;}
  .css-testemunhaParallax{padding: 38px 46px 37px 46px;}
  .css-setaSliderSobreNos{width: 9px; height: 18px;}
  .css-sliderSobreNos .swiper-slide img{transition: transform .5s, filter .5s;}
  .css-sliderSobreNos .swiper-slide:hover img{transform: scale(1.5); filter: blur(1px)}
  .css-sliderSobreNos .swiper-slide .css-vermais{position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; transform: translate(-50%, -50%); opacity: 0; transition: opacity .5s;}
  .css-sliderSobreNos .swiper-slide:hover .css-vermais{opacity: 1;}
  .css-sliderSobreNos-scrollbar{position: relative; height: 2px; width: calc(100% - 100px); border-radius: 10px; touch-action: none; background: #88442C;}
  .css-sliderSobreNos-scrollbar .swiper-scrollbar-drag{height: 200%; width: 4px; top: -1px; background: var(--corpri1);}
  /*************************************************************** FIM INDEX ****************************************************************/


  /************************************************************* DESTAQUE CONTE *************************************************************/
  .css-destaque { height: 694px; }
  .css-caption { padding-left:85px; padding-right:85px; padding-bottom: 30px; }
  /*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


  /*************************************************************** CONTE CIMA ***************************************************************/
  .css-wrapmenu{ --ratio-w: 639; --ratio-h: 540; }
  .css-maskimgmenu { --bg-deg: 0deg, rgba(34, 10, 0, 0.75) 0%, rgba(34, 10, 0, 0) 100%; mix-blend-mode: darken; }
  .css-btnsabermais {margin-top: 40px;}

  .css-wrapartigo { --ratio-w: 713; --ratio-h: 372; --marginColunas: 90px; --marginColunasBottom: 90px; }
  .css-wrapartigo .css-precodesde { width: 90px; height: 90px; top: 21px; right: 24px; }
  .css-wrapartigo .css-icon-pessoas { width: 19px; }
  .css-wrapartigo .css-icon-quartos { width: 23px; }
  .css-wrapartigo .css-icon-wc { width: 20px; }
  /************************************************************* FIM CONTE CIMA *************************************************************/


  /************************************************************ CONTE CONTACTOS *************************************************************/
  .css-textcontactos{column-gap: 25px;}
  .marginmobile{margin-left: 0;}
  .btnlocalizacao{left: auto; transform: translateX(0%);}
  .btnlocalizacao:hover{transform: scale(1.05);}
  .mbot74mobile{margin-bottom: 0;}
  .mtop80mobile{margin-top: 0;}
  /********************************************************** FIM CONTE CONTACTOS ***********************************************************/


  /************************************************************** CONTE BAIXO ***************************************************************/
  .css-imgartigo{--ratio-w: 713; --ratio-h: 452; --radius: 10px; }
  /************************************************************* LAYOUTS GERAL **************************************************************/

  /*********************************************************** FIM LAYOUTS GERAL ************************************************************/


  /************************************************************** LAYOUT PRODS **************************************************************/
  .css-barraalojamento { padding: 0px 0px 0px 88px; }
  .css-barraalojamento::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFFBF4; z-index: -1; }
  .css-barraalojamento .css-icon-pessoas { width: 17px; }
  .css-barraalojamento .css-icon-quartos { width: 23px; }
  .css-barraalojamento .css-icon-wc { width: 22px; }
  .css-barraalojamento .css-precodesde{ padding: 24px 88px 30px 88px; max-width: 603px; clip-path: polygon(0 0, 100% 0, 100% 100%, 44px 100%); --gap-x: 30px; }

  .css-galeriaparallax-fila { width: 150%; margin-bottom: 70px; }
  .css-galeriaparallax-fila.frase{width: 100%; margin-bottom: 0px;}
  .css-galeriaparallax-fila:nth-child(2n+1):has( > .css-galeriaparallax-imgwrap:nth-child(6)) { transform: translateX(5%); }
  .css-galeriaparallax-fila:nth-child(2n+2):has( > .css-galeriaparallax-imgwrap:nth-child(6)) { transform: translateX(-10%); }
  .css-galeriaparallax-imgwrap { --ratio-w: 402; --ratio-h: 256; width: 400px; overflow: hidden;}
  .css-galeriaparallax-imgwrap>img { display: block; width: 100%; height: 100%; object-fit: cover; }
  .css-galeriaparallax-imgwrap a>img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.5); transform-origin: 200px 0px;}
  .colunas1.sobrenos:nth-child(2n+1){margin-bottom: 0;}
  .caminhoflex{justify-content: flex-start;}
  .wrapswiperalojamentos{display: flex;}
  /************************************************************ FIM LAYOUT PRODS ************************************************************/


  /************************************************************** LAYOUT MARCAS *************************************************************/

  /************************************************************ FIM LAYOUT MARCAS ***********************************************************/

  /***************************************************************** LAYOUT0 ****************************************************************/
  .css-imgartigo{ top: 150px; }
  /*************************************************************** FIM LAYOUT0 **************************************************************/


  /************************************************************ FIM CONTE BAIXO *************************************************************/

  /************************************************************ FIM CONTE BAIXO *************************************************************/


  /****************************************************************** 404 *******************************************************************/
  /**************************************************************** FIM 404 *****************************************************************/


  /******************************************************************* PE *******************************************************************/

  /***************************************************************** FIM PE *****************************************************************/


  /*********************************************************** FIM ESTILOS LAPTOP ***********************************************************/
}

@media only screen and (min-width:1280px) {
  /*************************************************************** ESTILOS PC ***************************************************************/
  .margindesktop{margin-left: 55px;}
  /************************************************************* VARIAVEIS CSS **************************************************************/

  /*********************************************************** FIM VARIAVEIS CSS ************************************************************/


  /***************************************************************** CABEÇA *****************************************************************/
  header > .container { padding: 64px 85px 64px 85px; transition: all .5s;}
  header.collapsed > .container{ padding: 30px 85px 20px 85px; }
  header.collapsed .css-logocabeca{ content: url(../imgs/logo_branco_horizontal.png); width: 245px; }
  .css-wraplogobtns { --gap-x: 33px; }
  .css-logocabeca { width: 185px; }
  .css-logopetcabeca { width: 92px; }
  .css-iconmenu { width: 58px; padding: 10px; column-gap: 6px; row-gap: 6px; --menuiconcor: #FFFFFF; }
  .css-iconmenu>span { width: 16px; height: 16px; border-radius: 1px; background: var(--menuiconcor); }
  .css-iconmenu>span:nth-child(2) { transform: rotateZ(45deg); }
  .css-iconmenu:hover > span:nth-child(2),
  .css-iconmenu.open>span:nth-child(2) { transform: rotateZ(0deg); }
  /*************************************************************** FIM CABEÇA ***************************************************************/


  /************************************************************* DESTAQUE INDEX *************************************************************/

  /*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


  /***************************************************************** INDEX ******************************************************************/

  /*************************************************************** FIM INDEX ****************************************************************/


  /************************************************************* DESTAQUE CONTE *************************************************************/

  /*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


  /*************************************************************** CONTE CIMA ***************************************************************/

  /************************************************************* FIM CONTE CIMA *************************************************************/


  /************************************************************ CONTE CONTACTOS *************************************************************/

  /********************************************************** FIM CONTE CONTACTOS ***********************************************************/


  /************************************************************** CONTE BAIXO ***************************************************************/

  /************************************************************ FIM CONTE BAIXO *************************************************************/


  /****************************************************************** 404 *******************************************************************/

  /**************************************************************** FIM 404 *****************************************************************/


  /******************************************************************* PE *******************************************************************/
  footer { padding: 54px 88px 40px 88px; }
  .css-logope { width: 195px; }
  .css-logopet { width: 114px; }
  .css-logofinanciamento { width: 378px; }
  .css-logocopy { width: 49px; height: 20px; }
  /***************************************************************** FIM PE *****************************************************************/


  /************************************************************* FIM ESTILOS PC *************************************************************/
}

@media only screen and (min-width:2560px) {
  /******************************************************************** ********************************************************************/
  /************************************************************* VARIAVEIS CSS **************************************************************/

  /*********************************************************** FIM VARIAVEIS CSS ************************************************************/


  /***************************************************************** CABEÇA *****************************************************************/

  /*************************************************************** FIM CABEÇA ***************************************************************/


  /************************************************************* DESTAQUE INDEX *************************************************************/

  /*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


  /***************************************************************** INDEX ******************************************************************/

  /*************************************************************** FIM INDEX ****************************************************************/


  /************************************************************* DESTAQUE CONTE *************************************************************/

  /*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


  /*************************************************************** CONTE CIMA ***************************************************************/

  /************************************************************* FIM CONTE CIMA *************************************************************/


  /************************************************************ CONTE CONTACTOS *************************************************************/

  /********************************************************** FIM CONTE CONTACTOS ***********************************************************/


  /************************************************************** CONTE BAIXO ***************************************************************/

  /************************************************************ FIM CONTE BAIXO *************************************************************/


  /****************************************************************** 404 *******************************************************************/

  /**************************************************************** FIM 404 *****************************************************************/


  /******************************************************************* PE *******************************************************************/

  /***************************************************************** FIM PE *****************************************************************/


  /****************************************************************** FIM ******************************************************************/
}

@media only screen and (min-width:3840px) {
  /*************************************************************** ESTILOS 4K ***************************************************************/
  /************************************************************* VARIAVEIS CSS **************************************************************/

  /*********************************************************** FIM VARIAVEIS CSS ************************************************************/


  /***************************************************************** CABEÇA *****************************************************************/

  /*************************************************************** FIM CABEÇA ***************************************************************/


  /************************************************************* DESTAQUE INDEX *************************************************************/

  /*********************************************************** FIM DESTAQUE INDEX ***********************************************************/


  /***************************************************************** INDEX ******************************************************************/

  /*************************************************************** FIM INDEX ****************************************************************/


  /************************************************************* DESTAQUE CONTE *************************************************************/

  /*********************************************************** FIM DESTAQUE CONTE ***********************************************************/


  /*************************************************************** CONTE CIMA ***************************************************************/

  /************************************************************* FIM CONTE CIMA *************************************************************/


  /************************************************************ CONTE CONTACTOS *************************************************************/

  /********************************************************** FIM CONTE CONTACTOS ***********************************************************/


  /************************************************************** CONTE BAIXO ***************************************************************/

  /************************************************************ FIM CONTE BAIXO *************************************************************/


  /****************************************************************** 404 *******************************************************************/

  /**************************************************************** FIM 404 *****************************************************************/


  /******************************************************************* PE *******************************************************************/

  /***************************************************************** FIM PE *****************************************************************/


  /************************************************************* FIM ESTILOS 4K *************************************************************/
}