/********** Template CSS **********/
:root {
    --primary: #4761FF;
    --secondary: #555555;
    --light: #F1F3FA;
    --dark: #1C2035;
}




@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: "Montserrat", sans-serif;
    font-weight: 400 !important;
    font-style: normal !important;
}

a {
    color: #0e388a;;
}

#form_site img {
    /*border-radius: 8px !important;*/
}

.breadcrumb {
    margin-top: 10px;
    font-size: 14px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,


h5 {
    margin: 0;
}

.bordered-title h5 {
    text-align: center;
    text-decoration: underline;
    font-size: 14px;
    color: #564F4A;
    font-weight: 600;
}


/*Sessão abaixo do banner*/

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}


.custom-card {
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
}

.custom-icon {
    color: #67C9DA;
    margin-right: 10px;
    font-size: 26px;
}

.custom-btn {
    background: rgb(124, 184, 247);
    background: linear-gradient(156deg, rgba(124, 184, 247, 0.96) 0%, rgba(42, 88, 162, 1) 100%);
    border: none;
    color: #fff;
    border-radius: 5px;
    padding: 15px 40px;
}

.custom-btn:hover {
    background: linear-gradient(156deg, rgba(124, 184, 247, 0.96) 0%, rgba(42, 88, 162, 1) 100%);
}

.mgr-2{
    margin-top: 2rem;
}


.selo-text {
    font-size: 22px;
    font-weight: 600;
    color: #2a58a2;
}

