.body--dxpr-theme-nav-mobile .dxpr-theme-header .navbar-container .navbar-header .logo {
            max-height: 80px;
        }

        .dxpr-theme-header--top {
            margin-bottom: calc(-1 * var(--dxt-setting-header-top-height));
        }

        .body--dxpr-theme-nav-mobile .dxpr-theme-header .navbar-container .navbar-header img {
            height: auto !important;
        }

        .body--dxpr-theme-nav-mobile .dxpr-theme-header .block {
            padding: 0 !important;
        }

        #secondary-header {
            padding-bottom: 0;
            padding-top: 0;
        }

        a.language-link.is-active {
            color: white !important;
        }

        .messages__wrapper {
            z-index: 2000;
            /* display: block; */
            position: fixed;
            /* margin: 20px; */
            /* margin: 50% auto; */
            padding: 30px;
            width: 100%;
        }

        .main-container {
            padding-top: 100px;
            min-height: 500px;
        }

        .block-views-blockduplicado-de-node-carousel-block-2 {
            margin-top: -100px;
        }

        #block-travelstore-dxpr-theme-languageswitcher {
            float: right;
            padding-top: 10px;
            padding-right: 10px;
        }

        .language-switcher-language-url>.nav.menu>li>a {
            padding: 0 0.3rem !important;
        }

        .wrap-messages {
            position: absolute;
            z-index: 10000;
        }

        .form-item--error-message {
            margin-top: 10px;
            margin-bottom: 20px;
            color: red;
            padding: 5px;
        }

        .form-item--error-message::before {
            width: 18px;
            height: 18px;
            vertical-align: middle;
        }

        div#page-title-full-width-container {
            margin: 0;
        }

        .block-hr {
            display: none !important;
        }

        section#block-travelstore-dxpr-theme-menudeutilizador,
        section#block-travelstore-dxpr-theme-login,
        section#block-travelstore-dxpr-theme-logout,
        section#block-travelstore-dxpr-theme-myaccount {
            float: right;
        }

        section#block-travelstore-dxpr-theme-menudeutilizador a,
        section#block-travelstore-dxpr-theme-login a,
        section#block-travelstore-dxpr-theme-logout a,
        section#block-travelstore-dxpr-theme-myaccount a {
            text-transform: uppercase;
            background: #ffffff;
            font-weight: bold;
            font-size: 14px;
            color: #002036;
        }

        section#block-travelstore-dxpr-theme-menudeutilizador a:hover,
        section#block-travelstore-dxpr-theme-login a:hover,
        section#block-travelstore-dxpr-theme-logout a:hover,
        section#block-travelstore-dxpr-theme-myaccount a:hover {
            background: #002036;
            color: #ffffff;
        }

        .nav-item a[href="/user/login"]::before,
        section#block-travelstore-dxpr-theme-login a::before {
            content: "\F47B";
            /* Código do ícone de cadeado */
            font-family: "bootstrap-icons";
            /* Fonte Bootstrap Icons */
            font-size: 1rem;
            /* Ajusta o tamanho do ícone */
            margin-right: 8px;
            /* Espaço entre o ícone e o texto */
            display: inline-block;
            /* Garante que aparece */
            vertical-align: middle;
            /* Alinha corretamente */
        }

        section#block-travelstore-dxpr-theme-logout a:before {
            content: "\F600";
            /* Código do ícone de cadeado */
            font-family: "bootstrap-icons";
            /* Fonte Bootstrap Icons */
            font-size: 1rem;
            /* Ajusta o tamanho do ícone */
            margin-right: 8px;
            /* Espaço entre o ícone e o texto */
            display: inline-block;
            /* Garante que aparece */
            vertical-align: middle;
            /* Alinha corretamente */
        }

        section#block-travelstore-dxpr-theme-myaccount a:before {
            content: "\F4D7";
            /* Código do ícone de cadeado */
            font-family: "bootstrap-icons";
            /* Fonte Bootstrap Icons */
            font-size: 1rem;
            /* Ajusta o tamanho do ícone */
            margin-right: 8px;
            /* Espaço entre o ícone e o texto */
            display: inline-block;
            /* Garante que aparece */
            vertical-align: middle;
            /* Alinha corretamente */
        }

        section#block-travelstore-dxpr-theme-topheader,
        section#block-travelstore-dxpr-theme-topheaderdana,
        section#block-travelstore-dxpr-theme-topheadertsangola,
        section#block-travelstore-dxpr-theme-topheaderao {
            float: left;
            padding-top: 8px;
        }

        h5 {
            font-size: 1.4rem !important;
        }

        h6 {
            font-size: 1.2rem !important;
        }

        /*
        .content {
            margin-top: -100px;
        }


        header#navbar {
            position: fixed;
        }

        .navbar-scroll {
            background-color: #0066cc !important;
            padding-top: 10px;
        }

        .menu-scroll li a {
            color: white !important;
        }
        */

        .footer-link {
            line-height: 1 !important;
            padding-bottom: 15px;
        }

        .footer-link-a {
            color: white;
            padding: 0 !important;
        }

        .footer-link-a:hover,
        .footer-link-a.is-active {
            color: #1b8ace !important;
        }

        .align-center {
            display: flex !important;
            justify-content: center;
        }

        #block-travelstore-dxpr-theme-separadores {
            padding-top: 120px;
            border-bottom: 1px solid gray;
        }

        .tabs.tabs--primary.nav.nav-tabs {
            box-shadow: none;
        }

        .footer-copy {
            border-top: 1px solid #0066cc;
            padding-top: 30px;
        }

        .bloco-cinza {
            background-color: #f1f2f2;
            border-top-right-radius: 70px;
            padding: 40px;
            padding-left: 45px;
        }

        .bloco-azul {
            background-color: #000066;
            color: white;
            border-bottom-right-radius: 70px;
            padding: 20px;
            padding-left: 165px!important;
        }

        .bloco-imagem {
            right: 40px;
            top: 70px;
        }

        .bloco-imagem img {
            float: right;
        }

        .slideshow-container {
            position: relative;
            display: inline-block;
            width: 100%;
        }

        .slideshow-text {
            position: absolute;
            top: 50%;
            left: 37%;
            transform: translate(-50%, -50%);
            border-radius: 15px;
            width: 40%;
        }

        .slideshow-text h4 {
            color: #0066cc;
        }

        .bloco-1 {
            border-top-right-radius: 70px;
            border: 1px solid #0066cc;
            padding: 30px;
            margin: 20px;
        }

        .bloco-2 {
            border-bottom-left-radius: 70px;
            border: 1px solid #0066cc;
            padding: 30px;
            margin: 20px;
        }

        .custom-button {
            display: inline-flex;
            align-items: center;
            background-color: #0066cc;
            color: white;
            font-weight: bold;
            font-size: 1.2rem;
            /* padding: 10px 20px; */
            border-radius: 50px;
            text-decoration: none;
            transition: 0.3s;
            position: relative;
            overflow: hidden;
            border: none;
            padding-left: 30px;
            margin-top: 30px;
        }

        .custom-button .text {
            margin-right: 15px;
            text-decoration: none;
        }

        .custom-button a {
            text-decoration: none;
        }

        .custom-button .icon {
            background-color: rgba(0, 0, 0, 0.1);
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: 0.3s;
            padding: 20px;
        }

        .bi-chevron-right::before {
            padding-left: 10px;
         }

        .bi {
            font-size: 22px;
            font-weight: bold;
            text-shadow: 0.3px 0 currentColor, -0.3px 0 currentColor;
        }

        .custom-button:hover {
            background-color: #000066;
            color: white;
            text-decoration: none;
        }

        .custom-button:hover .icon {
            background-color: #007bff;
            color: white;
        }

        .section-sep {
            margin-top: 80px;
        }

        .esg-box {
            background-image: url('/sites/default/files/2025-02/aerial-view-landscape-covered-tall-green-trees.jpg');
            /* Substituir pelo caminho da imagem */
            background-size: cover;
            /* Faz a imagem ocupar toda a div mantendo proporção */
            background-position: center;
            /* Centraliza a imagem horizontal e verticalmente */
            background-repeat: no-repeat;
            /* Evita repetição da imagem */
            width: 100%;
            /* Faz a div ocupar toda a largura disponível */
            height: 480px;
        }

        .esg-text {
            transform: translate(-40%, -60%);
            position: absolute;
        }

        .esg-image {
            transform: translate(-40%, -60%);
            position: absolute;
        }

        .slideshow-container hr {
            width: 40px;
            height: 3px;
            border-width: 4px;
            margin-bottom: 8px;
            border-color: #0066cc;
            opacity: 1;
        }

        .links {
            margin-bottom: 20px;
        }

        .links a {
            margin: 0 5px;
            cursor: pointer;
            text-decoration: none;
            color: #ffffff;
        }

        .links a.active,
        .links a.hover {
            color: #0099cc;
        }

        .link span {
            display: block;
        }

        .texto {
            display: none;
            font-size: 18px;
            margin-top: 20px;
        }

        .texto.active {
            display: block;
        }

        .custom-card {
            border-top-left-radius: 70px;
            overflow: hidden;
            background: white;
        }

        .custom-card-1 {
            border-top-right-radius: 70px;
            overflow: hidden;
            background: white;
        }

        .custom-card-body {
            background: #006fcf;
            /* Cor azul */
            color: white;
            padding: 40px 30px 20px 30px;
        }

        .custom-card-body h3 {
            font-size: 1.3rem;
            color: #ffffff;
        }

        .custom-card-body p {
            font-size: 0.9rem;
            margin-top: 10px;
            line-height: 1.3rem;
        }

        .custom-card-image img {
            width: 100%;
            display: block;
        }

        .card h5 {
            color: white !important;
        }

        h4.mb-0.text-uppercase {
            color: white;
        }

        .gray-bar {
            height: auto;
            background-color: #f1f2f2;
            padding-top: 30px;
            margin-bottom: 100px;
        }

        .gray-bar p {
            line-height: 26px;
            color: #006838;
        }

        .text-green {
            color: #4CAF50;
        }

        .esg-badge {
            position: absolute;
            top: -80px;
            left: 10px;
            z-index: 20;
        }

        .esg-badge img {
            border-radius: 50%;
            width: 180px;
            height: 180px;
            object-fit: cover;
        }

        .esg-florest {
            position: absolute;
            bottom: -80px;
            left: 0;
            z-index: 0;
        }

        .esg-florest img {
            border-bottom-left-radius: 70px;
            width: 330px;
            height: 250px;
            object-fit: cover;
        }

        .esg-highlight {
            background-color: #009444;
            border-top-right-radius: 70px;
            position: relative;
            z-index: 2;
            padding: 40px;
            left: 90px;
            line-height: 25px;
            width: 350px;
            top: 40px;
        }

        .password-strength {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        /* Controlo DIV's */
        .blue-bar {
            height: auto;
            background-color: #000066;
            padding-top: 30px;
            margin-bottom: 100px;
            background-image: url('/sites/default/files/2025-02/Asset-10.png');
            /* Caminho para a imagem */
            background-size: cover;
            /* Ajusta a imagem para cobrir toda a div */
            background-position: center;
            /* Centraliza a imagem na div */
            background-repeat: no-repeat;
            /* Evita que a imagem se repita */
        }

        .blue-bar-gbt {
            height: auto;
            background-color: #000066;
            padding-top: 30px;
            margin-bottom: 100px;
            background-image: url('/sites/default/files/2025-02/Asset-10-gbt.png');
            /* Caminho para a imagem */
            background-size: cover;
            /* Ajusta a imagem para cobrir toda a div */
            background-position: center;
            /* Centraliza a imagem na div */
            background-repeat: no-repeat;
            /* Evita que a imagem se repita */
        }

        .blue-bar p {
            line-height: 26px;
            color: #ffffff;
        }

        .text-controlo {
            color: #ffffff;
        }

        .controlo-badge {
            position: absolute;
            top: -120px;
            left: 10px;
            z-index: 20;
        }

        .controlo-badge img {
            width: 140px;
            height: 140px;
            object-fit: cover;
        }

        .controlo-florest {
            position: absolute;
            bottom: -100px;
            left: 0;
            z-index: 0;
        }

        .controlo-florest img {
            border-bottom-left-radius: 70px;
            width: 430px;
            object-fit: cover;
        }

        .controlo-highlight {
            background-color: #006fcf;
            border-bottom-right-radius: 70px;
            position: relative;
            z-index: 2;
            padding: 40px;
            left: 40%;
            line-height: 25px;
            width: 60%;
            top: 40%;
        }

        .controlo-highlight-1 {
            background-color: #006fcf;
            border-bottom-right-radius: 70px;
            position: relative;
            z-index: 2;
            padding: 80px 20px 80px 20px;
            left: 40%;
            line-height: 25px;
            width: 300px;
            top: 70%;
        }

        .blue-box {
            background-color: #006fcf;
            color: white;
            padding: 30px !important;
            border-bottom-right-radius: 70px;
            position: absolute;
            top: 20%;
            left: 50%;
            transform: translate(-10%, -50%);
            max-width: 70%;
        }

        .blue-box-1 {
            background-color: #00175a;
            color: white;
            padding: 30px !important;
            border-bottom-right-radius: 70px;
            position: absolute;
            top: 80%;
            left: 45%;
            transform: translate(-10%, -50%);
            max-width: 70%;
        }

        .blue-box-2 {
            background-color: #006fcf;
            color: white;
            padding: 30px !important;
            border-bottom-right-radius: 70px;
            position: absolute;
            top: 20%;
            left: 50%;
            transform: translate(-10%, -50%);
            max-width: 70%;
        }

        .blue-box-3 {
            background-color: #006fcf;
            color: white;
            padding: 50px !important;
            border-bottom-right-radius: 70px;
            position: absolute;
            top: 30%;
            left: 40%;
            transform: translate(-10%, -50%);
            max-width: 90%;
        }

        .blue-box-4 {
            background-color: #00175a;
            color: white;
            padding: 50px !important;
            border-top-left-radius: 70px;
            position: absolute;
            top: 75%;
            left: 10%;
            transform: translate(-10%, -50%);
            max-width: 45%;
        }

        .blue-box-5 {
            background-color: #00175a;
            color: white;
            padding: 50px !important;
            border-bottom-right-radius: 70px;
            position: absolute;
            top: 75%;
            left: 50%;
            transform: translate(-10%, -50%);
            max-width: 50%;
        }

        .arrow-box-1 {
            position: absolute;
            top: 95%;
            left: 20%;
            transform: translate(-10%, -50%);
        }

        .blue-box-text-6 {
            margin-top: 60px;
        }

        .blue-box h4,
        .blue-box-1 h4,
        .blue-box-2 h4,
        .blue-box-3 h4,
        .blue-box-4 h4,
        .blue-box-5 h4,
        .blue-box-text-6 h4 {
            color: #ffffff;
        }

        .lazer-box-img {
            position: absolute;
            bottom: -150px;
            left: 0;
            z-index: 0;
        }

        .lazer-box-img img {
            width: 430px;
            object-fit: cover;
        }

        .lazer-box-arrow {
            position: absolute;
            top: -120px;
            left: 10px;
            z-index: 20;
        }


        .lazer-box-text h4 {
            color: white;
        }

        .lazer-box-arrow img {
            width: 140px;
            height: 140px;
            object-fit: cover;
        }

        /* Esconde os elementos inicialmente */
        .fade-in-left,
        .fade-in-right,
        .fade-in-center {
            opacity: 0;
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }

        /* Coluna da esquerda: desloca da esquerda para a direita */
        .fade-in-left {
            transform: translateX(-80px);
        }

        /* Coluna da direita: desloca da direita para a esquerda */
        .fade-in-right {
            transform: translateX(80px);
        }

        /* Quando visível, aparece com fade-in e volta à posição normal */
        .fade-in-left.visible,
        .fade-in-right.visible {
            opacity: 1;
            transform: translateX(0);
        }

        /* Quando visível, aparece com fade-in e volta à posição normal */
        .fade-in-center.visible {
            opacity: 1;
        }

        .az-image {
            width: 100%;
            /* Ocupa toda a largura da div */
            height: 100%;
            /* Ocupa toda a altura da div */
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }

        .az-image-content {
            width: 100%;
            height: 100%;
            min-height: 500px;
            object-fit: cover;
            /* Garante que cobre a div sem distorcer */
            object-position: 90%;
        }

        .contact-card,
        .layout__region--second {
            border-top-left-radius: 70px;
            padding: 50px;
            background: #ffffff;
            min-height: 350px;
        }

        .contact-card-1 {
            border-bottom-right-radius: 70px;
            padding: 50px;
            background: #ffffff;
            min-height: 350px;
        }

        .contact-card-2 {
            border-bottom-left-radius: 70px;
            padding: 50px;
            background: #f8f9fa;
            min-height: 350px;
        }

        .contact-card h4,
        .contact-card-1 h4,
        .contact-card-2 h4 {
            color: #006fcf;
        }

        .contact-card a,
        .contact-card-1 a,
        .contact-card-2 a {
            color: #006fcf;
            font-weight: bold;
            text-decoration: none;
        }

        .grey-background,
        .layout--threecol-section {
            background-color: #f1f2f2;
        }

        #edit-actions {
            text-align: center;
            margin-top: 60px;
        }

        #edit-submit {
            background: #006fcf;
            border-radius: 50px;
            min-width: 120px;
        }

        #edit-submit:hover {
            background: #00175a;
        }

        .form-required,
        .fieldset-legend {
            color: #006fcf;
            margin-bottom: 10px;
            display: block;
        }

        .form-check-input[type="checkbox"] {
            height: 25px;
            width: 25px;
            border-color: #006fcf;
        }

        label.option {
            font-weight: normal;
            padding-top: 5px;
            display: inline-block;
        }

        .form-title {
            font-size: 26px;
            margin-bottom: 10px;
            padding-bottom: 30px;
            display: inline-block;
            font-weight: bold;
            color: #006fcf;
        }

        #edit-telefone {
            padding-left: 50px;
        }

        .bootstrap-table .fixed-table-container .table {
            font-size: 80% !important;
        }

        .views-field {
        white-space: nowrap;
        }

        .header-div {
            margin-bottom: 10px !important;
        }

        .header-div h3 {
            float: left;
        }

        .header-div .btn {
            float: right;
        }

        #views-filters, .fieldset-legend {
            font-size: 14px;
        }

        fieldset input, fieldset select {
            padding: 8px !important;
            height: 40px !important;
        }

        fieldset #edit-actions {
            float: left;
            margin-top: 15px;
        }

        button.btn.btn-link {
            background: #efefef;
            padding: 4px 18px !important;
        }

        .collapse-indicator::before {
            content: "▼";
            /* fechado */
            display: inline-block;
            transition: transform 0.3s ease;
        }

        button[aria-expanded="true"] .collapse-indicator::before {
            content: "▲";
            /* aberto */
        }

        /*
        * Corrige o estilo do fieldset do filtro de data para alinhar com outros filtros.
        */

        /* Remove a borda e o preenchimento padrão do fieldset */
        #edit-cf-timestamp-wrapper {
            border: none;
            padding: 0;
            margin: 0;
            margin-top: 0.7em;
        }

        /* Esconde o título (legend) do fieldset, pois já temos os labels "De" e "Para" */
        #edit-cf-timestamp-wrapper .fieldset-legend {
            /* display: none; */
            font-family: var(--dxt-setting-headings-font-face);
            font-style: normal;
            font-weight: 700;
            color: var(--dxt-color-text);
            margin-bottom: 6px;
            margin-right: 8px;
        }

        /* 
        * Faz com que os campos "De" e "Para" fiquem um ao lado do outro.
        * Isto é opcional, mas geralmente melhora o layout.
        */
        #edit-cf-timestamp-wrapper .fieldset-wrapper {
            display: flex;
            gap: 1rem;
            /* Adiciona um espaço entre os campos */
            align-items: flex-end;
            /* Alinha os campos pela base */
        }

        /* Opcional: Garante que os form-items dentro do flex container se comportam bem */
        #edit-cf-timestamp-wrapper .form-item {
            margin-top: 0;
            margin-bottom: 0;
        }

        #edit-cf-timestamp-wrapper legend {
            margin-bottom: 0;
        }

        /* CHARTS DASHBOARS */
        /* 1. Configuração do Container Pai (Anexos) */
        .dashboard-grid .attachment {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 20px;
            width: 100%;
        }

        /* 2. O TRUQUE: Fazemos com que o container do Bootstrap não interfira no layout */
        .dashboard-grid .attachment>.views-element-container {
            display: contents;
        }

        /* 3. Agora as suas classes de largura vão funcionar corretamente */
        .chart-w-25,
        .chart-w-33,
        .chart-w-50,
        .chart-w-75,
        .chart-w-100 {
            min-width: 0;
            /* Estilo de "card" para o gráfico */
            background: #fff;
            padding: 15px;
            border: 1px solid #dee2e6;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }

        @media (min-width: 992px) {
            .chart-w-25 {
                flex: 0 0 calc(25% - 20px) !important;
            }

            .chart-w-33 {
                flex: 0 0 calc(33.33% - 20px) !important;
            }

            .chart-w-50 {
                flex: 0 0 calc(50% - 20px) !important;
            }

            .chart-w-75 {
                flex: 0 0 calc(75% - 20px) !important;
            }

            .chart-w-100 {
                flex: 0 0 100% !important;
            }
        }

        /* Mobile: todos a 100% */
        @media (max-width: 991px) {

            .chart-w-25,
            .chart-w-33,
            .chart-w-50,
            .chart-w-75 {
                flex: 0 0 100% !important;
            }
        }

        @media screen and (width <=991px) {

            h1,
            h2,
            h3,
            h4,
            h5 {
                font-size: var(--dxt-setting-h1-mobile-font-size);
            }
        }

        /* Extra large devices (large laptops and desktops, 1200px and up) */
        @media only screen and (max-width: 1200px) {
            .esg-badge {
                position: absolute;
                top: 20px;
                left: 30px;
                z-index: 20;
            }

            .esg-highlight {
                left: 120px;
                line-height: 25px;
                width: 80%;
                top: 60px;
                padding-left: 110px;
            }

            .esg-florest {
                position: absolute;
                bottom: -140px;
                left: auto;
                right: 0;
                z-index: 0;
                margin-bottom: 50px;
            }

            .content .row {
                padding: 20px !important;
            }

            .lazer-box-arrow {
                position: absolute;
                top: -250px;
                left: 70%;
                z-index: 20;
            }

            .lazer-box-arrow img {
                width: 140px;
                height: 140px;
                object-fit: cover;
            }

            .lazer-box-text {
                margin-top: 150px;
            }

            .blue-box-text-6 {
                margin-top: 200px;
            }

        }

        /* Em tablets (<= 991px) */
        @media (max-width: 991px) {
            .esg-badge {
                position: absolute;
                top: 20px;
                left: 30px;
                z-index: 20;
            }


        }

        /* Em tablets (<= 768px) */
        @media (max-width: 768px) {
            .esg-badge {
                position: absolute;
                top: 20px;
                left: 30px;
                z-index: 20;
            }

            .slideshow-text {
                left: 50%;
                width: 90%;
            }
            .bloco-cinza {
                padding: 40px;
                position: absolute;
                top: -25%;
                left: 40%;
                transform: translate(-50%, -50%);
            }
        }

        /* Em smartphones (<= 480px) */
        @media (max-width: 480px) {
            .row {
                padding: 10px !important;
            }

            .gray-bar {
                margin-bottom: 160px;
            }

            .esg-badge {
                position: absolute;
                top: 20px;
                left: 10px;
                z-index: 20;
            }

            .esg-highlight {
                left: 100px;
                line-height: 25px;
                width: 70%;
                top: 60px;
                padding-left: 80px;
            }

            .esg-florest {
                /* position: absolute; */
                bottom: -190px;
                left: auto;
                right: 10px;
                z-index: 0;
                /* margin-bottom: 50px; */
            }

        }

        @media (min-width: 1299px) {

            .grey-background,
            .layout--threecol-section {
                margin-top: 80px;
                padding-top: 80px;
                padding-bottom: 80px;
            }
        }

        @media (min-width: 992px) {
            .custom-card-body {
                min-height: 220px;
            }

            .bloco-imagem {
                left: 100px;
                top: 70px;
            }
            .bloco-cinza {
                padding: 60px;
                position: absolute;
                top: -25%;
                left: 40%;
                transform: translate(-50%, -50%);
            }
        }

        @media (min-width: 768px) {


            .bloco-azul {
                padding: 20px;
                position: relative;
                padding-left: 120px;
            }

            .bloco-imagem {
                left: 0px;
                top: 70px;
            }

            #user-login-form {
                width: 60%;
                margin: 0 auto;
                padding: 30px;
            }

            .wrap-messages {
                width: 90%;
                padding-left: 10%;
            }

        }