@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

* {margin: 0;padding: 0;border: none;outline: none;font-weight: 300;box-sizing: border-box;font-size: 100%;font-family: "Outfit", sans-serif;}
html{height: 100%;}
body {background-color: #fff;height: 100%;color: #323232}
a {text-decoration: none; color: inherit; transition: color 0.3s ease;}
a:hover {color: #00547e;}
ul {list-style: none;}
img {max-width: 100%; float: left; width: 100%;}
.container {max-width: 1400px; padding: 0 14px; width: 100%; margin: 0 auto; box-sizing: border-sizing; position: relative; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content;}
ul {list-style: none;}
main {float: left; width: 100%;}
.menu-btn {cursor: pointer; width: 24px; height: 24px;}
.btn_burger{content: ''; width: 24px; height: 3px; background-color: white; border-radius: 5px; transition: all 0.3s ease; position: relative; float: left;}
.btn_burger::before{content: ''; width: 24px; height: 3px; background-color: white; border-radius: 5px; transition: all 0.3s ease; position: relative; float: left; margin: 9px 0;}
.btn_burger::after {content: ''; width: 24px; height: 3px; background-color: white; border-radius: 5px; transition: all 0.3s ease; position: relative; float: left; margin: -3px 0;}
.btn-busca{float: right; background-image: url("../images/icone-busca.svg");}

/* Estilos gerais */
.btn {font-size: 1.2em; cursor: pointer;}
.btn-menu {float: left; color: #ffffff; font-size: 1.5em; display: block; text-align: center; border-radius: 50%; position: relative;}
.btn-busca {float: right; color: #fff; font-size: 1.3em;}

.img-sombra:after {content: " "; background: -moz-linear-gradient(top, rgba(0,0,0,0) 29%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 29%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 29%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); position: absolute; height: 100%; width: 100%; top: 0px; right: 0px; z-index: 1;}
.escurecedor:after {content: " "; background: -moz-linear-gradient(top, rgba(0,0,0,0.55) 100%, rgba(0,0,0,0.55) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0.55,0) 100%,rgba(0,0,0,0.55) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.55) 100%,rgba(0,0,0,0.55) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); position: absolute; height: 100%; width: 100%; top: 0px; right: 0px; z-index: 1;}

.menu-principal {display: none;}
.mobileOn {display: block;}
.mobileOff {display: none!important;}
header {float: left; width: 100%; background-color: #ffffff;}

.topo {float: left; width: 100%; border-bottom: 1px solid #e3e3e3; background-color: #00518b;}
.center {float: left; width: 55%; margin-left: 5%; height: 81px; display: flex; align-items: center; flex-wrap: wrap; align-content: center;}
.center3 {float: left; width: 55%; margin-left: 5%; height: 81px; display: flex; align-items: center; flex-wrap: wrap; align-content: center;}
.center2 {float: left; width: 55%; margin-left: 5%; height: 81px; display: flex; align-items: center;}
.center3 {float: left; width: 55%; margin-left: 5%; height: 81px; display: flex; align-items: center;}
.topo-esq {float: left; width: 15%; height: 46px; display: flex; align-items: center;}
.logo-topo {float: left; width: 45%; height: 46px; display: flex; align-content: center; flex-wrap: wrap;}
.logo-topo img {width: initial;}
.topo-dir {float: right; display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end;}
.topo-dir a {margin-left: 8px; font-size: 1.2em;}

.badge-date {display: inline-flex; align-items: center; border: 1px solid #ddd; border-radius: 6px; color: #4b4b4b; font-size: 14px; position: relative; line-height: 1; float: right; background-color: #fff;}
.badge-date .ico-wrap {display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 20px; border-radius: 50%; flex: 0 0 auto;}
.badge-date .ico-wrap i {font-size: 12px; color: #3cb100;}
.badge-date .divider {width: 1px; height: 20px; background: #d3d3d3; margin-right: 10px; flex: 0 0 auto;}
.badge-date time {font-size: 13px; color: #3f3f3f; white-space: nowrap;    padding-right: 8px;    padding-bottom: 2px;}
.bot-zap {float: right; display: flex; height: 46px; align-content: center; align-items: center;}
.barra-info {float: left; padding: 5px 0; font-size: 1em; width: 100%; border-bottom: 1px solid #dfdfdf;}

.badge-date:hover {box-shadow: 0 4px 10px rgba(0,0,0,0.06); transform: translateY(-1px); transition: all .14s ease;}
.link-busca {background-color: #00518b; color: white; padding: 3px 5px; border: none; border-radius: 3px; cursor: pointer; font-size: 0.8em; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; transition: background-color 0.3s ease, color 0.3s ease;}
.link-busca:hover {background-color: #113486;color: #587ca7; }

.link-busca-icone {background-color: #28a745; color: white; padding: 10px; border: none; border-radius: 5px; cursor: pointer; font-size: 18px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; transition: background-color 0.3s ease;}
.link-busca-icone:hover {background-color: #218838;}
.bot-busca {float: right; margin-left: 15px;}

.link-busca i, .link-busca-icone i {font-size: 0.8em;}
.fachada {float: left; width: 100%; position: relative; padding: 20px 0;}
.fachada-esq {float: left; width: 100%; background-color: #fff; border-radius: 0 0 10px 10px; padding-bottom: 20px; border: 1px solid #f1f1f1;}
.fachada-esq h1 {float: left; width: 100%; font-size: 1.5em; font-weight: bold; line-height: 1.1em; padding: 15px;}
.fachada-esq h2 {float: left; width: 100%; padding: 0 15px; line-height: 1.1em; font-weight: 400;}
.fachada-esq h3 {display:none; float: left; width: 100%; margin-left: 10px; padding-left: 10px; border-left: 3px solid #ff0000; text-transform: uppercase; font-size: 0.8em; font-weight: 400; margin-bottom: 10px; color: #000000;}

.fachada-dir {float: left; width: 100%; position: relative;}
article {float: left; width: 100%;}
.dest-titulo {float: left; width: 100%; padding: 20px 0;}
.dest-titulo h1 {float: left; width: 100%; font-size: 1.5em; font-weight: bold; line-height: 1.1em; padding: 0 10px;}
.dest-titulo h2 {float: left; width: 100%; padding: 5px 10px 30px 10px; border-bottom: 1px solid #e1e1e1; line-height: 1.1em;}
.dest-titulo h3 {float: left; width: 100%; margin-left: 10px; padding-left: 10px; border-left: 3px solid #ff0000; text-transform: uppercase; font-size: 0.8em; font-weight: 400; margin-bottom: 10px; color: #000000;}
.responsive-container {max-width: 800px; width: 90%; background-color: #e0e0e0; border: 2px solid #ccc; margin-bottom: 20px;}

.aspect-ratio-box {position: relative; width: 100%; padding-bottom: 66.6667%; height: 0; background-color: #f8f8f8; border: 1px dashed #a0a0a0; box-sizing: border-box;}
.aspect-ratio-box-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #a7d9f7; color: #333; font-size: 1.5em; text-align: center;}

.image-container {max-width: 650px; width: 100%; float: left; border-radius: 10px; overflow: hidden; position: relative; border-bottom: 5px solid #356aab;}
.image-aspect-ratio {position: relative; width: 100%; padding-bottom: 66.6667%; height: 0; overflow: hidden;}
.image-aspect-ratio img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block;}

.minha-figura-destaque {cursor: pointer; position: relative; overflow: hidden; display: block; width: 100%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 8px;}
.wrapper-proporcao-imagem {position: relative; width: 100%; height: 0; padding-bottom: 66.66%; overflow: hidden;}
.minha-figura-destaque img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; transition: transform 0.3s ease-in-out;}
.minha-figura-destaque:hover img {transform: scale(1.1);}

figcaption {position: absolute; z-index: 999; top: 10px; font-size: 0.8em; padding: 3px 10px; background-color: #00518b; color: #fff; border-radius: 0 5px 5px 0; font-weight: 500;}

.dest-fotinha {padding: 10px;}
.dest-fotinha figure {width: 40% !important;}
.dest-fotinha h1 {font-weight: 500; line-height: 1.1em;}
.dest-fotinha h3 {float: left; width: 100%; margin-left: 0; padding-left: 10px; border-left: 3px solid #ff0000; text-transform: uppercase; font-size: 0.6em; font-weight: 200; margin-bottom: 5px; color: #000000;}
.destaques {float: left; width: 100%; padding: 10px; margin-top: 20px;}
.dest-box {float: left; width: 100%;}
.dest-box h1 {float: left; width: 100%; font-size: 1.5em; font-weight: bold; line-height: 1.1em; padding: 10px 10px 5px 10px;}
.dest-box h2 {float: left; width: 100%; padding: 5px 10px 20px 10px; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1; line-height: 1.1em;}
.dest-box2 {float: left; width: 100%; padding-top: 20px;}
.dest-box2 h1 {float: left; width: 100%; font-size: 1.5em; font-weight: bold; line-height: 1.1em; padding: 10px 10px 5px 10px;}
.dest-box2 h2 {float: left; width: 100%; padding: 5px 10px 20px 10px; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1; line-height: 1.1em;}
.banner {float: left; width: 100%; padding: 30px 0; background-image: url(../images/ad-bg.png); background-color: #f7f7f7;}
.destaqueP {float: left; width: 100%;}
.dest-boxP {float: left; width: 100%;}
.destaqueCat {padding: 10px;}
.destaqueCat figure {
    width: 40% !important;
    float: left;
    border-top: 1px solid red;
    border-right: 1px solid red;
    border-left: 1px solid red;
    border-bottom: 5px solid #ff0000;
}
.dest-boxP h1 {font-weight: 500; line-height: 1.1em;}

.dest-boxP2 {float: left; width: 100%;}
.dest-boxP2 h1 {font-weight: 500; line-height: 1.1em;}

.cabecalho {float: left; width: 100%; padding: 0 10px; margin-left: 10px; margin-bottom: 10px; padding-bottom: 5px; font-size: 1.5em; font-weight: 900; color: #0a0a0a; border-left: 3px solid red; position: relative;}
.cabecalho:before {content: ""; width: 50%; height: 4px; position: absolute; bottom: 2px; background-color: #dbdbdb; display: flex; align-content: flex-end;}
.menu-mobile {display: none; position: absolute; width: 100%; height: 100%; background-color: #00518b; z-index: 9999; padding: 10%;}
.menu01 li {float: left; padding: 10px 20px; text-transform: uppercase; width: 100%; border-bottom: 1px dotted #fff;}
.menu02 li {float: left; padding: 5px; width: 33.3%; font-size: 0.9em; text-align: center; background-color: #fff;}
.menu02 a {color: #0292db !important; font-weight: bold;}
.menu-mobile a {color: #FFFFFF; font-weight: bold;}
.sociais-mobile {float: left; width: 100%; padding: 10px; text-align: center;}
.sociais-mobile i {font-size: 2em; padding: 0 10px;}
figure .play-icon {position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); font-size: 3rem; color: white; opacity: 0.8; transition: 0.3s; pointer-events: none;}
footer {float: left; width: 100%; padding: 30PX 0;}
.sociais-rodape {float: left; width: 100%; text-align: center; margin-bottom: 20px;}
.sociais-rodape a {margin: 0 5px; font-size: 2em;}
.rodape {float: left; width: 100%; color: #fff; text-align: center; padding: 10px 0;}

/* --- Estilos do Footer --- */
.site-footer {background-color: #00518b; color: #fff; padding: 40px 20px 20px; font-family: Arial, sans-serif; line-height: 1.6;}

.footer-container {max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;}

.footer-col {flex: 1; min-width: 250px;}

/* Estilos para a coluna de informações e logo */
.footer-info {text-align: center;}

.footer-logo img {max-width: 80%; margin-left: 10%; height: auto; margin-bottom: 15px; filter: brightness(0) invert(1);}

.footer-message {font-size: 0.9em; opacity: 0.8;}

/* Estilos para a coluna de redes sociais */
.footer-social h3,
.footer-nav h3 {font-size: 1.2em; margin-bottom: 20px; color: #ffffff; font-weight: bold; text-align: center; border-bottom: 1px solid;}

.social-icons {margin-bottom: 20px; display: flex; justify-content: center; gap: 15px;}

.social-icons a {color: #fff; font-size: 1.8em; transition: color 0.3s ease;}

.social-icons a:hover {color: #007bff;}

.whatsapp-group-btn {display: inline-flex; align-items: center; background-color: #25d366; color: #fff; padding: 10px 20px; border-radius: 5px; text-decoration: none; font-weight: bold; font-size: 0.95em; transition: background-color 0.3s ease; margin-left: 6%;}

.whatsapp-group-btn i {margin-right: 8px; font-size: 1.1em;}

.whatsapp-group-btn:hover {background-color: #128c7e;}

/* Estilos para a coluna de navegação */
.footer-nav ul {list-style: none; padding: 0; margin: 0; text-align: center;}

.footer-nav li {margin-bottom: 10px;}

.footer-nav a {color: #fff; text-decoration: none; font-size: 0.95em; transition: color 0.3s ease;}

.footer-nav a:hover {color: #007bff;}

/* Estilos para o rodapé inferior */
.footer-bottom {text-align: center; margin-top: 40px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 0.85em; opacity: 0.7;}


.materia {position: relative; float: left; width: 100%; padding: 20px 10px;}
.materia h3 {float: left; text-transform: uppercase; font-size: 0.9em; font-weight: 900; background-color: #00518b; color: #fff; padding: 3px 10px; border-radius: 5px;}
.materia h1 {float: left; width: 100%; font-size: 2em; font-weight: 500; line-height: 1.2em; text-align: left; padding: 10px 0;}
.materia h2{float: left; width: 100%;}
.materia-sociais {float: left; width: 100%; padding: 25px 0;}
.materia-sociais a {float: left; width: 32%; text-align: center; background-color: #f5f5f5; margin-right: 2%; padding: 5px; border-radius: 5px; border: 1px solid #ededed;}
.btn-share{float: left; width: 32%; text-align: center; background-color: #f5f5f5; padding: 5px; border-radius: 5px; border: 1px solid #ededed;}
.bot-facebook {color: #0037ff;}
.bot-whatsapp {color: green;}
.materia-foto {float: left; width: 100%; overflow: hidden; border-radius: 7px; z-index: 2;}
.materia-legenda {border-radius: 0 0 5px 5px; float: left; width: 100%; font-size: 0.7em; padding: 7px 5px 3px 5px; margin-top: -4px; background-color: #f5f5f5; position: relative; z-index: 1;}
.materia-texto{float: left; width: 100%; padding: 20px 0;}
.materia-arquivos {float: left; width: 100%; padding: 20px 0; display: flex; justify-content: center;}
.materia-fotos{float: left; width: 100%; padding: 20px 0;}
.materia-fotos img {margin: 0 0 10px 0; border-radius: 5px;}
.materia-info{float: left; width: 100%; padding: 20px 0;}
.materia-fonte{float: left; width: 100%; font-size: 0.9em; font-weight: 400;}
.materia-data {float: left; width: 100%; font-size: 0.7em; padding: 3px 0;}
.materia-zap {float: left; width: 100%; padding: 20px 0;}


@media screen and (min-width: 768px) {

    .materia { width: 80%;
        margin-left: 10%; }
    .materia-fotos img {margin: 1%;        width: 31%;}
    .materia-zap {width: 60%;}

    .footer-col {
        flex: 1; /* Garante que as colunas ocupem o espaço disponível */
        text-align: left; /* Alinha o texto à esquerda em telas maiores */
    }

    .footer-info {
        text-align: left;
    }

    .footer-social .social-icons,
    .footer-nav ul {
        text-align: left; /* Alinha ícones e menu à esquerda */
        justify-content: flex-start; /* Alinha ícones ao início */
    }

    .footer-logo img {
        margin-left: 0;
    }


    .mobileOn {display: none!important;}
    .mobileOff {display: block!important;}

    .topo {float: left; width: 100%; border-bottom: 1px solid #00518b; background-color: #f9f9f9;}
    .topo-esq {float: left; width: 35%; height: 66px; display: flex; align-items: center;}
    .altura-topo {height: 66px; float: right; display: flex; align-items: center;}

    .topo-dir {float: right; display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; height: 66px; width: 15%; text-align: right;}
    .topo-dir a {margin-left: 8px; font-size: 1.2em; line-height: 66px;}

    .logo-topo2 {float: left; width: 35%; height: 66px; display: flex !important; align-content: center; flex-wrap: wrap; justify-content: center;}
    .logo-topo2 img {width: 100%; float: unset; margin-left: 7%;}

    .bg-azul {background-color: #00518b; float: left;}
    .menu-principal {display: block; width: 100%; float: left;}
    .menu-principal ul {list-style: none; margin: 0; padding: 0; text-align: center;}
    .menu-principal li {display: inline-block; position: relative;}
    .menu-principal a {display: block; padding: 10px 5px; text-decoration: none; color: #ffffff; font-family: "Atkinson Hyperlegible Next", sans-serif; font-size: 1em; font-weight: 500; text-transform: uppercase; transition: background-color 0.3s ease, color 0.3s ease;}
    .menu-principal a:hover {background-color: #1a356a; color: #ffffff;}
    .banner {display: flex; justify-content: center;}
    .banner img {max-width: 600px; float: unset;}
    .fachada-esq {float: left; width: 48%; margin-right: 2%; background-color: #fff; border-radius: 0 0 10px 10px; padding-bottom: 20px; border: 1px solid #f1f1f1;}
    .fachada-dir {float: left; width: 50%; position: relative;}
    .dest-titulo {float: left; width: 100%; padding: 5px 0;}
    .dest-titulo h2 {float: left; width: 100%; padding: 5px 10px 15px 10px; border-bottom: 1px solid #e1e1e1; line-height: 1.1em;}
    .dest-box {float: left; width: 24%; margin-right: 1.3%;}
    figcaption {font-size: 0.5em;}
    .dest-box h1 {font-size: 1em;}
    .dest-boxP {float: left; width: 48%;}
    .dest-boxP2 {float: left; width: 48%;}
    .dest-box2 {float: left; width: 32%; padding-top: 20px; margin-right: 1.3%;}
    .dest-box2 h1 {font-size: 1em;}
    .dest-box h2 {
        float: left;
        width: 100%;
        padding: 5px 10px 20px 10px;
        margin-bottom: 20px;
        border-bottom: 0;
        line-height: 1.1em;
    }
}

@media screen and (min-width: 1024px) {
    .footer-social h3, .footer-nav h3 {
        font-size: 1.2em;
        margin-bottom: 20px;
        color: #ffffff;
        font-weight: bold;
        text-align: left;
        border-bottom: 1px solid;
    }
    .whatsapp-group-btn {
        display: inline-flex
    ;
        align-items: center;
        background-color: #25d366;
        color: #fff;
        padding: 10px 20px;
        border-radius: 5px;
        text-decoration: none;
        font-weight: bold;
        font-size: 0.95em;
        transition: background-color 0.3s
        ease;
        margin-left: 0;
    }

    .footer-col {
        flex: 1; /* Cada coluna ocupa 1/3 do espaço disponível */
        min-width: unset; /* Remove a largura mínima para melhor distribuição */
    }

    /* Ajustes específicos de largura se necessário */
    .footer-info {
        flex-basis: 30%; /* Exemplo: info ocupa um pouco mais de espaço */
    }
    .footer-social {
        flex-basis: 30%;
    }
    .footer-nav {
        flex-basis: 30%;
    }
    .dest-box h1{min-height: 79px;}
    .dest-box h2{min-height: 96px;}
    .dest-box2 h1 {min-height:84px;}

    .dest-fotinha h1 {font-size: 1.4em; font-weight: bold; line-height: 1.1em;}
    .center {float: left; width: 55%; margin-left: 5%; height: 125px; display: flex; align-items: center;}
    .center3 {float: left; width: 55%; margin-left: 5%; height: 127.438px !important; display: flex; align-items: center;}
    .center2 {float: left; width: 55%; margin-left: 5%; height: 122px; display: flex; align-items: center;}
    .dest-boxP h1 {font-size: 1.4em; font-weight: bold; line-height: 1.1em;}
    .dest-boxP2 h1 {font-weight: bold; line-height: 1.1em; font-size: 1.3em;}
    .fachada-esq h3 {display: none;}
    .dest-fotinha h3 {float: left; width: 100%; margin-left: 0; padding-left: 10px; border-left: 3px solid #ff0000; text-transform: uppercase; font-size: 0.8em; font-weight: 400; margin-bottom: 10px; color: #000000;}
}

@media screen and (min-width: 1280px) {

    .materia {width: 90%;margin-left: 5%}
    .materia h1{
        font-size: 3em;
        text-align: center !important;
    }
    .materia h2 {
        float: left;
        width: 100%;
        text-align: center;
    }
    .materia-sociais { width: 60%; margin-left: 20%;padding: 45px 0;}
    .materia-foto{
        width: 70%;
        margin-left: 15%;
    }
    .materia-texto{
        width: 70%;
        margin-left: 15%;
        overflow: hidden;
    }
    .materia-arquivos{
        width: 70%;
        margin-left: 15%;
    }
    .materia-info{
        width: 70%;
        margin-left: 15%;
    }
    .materia-legenda{
        width: 70%;
        margin-left: 15%;
    }
    .materia-fotos{
        width: 70%;
        margin-left: 15%;
    }

    .dest-fotinha h1 {font-size: 1.4em; font-weight: bold; line-height: 1.1em;}
    .center {float: left; width: 55%; margin-left: 5%; height: 125px; display: flex; align-items: center;}
    .center3 {float: left; width: 55%; margin-left: 5%;     height: 137.578px !important; display: flex; align-items: center;}
    .dest-boxP h1 {font-size: 1.4em; font-weight: bold; line-height: 1.1em;}
    .barra-info {float: left; margin: 5px 0; padding: 0; font-size: 0.8em; width: 100%; border-bottom: 1px solid #dfdfdf;}
    .logo-topo2 img {width: 80%; float: unset; margin-left: 3%;}
    .banner img {max-width: 700px; float: unset;}
    .container {max-width: 1100px; padding: 0 14px; width: 100%; margin: 0 auto; box-sizing: border-box; position: relative; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content;}
    .fachada-esq {float: left; width: 49%; margin-right: 1%; background-color: #fff; border-radius: 0 0 10px 10px; padding-bottom: 20px; border: 1px solid #f1f1f1;}
    .fachada-esq h3 {float: left; width: 100%; margin-left: 18px; margin-top: 15px; padding-left: 10px; border-left: 3px solid #ff0000; text-transform: uppercase; font-size: 0.8em; font-weight: 400; margin-bottom: 10px; color: #000000; display: block;}
    .banner {display: flex; justify-content: center; border-bottom: 2px solid #ed2627;}
    figcaption {font-size: 0.7em;}
    .dest-box h1 {font-size: 1.2em;}
    .dest-boxP {float: left; width: 25%;}
    .center {float: left; width: 55%; FONT-WEIGHT: 600; height: 63px; display: flex; align-items: center;}
    .dest-boxP h1 {font-size: 0.9em; font-weight: bold; line-height: 1.1em;}
    .dest-box2 {float: left; width: 32%; padding-top: 40px; margin-right: 1.3%;}
    .dest-box2 h1 {font-size: 1.3em;}
    .dest-boxP2 {float: left; width: 32%; margin-right: 1%;}
    .center2 {float: left; width: 55%; margin-left: 4%; FONT-WEIGHT: 600; height: 86px; display: flex; align-items: center;}
    .dest-boxP2 h1 {font-weight: 500; line-height: 1.1em; font-size: 1em;}
    .menu-principal a {display: block; font-size: 1.1em; padding: 10px 7px; text-decoration: none; color: #ffffff; font-family: "Atkinson Hyperlegible Next", sans-serif; font-weight: 500; font-weight: 600; text-transform: uppercase; transition: background-color 0.3s ease, color 0.3s ease;}
    .dest-titulo h1 {float: left; width: 100%; font-size: 2em; font-weight: bold; line-height: 1.1em; padding: 0 10px;}
    .dest-titulo h2 {float: left; width: 100%; padding: 10px 10px 15px 10px; border-bottom: 1px solid #e1e1e1; line-height: 1.1em;}
    .fachada-esq h1 {float: left; width: 100%; font-size: 1.5em; font-weight: bold; line-height: 1.1em; padding: 0 15px 15px 15px;}
}

@media screen and (min-width: 1440px) {
    .container {max-width: 1280px; padding: 0 14px; width: 100%; margin: 0 auto; box-sizing: border-box; position: relative; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content;}
    .dest-titulo h1 {float: left; width: 100%; font-size: 2em; font-weight: bold; line-height: 1.1em; padding: 0 10px;}
    .dest-fotinha h1 {font-size: 1.6em; font-weight: bold; line-height: 1.1em;}
    .fachada-esq h1 {float: left; width: 100%; font-size: 1.6em; font-weight: bold; line-height: 1.1em; padding: 0 15px 15px 15px;}
    .center {float: left; width: 55%; FONT-WEIGHT: 600; height: 78px; display: flex; align-items: center;}
    .center3 {float: left; width: 55%; FONT-WEIGHT: 600; height: 161.562px !important; display: flex; align-items: center;}
    .center2 {float: left; width: 55%; margin-left: 4%; FONT-WEIGHT: 600; height: 101px; display: flex; align-items: center;}
    .dest-boxP2 h1 {font-weight: 500; line-height: 1.1em; font-size: 1.2em;}
    .dest-titulo h2 {float: left; width: 100%; padding: 10px 10px 28px 10px; border-bottom: 1px solid #e1e1e1; line-height: 1.1em;}
}