.custom-btn-cta {
    background: linear-gradient(156deg, rgba(124, 184, 247, 0.96) 0%, rgba(42, 88, 162, 1) 100%);
    border: none;
    padding: 15px 50px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    font-size: 18px;
    font-weight: 300;
    filter: drop-shadow(0 0 0.40rem #3B5998);
    color: #fff;
	margin-top: 20px;
}

.custom-btn-cta:hover {
    background: linear-gradient(156deg, rgba(124, 184, 247, 0.96) 0%, rgba(42, 88, 162, 1) 100%);
}

.overlay span {
    z-index: 3;
    font-size: 26px;
}

.custom-btn-header {
    background-color: #3B5998;
    border: none;
    padding: 10px 50px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    font-size: 18px;
    font-weight: 300;
    filter: drop-shadow(0 0 0.40rem #3B5998);
    color: #fff;
}


.custom-card-list {
    text-align: left;
    padding-left: 3rem;
    padding-right: 3rem;
	min-height: 350px;
}

.custom-card-list li {
    list-style: none;
    color: #2A58A2;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.investimentos {
    background-color: #F4F4FC;
}

.info-card {
    margin-left: 60px;
}

.form-control:disabled, .form-control:read-only{
    background-color: #fff !important;
}

.btn-custom {
    background: rgb(124, 184, 247);
    background: linear-gradient(156deg, rgba(124, 184, 247, 0.96) 0%, rgba(42, 88, 162, 1) 100%);
    color: #fff;
    border: none;
    border-radius: 25px;
    padding: 10px 20px;
    transition: background 0.3s ease;
    margin-top: 30px;
}

.btn-custom:hover {
    background: rgba(42, 88, 162, 0.9);
}

.btn-custom-header {
    background-color: #D9D9D9;
    color: #2A58A2;
    border: none;
    border-radius: 5px;
    padding: 5px 20px;
    transition: background 0.3s ease;
    font-weight: 300;
    font-size: 15px;
}

.icons-wrapper i {
    font-size: 2rem;
    color: #1e3a56;
    margin: 0 10px;
}

.investment-title {
    color: #3B5998;
    font-size: 58px;
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
}

.icon-circle {
    width: 50px;
    height: 50px;
    background-color: #3B5998;
    border-radius: 50%;
    position: relative;
    left: -20px;
}

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

.icon {
    font-size: 1.5rem;
    /*color: white;*/
}

.card-title {
    font-size: 0.875rem;
    color: #888888;
    margin: 0;
}

.card-value {
    font-size: 32px;
    color: #3B5998;
    font-weight: 900;
    margin: 0;
}

.bg-white {
    background-color: #FFFFFF;
}


.investment-value {
    font-weight: 900;
    font-size: 87px;
    color: #2a58a2;
}


/*Energia Verde*/
.energia-verde {
    position: relative;
    background: url('../img/energia-verde.png') center center/cover no-repeat;
    height: 80vh;
}



.texto-hidrogenio {
    color: #2A58A2;
    font-size: 38px;
}

.paragrafo-br {
    color: #ffffff;
}

.paragrafo-hidrogenio {
    color: #2A58A2;
    font-weight: 600;
}


.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(157 189 231 / 74%);
}

.content {
    position: relative;
    z-index: 1;
    color: #1e3a56;
    padding: 20px;
}

.btn-custom {
    background: rgb(124, 184, 247);
    background: linear-gradient(156deg, rgba(124, 184, 247, 0.96) 0%, rgba(42, 88, 162, 1) 100%);
    color: #fff;
    border: none;
    border-radius: 25px;
    padding: 10px 20px;
    margin-top: 20px;
    transition: background 0.3s ease;
}

.btn-custom:hover {
    background: rgba(42, 88, 162, 0.9);
}

.video {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    height: 360px;
}

/*Classes Gerais*/

.img-padrao {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

/* Estilo do Header */
.bg-image-section {
    background-image: url('image-fundo.png');
    /* Substitua pelo caminho da sua imagem */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    /* Altura da seção para ocupar a tela inteira */
    position: relative;
    padding-left: 5%;
    /* Espaçamento opcional à esquerda */
}

.bg-image-section2 {
    background-image: url('../img/localizacao-estra.png');
    /* Substitua pelo caminho da sua imagem */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    /* Altura da seção para ocupar a tela inteira */
    position: relative;
    padding-left: 5%;
    /* Espaçamento opcional à esquerda */
}

.bg-image-section2 h1 {
    color: #4c4c4c;
    text-align: center;
    font-size: 88px;
}

.bg-escuro h2 {
    color: #ffffff;
    font-size: 51px;
    font-weight: 400 !important;
    line-height: 1;
}

.bg-image-section2 h1 {
    color: #4c4c4c;
    text-align: center;
    font-size: 88px;
}

.bg-escuro-cz h2 {
    color: #ffffff;
    font-size: 51px;
    font-weight: 400 !important;
    line-height: 1;
}

.img-pequena {
    height: 85px;
    width: 50%;
    object-fit: cover;
    margin-top: 13rem;
    margin-left: 4rem;
}

.bg-escuro-cz {
    background-color: #565656;
    position: relative;
    width: 100%;
    height: 100vh;
}

.bg-escuro p {
    color: #ffffff;
}

.bg-escuro {
    background-color: #212121;
    position: relative;
    width: 100%;
    height: 100vh;
}


.image-box-gr {
    height: 430px;
}

.produtor .pdd-prod {
    padding-right: 6rem;
    padding-left: 6rem;
}


.img-exportador {
    max-width: 90%;
    height: 520px;
    object-fit: cover;
}


.exportador h2 {
    font-size: 39px;
    line-height: 1;
    color: #5d5d5d;
}

.turismo h2 {
    font-size: 57px;
    line-height: 1;
    color: #5d5d5d;
}

.inovacao h2 {
    font-size: 57px;
    line-height: 1;
    color: #5d5d5d;
}

.bg-image-section h1 {
    font-size: 78px;
    font-weight: 400;
    line-height: 1;
}

.riquezas-piaui .btn {
    padding: 10px 40px !important;
}

.riquezas-piaui h2 {
    font-size: 42px;
    line-height: 1;
    margin-bottom: 2rem;
}


/* Piaui de Riquizas */

.section-text h2 {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 1rem;
}

.section-text p {
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.cta-button:hover {
    background-color: #d1d1d1;
}

.section-video iframe {
    width: 100%;
    height: auto;
    max-width: 500px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* Responsividade para telas menores */
@media (max-width: 768px) {


    .section-video iframe {
        max-width: 100%;
    }

    .bg-image-section {
        height: 62vh !important;
    }

    .overlay-box .rank-p {
        line-height: 1.5 !important;
        font-size: 25px !important;
        color: #fff;
    }

    .overlay-box h3 {
        font-size: 24px !important;
        margin-top: 0rem !important;
    }

    .riquezas-piaui .btn {
        margin-bottom: 2rem;
    }

    .exportador .explicacao {
        padding: 0 !important;
    }
}

/* Estilos adicionais */
.info-box {
    background-color: #F7F7F7;
    /* Cor de fundo leve */
}

.info-box .border-start,
.info-box .border-end {
    border-color: #ddd;
}

.info-box h2 {
    color: #333;
}

.info-box p {
    color: #666;
}

/* Ajustes de layout e estilo */
.image-box img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.image-box.full-height img {
    height: 100%;
    object-fit: cover;
    /* Ajuste de imagem para cobrir toda a altura */
}

.list-unstyled i {
    color: #333;
    font-size: 1.2rem;
    margin-right: 0.5rem;
}

/* Ajuste das margens */
.w-50 {
    width: 50%;
}

/* 1 Maior exportador */
.bg-image-section {
    background-image: url('../img/back-expor.png');
    background-size: cover;
    background-position: center;
    position: relative;
    height: 100vh;
    color: #333;
}

/* Imagem com Borda Arredondada */
.img-fluid.rounded {
    border-radius: 10px;
    position: relative;
    z-index: 2;
    /* Sobrepõe a máscara */
}

/* Texto */
.container .col-md-6 {
    position: relative;
    z-index: 2;
}

h2 {
    color: #333;
}

p {
    color: #666;
}

/* Ajustes de estilo */
.image-box img {
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.list-unstyled i {
    color: #333;
    font-size: 1.2rem;
    margin-right: 0.5rem;
}

/* Ajustes adicionais para melhorar a legibilidade do texto */
ul li {
    font-size: 1rem;
    color: #666;
}

.background-image {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.overlay-box {
    position: absolute;
    top: 35%;
    left: -3%;
    background-color: #555555;
    border-radius: 10px;
    width: 50%;
    height: 60%;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 3;
}

.caixa-title {
    font-size: 37px !important;
    margin-top: 1rem !important;
    line-height: 1;
    font-weight: 400;
    padding-left: 3rem;
    padding-right: 1rem;
}

.overlay-box .rank-p {
    line-height: 1.5;
    font-size: 28px;
    color: #fff;
}


.overlay-box h3 {
    font-size: 40px;
    margin-top: 3rem;
}

.overlay-box p {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.5;
}

.back-cz {
    background-color: #e9e9e9;
}

/* Ajustes para responsividade */
@media (max-width: 768px) {
    .overlay-box {
        top: 10%;
        left: 5%;
        width: 70%;
    }
}

.atracao-cards{
    padding-left: 10rem;
    padding-right: 10rem;
}

.icon-circle {
    width: 146px;
    height: 90px;
    background-color: #2A58A2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -30px;
}

.icon-circle i {
    font-size: 2rem;
    color: #fff;
}

.circle-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

.main-circle {
    background-color: #bbb;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: relative;
}

.small-circle {
    background-color: #fff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.top-circle {
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
}

.right-circle {
    top: 50%;
    right: -35px;
    transform: translateY(-50%);
}

.bottom-circle {
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
}

.left-circle {
    top: 50%;
    left: -35px;
    transform: translateY(-50%);
}

.bg-image-section {
    position: relative;
    width: 100%;
    height: 100vh;
    /* Ocupa toda a altura da visualização */
}

.background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.exportador .explicacao {
    padding: 18rem 13rem 3rem 7rem;
}



.overlay h1 {
    font-size: 3rem;
    color: #333;
    margin: 0;
}


.btn-link {
    font-size: 1rem;
    color: #2A58A2;
    text-decoration: none;
}

.btn-link:hover {
    text-decoration: underline;
}

.destaque-sessao {
    background-color: #fff;
    color: #264F91;
    font-size: 18px;
    padding: 10px 18px;
    border-radius: 5px;
    font-weight: 300;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}

.card-text {
    font-size: 1rem;
    color: #6c757d;
}

.card-title {
    font-size: 24px;
    font-weight: 900;
    color: #A6A6A6;
}

.titulo-sessoes {
    font-weight: 900;
    font-size: 54px;
    color: #2A58A2;
}

/*Sobre*/

.porque-piaui p {
    color: white;
}

.porque-piaui h2 {
    font-weight: bold;
    color: white;
    padding-top: 1rem;
}

.porque-piaui .card {
    background-color: white;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 235px;
    margin-left: 0;
}

.porque-piaui .porque-piaui .card-title {
    font-weight: 800;
    color: #333;
    font-size: 16px;
    text-align: left;
}

.porque-piaui .card-text {
    color: #666;
    margin-bottom: 20px;
    font-size: 13px;
    text-align: left;
}

.porque-piaui .porque-piaui .card-link:hover {
    text-decoration: underline;
}

.porque-piaui .btn-primary {
    margin-bottom: 20px
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .porque-piaui .card {
        margin-bottom: 20px;
        width: 100%;
    }

    .porque-piaui img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

    .porque-piaui .btn {
        width: 90%;
        padding: 20px;
    }

    .porque-piaui .row {
        flex-direction: column;
    }

    .porque-piaui .col-12 {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}


.btn-primary {
    background: linear-gradient(156deg, rgba(124, 184, 247, 0.96) 0%, rgba(42, 88, 162, 1) 100%);
    border: none;
    padding: 10px 25px;
    font-size: 14px;
    border-radius: 50px;
    transition: background-color 0.3s;
    font-weight: 600;
}

.btn-primary:hover {
    background-color: #0056b3;
}

/*Destaques*/


.destaques .card-title {
    margin-top: 0.5rem;
    color: #21447D;
}

.destaques .card-text {
    color: #2A58A2;
    font-size: 14px;
}

.destaques .card-link:hover {
    text-decoration: underline;
}

/*Hidrogenio*/

.hidrogenio-verde h2 {
    font-size: 34px;
    font-weight: 900;
    color: #212529;
    line-height: 1.2;
}

.hidrogenio-verde p {
    font-size: 14px;
    color: #434345;
    font-weight: 400;
    line-height: 1.8;
}

.btn-link:hover {
    text-decoration: underline;
}

/*Setor Economico*/
.section-title {
    color: #3B5998;
    font-size: 2rem;
    font-weight: bold;
}

.section-subtitle {
    color: #2A58A2;
    font-size: 1rem;
    max-width: 600px;
    margin: 0 auto 20px;
    font-weight: 200;
}

.card-sector {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.card-sector img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
}

.card-sector .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    font-size: 1.2rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.card-sector2 {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.card-sector2 img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
}

.card-sector2 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    font-size: 1.2rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.card-sector2 h3, .card-sector2 a {
    color: #fff;
}

.info-button2 {
    border: 2px solid #eee;
    color: #2A58A2;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-primary {
    background-color: #3B5998;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-primary:hover {
    background-color: #2A4376;
}

/*Subsidiarias*/

.subsidiarias-controls button {
    background-color: #2A58A2;
    border: none;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background 0.3s;
    border-radius: 50%;
}

.subsidiarias-controls button:hover {
    background: #2A58A2;
    color: white;
}

.subsidiarias-controls i {
    color: #ffffff;
    font-size: 20px;
}

.subsidiarias .card h5 {
    text-align: left;
    font-size: 16px;
    color: #21447D;
    font-weight: 700;
}

.subsidiarias .card-text {
    font-size: 14px;
    color: #2A58A2;
}

.subsidiarias .card-link:hover {
    text-decoration: underline;
}

/*Projetos*/

.projetos .card h5 {
    text-align: left;
    font-size: 16px;
    color: #21447D;
    font-weight: 700;
}

.projetos .card-text {
    font-size: 14px;
    color: #2A58A2;
}

.projetos .projetos-controls button {
    background-color: #2A58A2;
    border: none;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background 0.3s;
    border-radius: 50%;
}

.projetos-controls button:hover {
    background: #2A58A2;
    color: white;
}

.projetos-controls i {
    color: #ffffff;
    font-size: 20px;
}

.carousel-control-prev-icon, .banner-contato {
    background-color: #2a58a2;
    border-radius: 30px;
    width: 50px;
    height: 50px;
}

.carousel-control-next-icon{
background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    background-color: #2a58a2;
    border-radius: 30px;
    width: 50px;
    height: 50px;
}

.card {
    border: none;
}

.card-link:hover {
    text-decoration: underline;
}



.banner-contato .banner-contato h1 {
    font-size: 36px;
    font-weight: bold;
    color: #000;
    margin-top: 20px;
}

.banner-contato img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
}

.contact-section {
    padding: 40px 0;
}

.contact-section p {
    font-size: 16px;
    line-height: 1.6;
}

.contact-section .form-select,
.contact-section .form-control {
    margin-bottom: 15px;
}

#form-detalhado .form-group {
    margin-bottom: 15px;
}

#form-detalhado .form-check {
    margin-top: 10px;
}

#form-detalhado .btn {
    padding: 10px 30px;
    font-size: 16px;
}

.piaui-em-dados{
    background-color: #2A58A2;
}

.piaui-em-dados .section-subtitle {
    color: #ffffff;
    font-size: 1rem;
    max-width: 600px;
    margin: 0;
    font-weight: 200;
    text-align: left;
}

.piaui-em-dados .custom-btn-cta{
    background: rgb(255,255,255);
background: linear-gradient(156deg, rgba(255,255,255,1) 0%, rgba(184,184,184,1) 100%);
    border: none;
    padding: 15px 70px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    font-size: 18px;
    font-weight: 300;
    filter: drop-shadow(0 0 0.40rem #ffffff);
    color: #3B5998;
    margin-top: 1rem;
}

.piaui-em-dados .section-title {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 900;
    text-align: left;
}

.d-none {
    display: none !important;
}

.cta-section {
    background-color: #F3F4F6;
    margin-bottom: 5rem;
}

.cta-text {
    color: #2A58A2;
    font-size: 1rem;
}

footer h2 {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
}

.cta-btn {
    background-color: #2A58A2;
    color: white;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    border: none;
    border-radius: 5px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.cta-btn:hover {
    background-color: #1f4a81;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
}

/*Noticias*/

.noticias .card-text {
    font-size: 13px;
    color: #434345;
}

.noticias .card h5 {
    font-size: 20px;
    color: #060A11;
    font-weight: 800;
}

.noticias .card {
    border: 1px solid #E4E4E5;
    border-radius: 10px;
    background-color: #FAFCFF;
    box-shadow: 0 0px 13px rgba(0, 0, 0, 0.1);
    padding: 25px;
}

.card {
    border: none;
    border-radius: 15px;
}

.card-link:hover {
    text-decoration: underline;
}


/*Eventos*/

.eventos .card-text {
    font-size: 13px;
    color: #434345;
}

.eventos .card h5 {
    font-size: 20px;
    color: #060A11;
    font-weight: 800;
}

.eventos .card {
    border: 1px solid #E4E4E5;
    border-radius: 10px;
    background-color: #FAFCFF;
    box-shadow: 0 0px 13px rgba(0, 0, 0, 0.1);
    padding: 25px;
}



.card-link:hover {
    text-decoration: underline;
}

/*Licitações*/

.licitacoes .card {
    background-color: #F2F4F7;
    border: none;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.licitacoes p {
    color: #788BB8;
    font-size: 12px;
}



.licitacoes .card-title {
    font-size: 18px;
    font-weight: bold;
    color: #21447D;
}

.licitacoes .card-text {
    font-size: 14px;
    color: #2A58A2;
}

.card-link:hover {
    text-decoration: underline;
}

/*Noticias*/







.filter-swiper .new-event-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}



/* ============ mobile view ============ */


/* Estilo para quebra de linha nos itens do menu */
.dropdown-item {
    white-space: normal;
    /* Permite quebra de linha */
    word-wrap: break-word;
    /* Quebra palavras longas */
}

/* Estilo para o segundo e terceiro nível de dropdown */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    display: none;
    /* Inicialmente oculto */
    position: absolute;
    left: 100%;
    top: 0;
    margin-top: -6px;
    margin-left: 0;
    border-radius: 0.25rem;
}

.dropdown-submenu:hover>.dropdown-menu,
.dropdown-submenu>.dropdown-menu.show {
    display: block;
    /* Mostra o submenu ao passar o mouse */
}

/* Alinha o botão do menu hamburguer à direita */
.navbar-toggler {
    margin-left: auto;
}

/* Hero */







.alinha-esquerda {
    text-align: right;
}

.hero-section {
    position: relative;
    height: 70vh;
    /* Ajusta a altura conforme necessário */
    overflow: hidden;
    display: flex;
    align-items: center;
    color: #333;
	background: rgb(15 15 15 / 30%);
}

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.hero-content {
    z-index: 1;
}

.texto-hero{
    top: -7rem;
    position: relative;
}

.texto-hero h5 {
    font-size: 28px;
    color: #2A58A2;
}

.hero-content h1 {
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.hero-content p {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.hero-section img {
    border-radius: 0;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    position: relative;
}





.badge-content h5 {
    font-weight: bold;
    margin-bottom: 5px;
}

.badge-content p {
    margin: 0;
    font-size: 14px;
    color: #666;
}

.btn-primary:hover {
    background-color: #0056b3;
}



/*Top bar*/


/* Estilização das Bubbles */








/* Carousel */



.pre-titulo-banner h2 {
    font-size: 22px;
    color: #ffffff;
    font-weight: 800;
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.pre-titulo-banner h2:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 50px;
    background-color: #ffffff;
    margin-left: 15px;
}

.carousel-caption h5 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
}

.carousel-caption h3 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
}

.carousel-caption p {
    font-size: 1.2rem;
    margin-bottom: 20px;
    color: #fff;
}

.carousel-caption .btn {
    margin: 5px;
}





.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 167px;
    height: 10px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, .5);
}

.carousel-indicators .active{
    background-color: #2A5BA2;
}

.carousel-indicators
/* Menu Principal*/

.dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
    color: #ffffff;
    display: inline-block;
    width: 1em;
    text-align: right;
    float: right;
    margin-left: 5px;
}

.flag-icon {
    width: 20px;
    height: 14px;
    margin-right: 8px;
    vertical-align: middle;
}

.dropdown-item {
    display: flex;
    align-items: center;
    white-space: normal;
    word-wrap: break-word;
    color: #ffffff;
    padding: 8px 15px;
    border-radius: 0;
    width: auto;
    min-width: auto;
}

.navbar-superior .dropdown-item {
    color: white !important;
}

.botao-acessibilidade {
    background-color: #0e388a;;
    color: #ffffff;
    font-size: 14px;
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
    color: #959595;
    display: inline-block;
    width: 1em;
    text-align: right;
    float: right;
    margin-left: 5px;
}

.navbar {
    background-color: #f8f9fa;
    font-size: 14px;
}

.navbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar-nav {
    flex-grow: 1;
    justify-content: center;
    display: flex;
}

.navbar-toggler {
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-toggler-icon {
    background-image: none;
    border-radius: 2px;
}

.navbar-toggler-icon::before {
    content: '\2630';
    /* Unicode for hamburger icon */
    font-size: 1.25rem;
    color: #2A58A2;
}

.navbar-nav .nav-link {
    color: #666;
    font-weight: 300;
}

.navbar-nav .nav-link:hover {
    color: #0056b3;
}

.menu_link2 {
    padding-left: 30px;
    color: #666;
}

.dropdown-menu {
    background-color: #004080;
    font-size: 14px;
    border-radius: 0;
}

.dropdown-item:hover {
    background-color: #ffffff;
}

.btn-custom {
    background-color: #E5E7EF;
    color: #2A58A2;
    border-radius: 20px;
    padding: 10px 25px;
    font-weight: 600;
    font-size: 13px;
}

.btn-custom:hover {
    background-color: #003a80;
    color: #fff;
}

.destaques img {
    margin-right: 20px;
}

.noticias .botao-ver {
    text-align: end;
}

.eventos .botao-ver {
    text-align: end;
}

.licitacoes .botao-ver {
    text-align: end;
}

@media (max-width: 768px) {
    .navbar-nav {
        justify-content: flex-start;
    }

    .navbar .navbar-toggler {
        padding: 12px 5px 5px 5px !important;
    }

    .energia-verde {
        height: 100%;
    }

    .hero-content {
        margin: 0;
    }

    .alinha-esquerda {
        width: 50%;
    }

    .top-bar .col-md-6 {
        width: 50%;
    }

    .destaques img {
        width: 100%;
    }

    .infra-title {
        color: #3B5998 !important;
        font-size: 28px !important;
        font-weight: 900 !important;
        margin-bottom: 1.5rem;
        text-align: center !important;
        width: 23rem !important;
        line-height: 1.2;
        margin-left: -17px;
    }

    .custom-btn-cta{
        width: 96%;
        margin-left: 1px !important;
    }

    .icon-circle {
        margin: 0;
    }

    .infra-location-description{
        font-size: 18px !important;
    }

    .img-infra {
        width: 100%;
        height: 95% !important;
    }

    .atracao-cards {
        padding-left: 0rem;
        padding-right: 0rem;
        margin-right: -14px;
        margin-left: -66px;
    }


    .icon-circle {
        width: 86px;
        height: 81px;
        margin-right: -1px;
    }

    .btn-custom {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .badge-content h5 {
        font-size: 13px;
    }

    .texto-hidrogenio {
        font-size: 32px;
    }

    .ms-3 {
        margin-left: -1rem !important;
    }

}

.btn-custom {
    background-color: #E5E7EF;
    color: #2A58A2;
    border-radius: 20px;
    padding: 10px 25px;
    font-weight: 600;
    font-size: 13px;
}

.btn-custom:hover {
    background-color: #003a80;
    color: #fff;
}

/*Top Bar*/

.top-bar {
    background-color: #0e388a;;
    /* Cor de fundo semelhante à da imagem */
    padding: 5px 0;
    color: #fff;
    font-size: 14px;
}

.social-icon {
    color: #fff;
    margin-left: 10px;
    font-size: 18px;
    text-decoration: none;
}

.social-icon:hover {
    color: #ddd;
    /* Cor ao passar o mouse sobre o ícone */
}



.language-selector i {
    font-size: 16px;
}

/* Estilização do rodapé */
footer {
    background-color: #264F91;
    /* Azul escuro */
    color: #ffffff;
    /* Texto branco */
}

footer h5 {
    font-size: 1.25rem;
    font-weight: bold;
}

footer p,
footer a {
    font-size: 0.9rem;
    color: #ffffff;
}

footer a {
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

footer .form-control {
    background-color: #fff;
    border: 1px solid #fff;
    color: #414141;
}

footer .form-control::placeholder {
    color: #c0c0c0;
}

footer .btn-light {
    background-color: #F2F4F7;
    color: #2A58A2;
    font-weight: bold;
    border-radius: 8px;
}

footer .btn-light:hover {
    background-color: #F2F4F7;
    color: #2A58A2;
}

footer .form-inline {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}

footer .form-control {
    flex: 1;
    min-width: 0;
}

/*INfraestrutura*/

.infra-title {
    color: #3B5998;
    font-size: 50px;
    font-weight: 900;
    margin-bottom: 1.5rem;
    text-align: left;
    width: 40rem;
    line-height: 1.2;
}

.infra-location-title {
    color: #3B5998;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.infra-location-description {
    color: #2A58A2;
    font-size: 21px;
    max-width: 600px;
    font-weight: 200;
}

.btn-primary {
    background-color: #3B5998;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.bi-plus-circle {
	margin-left: 5px;
}

.img-infra {
    width: 100%;
    margin-bottom: 90px;
}

.btn-primary:hover {
    background-color: #2A4376;
}

.img-fluid {
    object-fit: cover;
}

@media (max-width: 768px) {

    .infra-location-title,
    .infra-location-description {
        text-align: center;
    }

    .btn-primary {
        display: block;
        margin: 0 auto;
    }
}

/*informacoes-piaui*/

.bg-primary-custom {
    background-color: #2A58A2;
}

.info-block {
    height: 300px;
    border-radius: 10px;
    background-color: #E6E6E6;
    /* Representa a cor do bloco cinza */
    padding: 20px;
}

.info-title {
    color: #2A58A2;
    font-size: 37px;
    font-weight: bold;
    margin-bottom: 1rem;
    text-align: center;
}


.info-button {
    border: 2px solid #2A58A2;
    color: #2A58A2;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.info-button-noticias {
    border: 2px solid #2A58A2;
    background-color: #2A58A2;
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.info-button i {
    margin-left: 5px;
}

.info-button:hover {
    background-color: #2A58A2;
    color: #FFFFFF;
}


.informacoes-piaui .info-button {
    border: 2px solid #FFFFFF;
    background-color: #fff;
    color: #2A58A2;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.informacoes-piaui .info-title {
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 1rem;
}

.informacoes-piaui .info-button i {
    margin-left: 5px;
    background-color: #fff;
    color: #2A58A2;
}

.info-button i {
    margin-left: 5px;
}

.info-button:hover {
    background-color: #FFFFFF;
    color: #2A58A2;
}

@media (max-width: 768px) {
    .info-title {
        font-size: 1rem;
    }

    .info-button {
        width: 100%;
    }
}

/*Carousel*/
.carousel img {
    object-fit: cover;
}

/*Textos*/

p {
    color: #3F4542;
    font-weight: 400;
    font-size: 16px;
}





.titulos-principais-internas h2 {
    font-size: 22px !important;
    color: #2C302F;
    font-weight: 800;
    position: relative;
    display: inline-block;
    margin-right: 20px;
}



.titulos-principais-internas h2 {
    font-size: 22px !important;
    color: #333;
    font-weight: 800;
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.titulos-principais-internas p {
    font-size: 22px;
    color: #333;
    font-weight: 800;
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.accordion-button:not(.collapsed) {
    background-color: #ffffff !important;
}

.accordion-button:not(.collapsed) {
    font-size: 16px;
    color: #333 !important;
    font-weight: 800;
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
}



.pre-titulo h2 {
    font-size: 24px;
    color: #333;
    font-weight: 800;
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.pre-titulo-internas h2 {
    font-size: 24px;
    color: #333;
    font-weight: 800;
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
}

.pre-titulo-internas button {
    font-size: 24px;
    color: #333 !important;
    font-weight: 800;
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
}

.pre-titulo-internas h2:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    height: 3px;
    width: 40px;
    background-color: #333;
    margin-left: 15px;
}

.pre-titulo h2:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 50px;
    background-color: #333;
    margin-left: 15px;
}

.titulo-sessoes h2 {
    font-size: 24px;
    color: #333;
    font-weight: 800;
    position: relative;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
}

.related-news .titulo-sessoes h3 {
    font-size: 18px;
    color: #333;
    font-weight: 800;
    position: relative;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
}




.titulo-sessoes h2:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 50px;
    background-color: #333;
    margin-left: 15px;
}

.campi-titles h1,
.campi-titles h2 {
    margin: 0;
    padding: 0;
}



.campi-links a {
    display: block;
    margin-bottom: 10px;
}

.campi-titles h1 {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    position: relative;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 5px;
}

.campi-titles h2 {
    font-size: 38px;
    color: #ffffff;
    font-weight: 800;
    position: relative;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
}





.social-header h4 {
    margin: 0;
}

.social-header hr {
    flex-grow: 1;
    border-top: 2px solid #333;
    margin-left: 10px;
}





.social-link i {
    font-size: 1.5rem;
}

/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

/*Noticias*/

.noticias-swiper-next,


.news-filter-buttons button {
    flex: 0 0 auto;
    margin-right: 10px;
}


.news-title,
.news-location,
.news-description,



.noticias-interna .noticias-interna .noticias-interna .noticias-interna

/* Estilização do rodapé */
footer {
    background-color: #264F91;
    /* Azul escuro */
    color: #ffffff;
    /* Texto branco */
}

footer h5 {
    font-size: 1.25rem;
    font-weight: bold;
}

footer p,
footer a {
    font-size: 0.9rem;
    color: #ffffff;
}

footer a {
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

footer .btn-light {
    background-color: #F2F4F7;
    color: #2A58A2;
    font-weight: bold;
    border-radius: 8px;
}

footer .btn-light:hover {
    background-color: #F2F4F7;
    color: #2A58A2;
}

footer .form-inline {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}

footer .form-control {
    flex: 1;
    min-width: 0;
}


/* Contatos*/

.pag-contatos



#contact_submit{
    float: right;
}

/* Mobile Responsivo Celular*/

@media (max-width: 932px) {

	.dropdown-item {
		color: #6c757d;
	}

	.navbar-nav .nav-link {
		color: #333;
	}


	.hide-mobile {
		display: none !important;
	}

    .porque-piaui .container {
        padding: 0;
    }



    .col-md-4 {
        order: -1;
        /* Move this column above the menu */
        width: 100%;
        padding: 0;
    }

    .col-md-8 {
        width: 100%;
        padding: 0;
    }



    .pre-titulo-internas h2 {
        text-align: center;
        margin-bottom: 20px;
    }



    .side-menu h5 {
        text-align: center;
    }


    .campi-section .row {
        display: flex;
        flex-direction: column-reverse;
    }


    .titulo-sessoes h2 {
        font-size: 24px;
    }

    .titulo-sessoes h2:after {
        display: none;
    }



    .news-item-noticias .col-12 {
        padding: 0;
    }

    .news-item-noticias img {
        width: 100%;
        height: auto;
    }



    .pre-titulo-banner h2 {
        font-size: 18px;
        width: 14rem;
    }

    .carousel-caption h3 {
        font-size: 33px;
        width: 20rem;
    }

    .carousel-caption p {
        font-size: 1.2rem;
        width: 20rem;
    }

    .navbar .dropdown-menu {
        position: relative;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #fff;
        border: none;
        border-radius: 0;
        padding: 8px 15px;
        width: auto;
        min-width: auto;
        padding: 0;
    }

    .navbar .dropdown-menu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0;
        margin-left: 0;
    }

    .navbar .dropdown-menu .dropdown-item {
        width: 100%;
        white-space: nowrap;
		padding: 5px 20px;
        font-size: 14px;
	}

    .navbar .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: inherit;
        border: none;
        box-shadow: none;
    }

    .navbar .dropdown-menu.show {
        display: block;
        border-radius: 0;
    }

    .navbar .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 0;
        margin-top: .125rem;
        margin-left: 0;
    }

    .navbar .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }

    .dropdown-menu.show .dropdown-menu {
        display: block;
    }

    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }

    .dropdown-menu>.dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }

    .side-menu h5 {
        font-size: 16px;
    }

    .news-filter-buttons button {
        flex: 0 0 auto;
    }


    .menu-lateral h5 {
        cursor: pointer;
        /* Muda o cursor para indicar que é clicável */
    }


    .menu-lateral h5 {
        cursor: pointer;
    }



    .titulo-banner h2:after {
        left: 52%;
        top: 12%;
    }

    .welcome-image img {
        display: none;
    }

	.btn-custom-header {
		width: 100%;
	}

    .investment-title {
        font-size: 45px;
        padding-bottom: 3px;
        padding-top: 10px;
    }

    .investment-value {
        font-size: 78px;
    }

    .img-investimento {
        width: 55%;
        padding-bottom: 23px;
    }

    .selo-text {
        font-size: 19px;
        margin-left: 54px !important;
    }

    .selos {
        width: 16%;
        margin-left: 173px;
        margin-top: 8px;
    }

    .texto-hero {
        top: -6rem;
    }

    .img-noticia{
        width:100%;
    }

    .btn-investimento{
        width: 87%;
        margin-left: 51px !important;
    }

    .piaui-em-dados{
        margin-top: 18px;
    }

    .btn-infra{
        width: 97%;
        margin-left: 4px !important;
        margin-bottom: 20px;
    }

    .logo-rodape{
        max-width: 48%;
    }

    #form-news .d-flex {
		display: block !important;
	}

	footer .form-control {
		width: 98%;
		margin-bottom: 4px;
	}

}
.dropdown-item-idioma {
    color: #eee;
    padding: 10px;
}
.container .full-azul{
	max-width: 99vw;
	background-color: #CEEBFE;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    padding: 1rem;
    height: 100%;
	padding: 5%;
}

