/* Variables */

:root {    
    --primary-color: #264372;        
    --secondary-color: #FF8200;
    --tertiary-color: #09BDD0;    
    --white-color: #FFF;
    --black-color: #000;          
    --text-color: #0A1A35;            
    --btn-color: #5ACF5F;
    --input-color: #FFF;    
    --border-color: #707070;    
    --background-color: #FFFFFF;        
    --title-size: 50px;
    --title-large-size: 90px;
    --title-small-size: 30px;        
    --max-width: 1280px;    
    --max-large-width: 1400px;    
    --vh: 100vh;
}

/* Reset */

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 200px; }
html :where(.wp-block) { max-width: none; }

body.pandavas { overflow: hidden; overflow-y: auto; line-height: 30px; background-color: var(--background-color); }
body.pandavas,
body.pandavas input,
body.pandavas select,
body.pandavas textarea { font-family: "Open Sans", sans-serif; font-size: 18px; font-weight: 400; font-style: normal; color: var(--text-color); }
body.pandavas:has(.header--fixed) { padding-top: 172px; }

a { text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: none; }

/* Helpers */

.sr-only,
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }

/* Animações */

@keyframes shake {
    0%, 90%, 100% {
      transform: translate(0, 0);
    }
    91% {
      transform: translate(-3px, 1px);
    }
    92% {
      transform: translate(2px, -1px);
    }
    93% {
      transform: translate(-1px, -2px);
    }
    94% {
      transform: translate(2px, 3px);
    }
    95% {
      transform: translate(0, 0);
    }
  }

/* Layout */

.container { margin: 0 auto; width: 100%; max-width: var(--max-width); }

.btn { display: inline-flex; align-items: center; border: none; }
.wp-block-button .wp-block-button__link,
.btn-secondary,
.btn-primary { position: relative; display: inline-flex; gap: 16px; padding: 12px 25px; width: fit-content; height: 54px; align-items: center; justify-content: center; color: var(--white-color); font-size: 20px; font-weight: 700; line-height: 30px; background: var(--secondary-color); border-radius: 8px; transition: .4s; }
.btn-primary i { font-size: 17px; }
.wp-block-button .wp-block-button__link:hover,
.btn-primary:hover { background: var(--primary-color); }
.btn-secondary { padding-right: 42px; background: var(--btn-color); }
.btn-secondary::after { content: "\e902"; position: absolute; top: 50%; right: 20px; margin-top: -14px; font-family: 'pandavas' !important; font-size: 16px; }
.btn-fancybox { display: flex; margin: 40px auto; }
.btn-icon .btn-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }

.wp-block-buttons { gap: 40px; margin: 40px 0; }
.wp-block-button .wp-block-button__link { padding-right: 42px; }
.wp-block-button .wp-block-button__link::after { content: "\e902"; position: absolute; top: 50%; right: 20px; margin-top: -14px; font-family: 'pandavas' !important; font-size: 16px; }

.wp-block-button.button__whatsapp .wp-block-button__link { padding-left: 84px; height: 84px; background: var(--btn-color); }
.wp-block-button.button__whatsapp .wp-block-button__link::before { content: "\e90a"; position: absolute; top: 50%; left: 25px; margin-top: -14px; color: var(--white-color); font-family: 'pandavas' !important; font-size: 42px; }

/* Header */

.site-header { position: relative; z-index: 9; width: 100%; height: 172px; background: var(--tertiary-color); transition: ease-in-out .4s; }
.site-header.header--sticky { position: sticky; z-index: 999; top: 0; }
.site-header.header--fixed { position: fixed; z-index: 999; top: 0; left: 50%; margin-top: 0; transform: translateX(-50%); }
.site-header .container { position: relative; display: flex; align-items: center; justify-content: space-between; }
.site-header .container::before { content: " "; position: absolute; top: 0; left: -100%; width: var(--max-width); height: 100%; background: var(--primary-color); }
/* .site-header .social-nav { padding-right: 65px; } */

.site-logo { position: relative; z-index: 2; padding: 29px 0; box-sizing: content-box; transition: .4s; }
.site-logo::before { content: " "; position: absolute; z-index: 1; top: 0; left: 0; width: 420px; height: 100%; background: var(--primary-color); }
.site-logo,
.site-logo a { position: relative; z-index: 2; display: block; width: 160px; height: 114px; } 
.site-logo a { text-indent: -99999px; background: transparent url(../images/pandavas-logo.png) center center no-repeat; background-size: 100%; }

.site-nav { position: relative; z-index: 1; display: flex; align-items: center; width: fit-content; }
.site-nav ul { list-style: none; display: flex; gap: 25px; }
.site-nav ul li a { position: relative; display: flex; align-items: center; padding: 20px 0; color: var(--white-color); font-size: 14px; font-weight: 700; line-height: 30px; text-transform: uppercase; transition: .4s; }
.site-nav ul li.current-menu-item a,
.site-nav ul li a:hover { color: var(--primary-color); }

.site-nav ul.social-nav { margin-left: 40px; }
.site-nav ul.social-nav { gap: 20px; }
.site-nav ul.social-nav li a { font-size: 18px; }

/* Pages */

.site-page { max-width: 100%; background: var(--page-bg-color); }
.page--header { position: relative; display: flex; align-items: center; justify-content: flex-end; width: 100%; height: 292px; background: var(--tertiary-color); }
.page--header .container { position: relative; display: flex; align-items: center; width: 100%; max-width: var(--max-large-width); height: 100%; padding: 0 60px; }
.page--header .container::before { content: " "; position: absolute; bottom: -30px; left: 0; width: 480px; height: 30px; background: var(--secondary-color); }
.page--header .container::after { content: " "; position: absolute; top: 0; left: 0; width: 200%; height: 100%; background: var(--primary-color); }
.page--title { position: relative; z-index: 2; color: var(--white-color); font-family: "Fraunces", serif; font-size: var(--title-large-size); font-weight: 700; letter-spacing: -1.13px; text-shadow: 0 4px 6px rgba(0, 0, 0, .5); }
.page--title span { font-weight: bold; }
.page--header-image,
.page--header-image img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.page--header-image img { opacity: .7; }
.page--content { padding: 150px 0 120px; }
.page--content .container:has( > .wp-block-columns ) { padding-left: 60px; max-width: var(--max-large-width); }
.page--content .container > .wp-block-columns { display: flex; gap: 95px; width: 100%; }
.page--content .container > .wp-block-columns .wp-block-column { flex: 1; width: 100%; }
.page--content .container > .wp-block-columns .wp-block-column:nth-child(2) { position: relative; display: flex; width: 100%; flex: 0 0 445px; flex-direction: column; }
.page--content .container > .wp-block-columns .wp-block-column iframe { margin-bottom: 80px !important; width: 100%; }
.page--content p { margin-bottom: 1.5em; }
.page--content p:last-of-type { margin-bottom: 0; }
.page--content p a { color: var(--secondary-color); font-weight: 700; }
.page--content .content-max-width { max-width: 800px; }

.home .site-page-wrap { position: relative; z-index: 99; }
.home .site-header .site-nav-primary { margin-top: -85px; }

.block--title,
.wp-block-heading { margin-bottom: 30px; color: var(--primary-color); font-family: "Fraunces", serif; font-size: var(--title-size); line-height: 50px; letter-spacing: -.63px; }
.wp-block-heading strong { display: block; }
h4.wp-block-heading { margin-bottom: 10px; font-size: var(--title-small-size); letter-spacing: -.38px; }
h5.wp-block-heading { margin-bottom: 8px; font-size: calc( var(--title-small-size) - 8px ); letter-spacing: -.32px; }
h6.wp-block-heading { margin-bottom: 5px; font-size: calc( var(--title-small-size) - 12px ); letter-spacing: -.24px; }
.wp-block-image { position: relative; margin-bottom: 30px; padding-bottom: 30px; }
.wp-block-image::before { content: " "; position: absolute; bottom: 0; right: 0; width: 440px; height: 30px; background: var(--secondary-color); }
.wp-block-image.size-full { margin-top: 120px; }
.wp-block-image.size-full img { display: block; width: 100%; height: auto; object-fit: cover; }

.wp-block-columns.selos .wp-block-column .wp-block-image.size-full { margin: 0; }
.wp-block-columns.selos .wp-block-column .wp-block-image::before { display: none; }

.element--list { list-style: none; }
.element--list li { position: relative; padding-left: 20px; }
.element--list li::before { content: " "; position: absolute; top: 15px; left: 0; margin-top: -2px; width: 4px; height: 4px; background: var(--secondary-color); }