.container .full-azul-claro{
	max-width: 99vw;
	background-color: #E6F5FF;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    padding: 1rem;
    height: 100%;
	padding: 5%;
}

.container .full-cinza {
    max-width: 99vw;
    background-color: #E9E9E9;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    padding: 1rem;
    height: 100%;
    padding: 5%;
}

.container .full-marrom {
    max-width: 99vw;
    background-color:  #E8CEAD;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    padding: 1rem;
    height: 100%;
    padding: 5%;
}

.container .full-image {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/Mask.jpg');
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    padding: 1rem;
    height: 100%;
    padding: 5%;
}

.container .full-preto {
    max-width: 99vw;
    background-color: #212121;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    padding: 1rem;
    height: 100%;
    padding: 5%;
}

.container .full-verde {
    max-width: 99vw;
    background-color:#499359;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    padding: 1rem;
    height: 100%;
    padding: 5%;
}

.container .full-image-reservas {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/reservas.jpg');
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    padding: 1rem;
    height: 100%;
    padding: 5%;
}

.container .full-maca {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/maca.jpeg');
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    padding: 1rem;
    height: 100%;
    padding: 5%;
}

.container .full-musgo {
    max-width: 99vw;
    background-color:#59A700;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    padding: 1rem;
    height: 100%;
    padding: 5%;
}

.container .full-azuldark {
    max-width: 99vw;
    background-color: #1F7EC2;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    padding: 1rem;
    height: 100%;
    padding: 5%;
}

.container .full-image-estdigital {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/estado-digital.png');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    padding: 1rem;
    height: 100%;
    padding: 5%;
}

.container .full-image-reservas2 {
    max-width: 99vw;
    background-image: url('/fevers/assets/images/front-mineral.jpg');
    background-repeat: no-repeat;
    width: 99vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    padding: 5%;
    background-position: bottom;
    background-size: 100%;
}
.sem-negrito {
    font-weight: 400;
}

.texto-azul {
    color: #1F7EC2;
}

.clearfix{
margin-left:10px !important;
}