.rooms--list { list-style: none; display: flex; gap: 38px; flex-wrap: wrap; }
.rooms--list li { position: relative; width: calc( 50% - 19px ); }
.rooms--list li a { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; color: var(--text-color); transition: .4s; }
.rooms--list li a img { display: block; width: 100%; height: 341px; object-fit: cover; transition: ease-in-out .4s; }
.rooms--list .room--image { position: relative; margin-bottom: 60px; background: var(--primary-color); }
.rooms--list .room--image::before { content: " "; position: absolute; bottom: -30px; right: 0; width: 440px; height: 30px; background: var(--secondary-color); }
.rooms--list .element--list { margin-bottom: 80px; }
.rooms--list .element--list li { width: 100%; }
.rooms--list .room--image .btn-primary { opacity: 0; visibility: hidden; position: absolute; top: 50%; left: 50%; background: var(--btn-color); transform: translate(-50%,-50%); }
.rooms--list a:hover .room--image img { opacity: .5; }
.rooms--list a:hover .room--image .btn-primary { opacity: 1; visibility: visible; }
.rooms--list .room--gallery-link { position: absolute; z-index: 2; right: 0; top: 60px; display: flex; gap: 16px; flex-direction: row; align-items: center; justify-content: center; padding: 14px 22px; color: var(--secondary-color); font-weight: 700; background: var(--white-color); }

.midia--list { list-style: none; display: flex; gap: 40px; flex-wrap: wrap; }
.midia--list li { width: calc( 33.33% - 27px ); }
.midia--list li a { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 20px; height: 98px; color: var(--secondary-color); line-height: 24px; border: 1px solid var(--secondary-color); transition: .4s; }
.midia--list li a::after { content: "\e902"; position: absolute; top: 50%; right: 20px; margin-top: -10px; font-family: 'pandavas' !important; font-size: 16px; }
.midia--list .midia--title { display: block; font-weight: 700; }
.midia--list .midia--description { display: block; color: var(--primary-color); font-weight: 400; }
.midia--list li a:hover { color: var(--white-color); background: var(--secondary-color); }
.midia--list li a:hover .midia--title,
.midia--list li a:hover .midia--description { color: var(--white-color); }

.block--slides { position: relative; z-index: 99; background: var(--primary-color) url(../images/slides-bg.jpg) center center no-repeat; background-size: cover; }
.block--slides .container { position: relative; }
.block--slides .slides-slider.swiper { overflow: visible; }
.block--slides .swiper-slide { opacity: 0; transition: opacity 0.3s ease-in-out; }
.block--slides .swiper-slide-active, .wp-admin .block--slides .swiper-slide { opacity: 1; }
.block--slides .slides--slide { display: flex; flex-direction: column; justify-content: center; min-height: 530px; }
.block--slides .slides--slide .page--title { line-height: 111px; }
.block--slides .slides--slide .element--list { color: var(--white-color); font-weight: 700; }
.block--slides .slides--slide .btn-primary { margin-top: 30px; }
.block--slides .slides--image { position: absolute;  bottom: 0; right: 0; width: 800px; height: 614px; background: var(--primary-color); }
.block--slides .slides--image img { opacity: .7; position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; }

.block--imagecontent { margin: 150px 0; background: var(--tertiary-light-color); }
.block--imagecontent .container { display: flex; gap: 40px; justify-content: space-between; }
.block--imagecontent .block--content { position: relative; z-index: 3; width: 440px; }
.block--imagecontent .block--image { position: relative; z-index: 3; flex: 1; width: 100%; max-width: 800px; }
.block--imagecontent .block--image::before { content: " "; position: absolute; bottom: -30px; left: 0; width: 440px; height: 30px; background: var(--secondary-color); }
.block--imagecontent .block--image img { display: block; width: 100%; height: 100%; max-width: 100%; }
.block--imagecontent .block--image.image--shadow { position: relative; overflow: hidden; display: block; flex: 0 0 538px; border-radius: 27px; box-shadow: 10px 14px 162.5px 0px rgba(0, 0, 0, 0.15); }
.block--imagecontent .block--image.image--shadow img { width: 585px; }
.block--imagecontent p + p { margin-top: 1.5em; }
.block--imagecontent p:last-child { margin-bottom: 0; }
.block--imagecontent p a { color: var(--secondary-color); font-weight: 700; }
.block--imagecontent .btn { display: flex; margin-top: 40px; }
.block--imagecontent.content-reverse .container { flex-direction: row-reverse; }
.block--imagecontent.content-reverse .block--image::before { right: 0; left: auto; }

.block--whatsapp { position: relative; margin: 115px 0 130px; }
.block--whatsapp::after { content: " "; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 30px; background: var(--btn-color); }
.block--whatsapp::before { content: " "; position: absolute; z-index: 2; bottom: 0; left: 50%; margin-left: -200px; width: 400px; height: 100%; background: var(--white-color); }
.block--whatsapp .whatsapp--btn { position: relative; z-index: 3; display: flex; flex-direction: column; margin: 0 auto; width: 100%; align-items: center; justify-content: center; color: var(--btn-color); font-family: "Fraunces", serif; font-size: 40px; font-weight: 700; line-height: 32px; letter-spacing: -.5px; }
.block--whatsapp .whatsapp--btn i { display: block; margin-bottom: 7px; font-size: 51px; }

/* Fancybox */
.fancybox__toolbar { color: var(--white-color); }
.fancybox__nav .f-button svg { stroke: var(--secondary-color) !important; filter: none !important; }
.fancybox-title { display: flex; align-items: center; height: 100%; padding-left: 20px; font-weight: 700; }
.fancybox__caption { display: none !important; }
.fancybox__backdrop { opacity: .6 !important; background: var(--black-color) !important; }
.rooms--list .room--image .btn-primary { opacity: 0; visibility: hidden; position: absolute; top: 50%; left: 50%; background: var(--btn-color); transform: translate(-50%,-50%); }

/* Sliders */

.swiper {
    --swiper-navigation-sides-offset: -70px;
    --swiper-pagination-color: var(--secondary-color);
    --swiper-pagination-bullet-inactive-color: #D9D9D9;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 10px;
    --swiper-pagination-bottom: 0px;
}
.swiper .swiper-pagination-bullet-active { background-color: var(--primary-color); width: 26px; border-radius: 100px; }
.swiper .swiper-button-prev,
.swiper .swiper-button-next { display: flex; align-items: center; justify-content: center; margin-top: -25px; width: 50px; height: 50px; color: var(--secondary-color); font-size: 30px; }
.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after { display: none !important; }

/* Alert: Coockies, Privacy Policy... */

.site-alert { opacity: 0; visibility: hidden; position: fixed; z-index: 9999; bottom: 30px; left: 50%; display: flex; align-items: center; padding: 28px; width: fit-content; width: 90%; max-width: 1110px; background: var(--white-color); border-radius: 20px; box-shadow: 16px -5px 60.3px 0px rgba(52, 61, 77, 0.10); transform: translateX(-50%); transition: 1.2s; }
.site-alert.active { opacity: 1; visibility: visible; }
.site-alert .site-alert--text { padding-right: 15px; }
.site-alert p { color: var(--text-light-color); font-size: 14px; line-height: 26px; letter-spacing: -0.28px; }
.site-alert p strong { color: var(--text-color); font-weight: 700; letter-spacing: -0.32px; }
.site-alert p a { color: var(--primary-color); font-weight: 700; }
.site-alert .btn { flex: 0 0 215px; align-items: center; justify-content: center; padding: 22px 0 24px; color: var(--primary-color); font-size: 14px; font-weight: 700; line-height: 1em; border-radius: 8px; border: 1px solid var(--primary-color); }

/* Footer */

.site-footer { overflow: hidden; position: relative; z-index: 999; display: flex; width: 100%; height: 172px; background: var(--primary-color); }
.site-footer a { color: var(--white-color); transition: ease-in-out .4s; }
.site-footer .container { display: flex; }
.site-footer .site-logo { width: 240px; }
.site-footer .site-logo::before { width: 240px; }
.site-footer .footer--content { flex: 1; width: 100%; }
.site-footer .footer--column { position: relative; display: flex; align-items: center; justify-content: flex-end; height: 87px; background: var(--tertiary-color); }
.site-footer .footer--column::after { content: " "; position: absolute; top: 0; right: -100%; width: 100%; height: 100%; background: var(--tertiary-color); }
.site-footer .footer--bar { display: flex; align-items: center; justify-content: space-between; height: 85px; color: var(--white-color); font-size: 14px; font-weight: 700; }
.site-footer .eight { color: var(--tertiary-color); }

#whatsappFloatButton { position: fixed; z-index: 99; bottom: 30px; right: 30px; }
#whatsappFloatButton::before { content: " "; position: absolute; top: 8px; right: 5px; width: 40px; height: 40px; background: var(--white-color); border-radius: 40px; transition: ease-in-out .4s; }
#whatsappFloatButton::after { content: "\e90a"; position: absolute; top: 13px; right: 0; color: var(--btn-color); font-family: 'pandavas' !important; font-size: 51px; transition: ease-in-out .4s;   animation: shake 3s ease-in-out infinite; } 
#whatsappFloatButton .btn-whatsapp { position: relative; z-index: 99; display: block; height: 100%; text-align: right; padding: 7px 61px 8px 0; color: var(--btn-color); font-weight: 700; line-height: 20px; text-transform: uppercase; }
#whatsappFloatButton .btn-whatsapp .btn-label { display: block; width: 100px; }
#whatsappFloatButton:hover::after,
#whatsappFloatButton:hover::before { transform: scale(1.1); }

/* Mobile */

.mobile--menu,
.mobile--footer-menu { display: none; }

@media screen and (max-width: 991px) {

    :root {                
        --title-size: 30px;
        --title-medium-size: 34px;
        --title-large-size: 38px;
    }

    html { scroll-padding-top: 180px; }

    body.pandavas { line-height: 28px; }
    body.pandavas,
    body.pandavas input,
    body.pandavas select,
    body.pandavas textarea { font-size: 16px; }
    
    .container { padding: 0 19px; }

    /* Header */            
    .site-header.header--fixed { top: 0; }
    .site-header .container::before { left: 0; width: 100%; }
    .site-header .mobile--menu { cursor: pointer; position: absolute; z-index: 999; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 169px; height: 100%; font-size: 29px; color: var(--white-color); background: var(--tertiary-color); border: none; }
    .site-header .mobile--menu .icon-close { display: none; margin: 0; }
    .site-logo::before { display: none; }
    .site-nav ul { gap: 10px; }            
    
    .site-nav-primary { opacity: 0; visibility: hidden; position: absolute; left: 0; top: 172px; display: flex; flex-direction: column; margin: 0 !important; padding: 0; width: 100%; height: auto; background: var(--tertiary-color); transform: translateX(-100%); transition: .6s; }        
    .site-nav-primary ul li a,
    .site-nav ul li a { padding: 0; line-height: 35px; }    
    .site-nav ul { gap: 0; flex-direction: column; width: 100%; padding: 36px 30px 20px; }
    .site-nav ul.social-nav { gap: 20px; flex-direction: row; margin: 0; padding: 0 30px 36px; }
        
    .menu-open .site-nav-primary { opacity: 1; visibility: visible; transform: translateX(0); }        
    .menu-open .site-nav-primary > ul > li > ul { visibility: visible; }
    .menu-open .site-header .mobile--menu .icon-bars { display: none; }
    .menu-open .site-header .mobile--menu .icon-close { display: block; }  
    
    .wp-block-buttons { gap: 20px; margin: 20px 0; }
    .wp-block-button .wp-block-button__link, .btn-primary { height: 48px; font-size: 16px; }
    .wp-block-button.button__whatsapp .wp-block-button__link { height: 58px; }
    .wp-block-button.button__whatsapp .wp-block-button__link::before { font-size: 30px; }

    .site-page-wrap { z-index: 1 !important; }
    
    .page--header { height: 149px; }
    .page--header .container { padding: 0 19px; }
    .page--header .container::before { bottom: -20px; left: auto; right: 0; width: 169px; height: 20px; }
    .page--header .container::after { width: 100%; }
    .page--title { line-height: 34px; letter-spacing: -.48px; }    
    .page--content { padding: 60px 0 50px; }
    .page--content .container:has( > .wp-block-columns ) { padding-left: 19px; }
    .page--content .container > .wp-block-columns { gap: 50px; }
    .page--content .container > .wp-block-columns .wp-block-column iframe { margin-bottom: 50px !important; }
    .block--title,
    .wp-block-heading { margin-bottom: 20px; line-height: 30px; letter-spacing: -.38px; }    
    h4.wp-block-heading { font-size: 24px; letter-spacing: -.3px; }
    .wp-block-image.size-full { margin: 50px 0 40px -19px !important; padding: 0; width: 100vw; }
    .wp-block-image::before { bottom: -20px; left: auto; right: 0; width: 169px; height: 20px; }
    .wp-block-columns.selos { gap: 15px; }
    .wp-block-columns.selos > .wp-block-column { flex-basis: calc( 50% - 7.5px ) !important; }
    .wp-block-columns.selos .wp-block-image.size-full { margin: 0 !important; width: 100% !important; }

    .rooms--list { flex-direction: column; gap: 50px; }
    .rooms--list li { width: 100%; line-height: 22px; }

    .midia--list { flex-direction: column; gap: 20px; }
    .midia--list li { width: 100%; }
    .midia--list li a { padding-right: 89px; height: auto; min-height: 98px; }
    .rooms--list li a img { height: 206px; }
    .rooms--list .room--image { margin-left: -19px; margin-bottom: 40px; width: 100vw; }    
    .rooms--list .room--image::before { bottom: -20px; width: 169px; height: 20px; }
    .rooms--list .room--gallery-link { top: 40px; right: -19px; }
    .rooms--list .element--list { margin: 0; }

    .block--slides .container { padding: 0; }
    .block--slides .slides--slide { padding: 0 19px; min-height: auto; height: 287px; }
    .block--slides .slides--slide .page--title { margin-bottom: 10px; padding-right: 60px; font-size: calc( var(--title-large-size) - 2px ); line-height: 34px; letter-spacing: -.48px; }
    .block--slides .slides--slide .element--list { position: relative; z-index: 9; }
    .block--slides .slides--slide .element--list li { line-height: 22px; }
    .block--slides .slides--slide .btn-primary { position: relative; z-index: 9; margin-top: 10px; }    
    .block--slides .slides--image { width: 100%; height: 287px; }

    .fancybox__toolbar__column.is-left,
    .fancybox-title { display: none !important; }
    .fancybox__caption { display: flex !important; }

    .swiper { --swiper-navigation-sides-offset: 0; }
    .swiper .swiper-button-next,
    .swiper .swiper-button-prev { top: 36px; left: auto; right: 0; }
    .swiper .swiper-button-prev { right: 32px; }

    .container .block--imagecontent .container { padding: 0; }
    .block--imagecontent { margin: 50px 0; }
    .block--imagecontent .container,
    .block--imagecontent.content-reverse .container { gap: 26px; flex-direction: column-reverse; }        
    .block--imagecontent .block--content { width: 100%; }
    .block--imagecontent .block--image { margin-left: -19px; width: 100vw; }
    .block--imagecontent .block--image::before { bottom: -20px; left: auto; right: 0; width: 169px; height: 20px; }
    .block--imagecontent.content-reverse .block--image::before { bottom: -20px; width: 169px; height: 20px; }
    .block--imagecontent .block--image img { max-width: 100%; height: auto; }
    .block--imagecontent .block--image.image--shadow { flex: 1; }    
    .block--imagecontent .btn { margin-left: auto; margin-right: auto; }

    .block--whatsapp { margin: 60px 0 60px -19px; width: 100vw; }
    .block--whatsapp::before { margin-left: -105px; width: 210px; }
    .block--whatsapp .whatsapp--btn { font-size: 24px; letter-spacing: -.3px; }
    .block--whatsapp .whatsapp--btn i { font-size: 38px; }

    .site-alert { flex-direction: column; padding: 20px; }
    .site-alert .btn { flex: 1; margin-top: 20px; width: 100%; }
    
    .site-footer { overflow: visible; height: auto; }
    .site-footer .container { flex-direction: column; }
    .site-footer .mobile--footer-menu { cursor: pointer; position: absolute; z-index: 999; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 169px; height: 172px; font-size: 29px; color: var(--white-color); background: var(--tertiary-color); border: none; }
    .site-footer .mobile--footer-menu .icon-close { display: none; margin: 0; }    
    .site-footer .footer--column { height: auto; }
    .site-footer .footer--column::after { display: none; }
    .site-footer .footer--content { text-align: center; }
    .site-footer .footer--bar { flex-direction: column; gap: 20px; padding: 30px 0; height: auto; }

    .site-footer .site-nav { opacity: 0; visibility: hidden; position: absolute; left: 0; bottom: 172px; display: flex; flex-direction: column; margin: 0 0 0 -19px; padding: 0; width: 100vw; height: auto; background: var(--tertiary-color); transform: translateX(-100%); transition: .6s; }        
    .menu-footer-open .site-footer .site-nav { opacity: 1; visibility: visible; transform: translateX(0); }        
    .menu-footer-open .site-footer .mobile--footer-menu .icon-bars { display: none; }
    .menu-footer-open .site-footer .mobile--footer-menu .icon-close { display: block; }    

}