/* inicio da main */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700");
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url("https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css");
@import url("https://fonts.googleapis.com/css2?family=Jura:wght@500;600;900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900");
@import url('https://fonts.cdnfonts.com/css/helvetica-neue-55');

                

/* manipulações gerais */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Quicksand", sans-serif;
    font-family: 'Roboto', sans-serif;
}

body {
    font-family: 'Poppins', sans-serif;
}

main {
    display: flex;
    flex-direction: row;
    background-color: #f4f6f7;
}

:root {
	/* // Basic */
	--c-white: #fff;
	--c-black: #000;

	/* // Greys */
	--c-ash: #eaeef6;
	--c-charcoal: #a0a0a0;
	--c-void: #141b22;

	/* // Beige/Browns */
	--c-fair-pink: #FFEDEC;
	--c-apricot: #FBC8BE;
	--c-coffee: #754D42;
	--c-del-rio: #917072;

	/* // Greens */
	--c-java: #1FCAC5;

	/* // Purples */
	--c-titan-white: #f1eeff;
	--c-cold-purple: #a69fd6;
	--c-indigo: #6558d3;
	--c-governor: #4133B7;
}

/* fim manipulações gerais */

/* setup side bar */


::after,
::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.wrapper {
    display: flex;
}

.wrapper a {
    text-decoration: none;
}

wrapper li {
    list-style: none;
}

wrapper h1 {
    font-weight: 600;
    font-size: 1.5rem;
}

.main {
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
    transition: all 0.35s ease-in-out;
    background-color: whitesmoke;

}

#sidebar {
    width: 70px;
    min-width: 70px;
    z-index: 1000;
    transition: all .25s ease-in-out;
    background-color: #0e2238;
    display: flex;
    flex-direction: column;
}

#sidebar.expand {
    width: 260px;
    min-width: 260px;
}

.toggle-btn {
    background-color: transparent;
    cursor: pointer;
    border: 0;
    padding: 1rem 1.5rem;
}

.toggle-btn i {
    font-size: 1.5rem;
    color: #FFF;
}

.sidebar-logo {
    margin: auto 0;
}

.sidebar-link {
    padding: 0.625rem 1.625rem;
    color: #FFF;
    display: block;
    font-size: 0.9rem;
    white-space: nowrap;
    border-left: 3px solid transparent;
    transition: background-color 0.3s ease, border-left 0.3s ease;
}

.sidebar-item.active .sidebar-link {
    /* Cor de destaque */
    color: #fff;
}

.sidebar-logo a {
    color: #FFF;
    font-size: 1.15rem;
    font-weight: 600;
}

#sidebar:not(.expand) .sidebar-logo,
#sidebar:not(.expand) a.sidebar-link span {
    display: none;
}

.sidebar-nav {
    padding: 2rem 0;
    flex: 1 1 auto;
}

.wrapper a.sidebar-link {
    padding: .625rem 1.625rem;
    color: #FFF;
    display: block;
    font-size: 0.9rem;
    white-space: nowrap;
    border-left: 3px solid transparent;
}

.sidebar-link i {
    font-size: 1.1rem;
    margin-right: .75rem;
}

a.sidebar-link:hover {
    background-color: rgba(255, 255, 255, .075);
    border-left: 3px solid #3b7ddd;
}


.sidebar-item {
    position: relative;
}

#sidebar:not(.expand) .sidebar-item .sidebar-dropdown {
    position: absolute;
    top: 0;
    left: 70px;
    background-color: #0e2238;
    padding: 0;
    min-width: 15rem;
    display: none;
}

#sidebar:not(.expand) .sidebar-item:hover .has-dropdown+.sidebar-dropdown {
    display: block;
    max-height: 15em;
    width: 100%;
    opacity: 1;
}

#sidebar.expand .sidebar-link[data-bs-toggle="collapse"]::after {
    border: solid;
    border-width: 0 .075rem .075rem 0;
    content: "";
    display: inline-block;
    padding: 2px;
    position: absolute;
    right: 1.5rem;
    top: 1.4rem;
    transform: rotate(-135deg);
    transition: all .2s ease-out;
}

#sidebar.expand .sidebar-link[data-bs-toggle="collapse"].collapsed::after {
    transform: rotate(45deg);
    transition: all .2s ease-out;
}


/* tradutor */
/* Classe base para transição suave */
.fade {
    transition: opacity 0.5s ease-in-out;
}

/* Opacidade 0 para o fade-out */
.fade-out {
    opacity: 0;
}

/* Opacidade 1 para o fade-in */
.fade-in {
    opacity: 1;
}


.dropdown {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 1000;
    /* Certifique-se de que ele esteja acima de outros elementos */
}


.dropdown button {
    background-color: #253849;
    min-width: 130px;
    width: max-content;
    height: 40px;
    border-radius: 5px;
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    justify-content: space-evenly;
}

.dropdown button img {
    margin: 0 5px 0 0;
}

.dropdown button img,
.dropdown-content li img {
    width: 28px;
}

.dropdown button,
.dropdown-content li {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    font-family: "Noto Sans JP", sans-serif;
    font-family: "Noto Sans Arabic", sans-serif;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 500;
}

.arrow-down {
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #fff transparent transparent transparent;
    margin: 0 0 0 5px;
}

.dropdown button:hover {
    cursor: pointer;
    background-color: #3c5b77;
}

/* Style for the dropdown content */
.dropdown-content {
    display: none;
    position: absolute;
    margin: 1px 0 0 0;
    padding: 0;
    background-color: #f5f5f5;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 5px;
    overflow-y: scroll;
    max-height: 315px;
}

/* Style for the dropdown content items */
.dropdown-content li {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    justify-content: end;
}

.dropdown-content li img {
    margin: 0 20px 0px 20px;
}

/* Style for the dropdown content items on hover */
.dropdown-content li:hover {
    background-color: #f1f1f1;
    cursor: pointer;
    color: blue;
    border-radius: 5px;
}

/* Show the dropdown content when the dropdown button is clicked */
.dropdown:focus-within .dropdown-content {
    display: block;
}

/* Animate the dropdown content */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dropdown-content {
    animation: slideIn 0.3s ease-out;
}

/* Scrollbar styles */
::-webkit-scrollbar {
    width: 8px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #c2c9d2;
}

/* fim tradutor */

/* estilo para primeira pagina */

/* estio para fundo do content */



/* Estilo do container */
.container {
    background-color: #000;
    color: #ffffff;
}

/* Estilos para a área de texto */
.text-content p {
    font-size: 1.2rem;
    margin-bottom: 20px;
}

/* Estilos para a imagem */
.image-content img {
    max-width: 100%;
    height: auto;
}

/* Estilo dos itens do grid inferior */
.grid-item {
    background-color: #286a88;
    color: #ffffff;
    text-align: center;
    font-size: 1.2rem;
    border-radius: 5px;
}

/* Estilo do botão de download */
.dbutton {
    --background: #2B3044;
    --text: #fff;
    --icon: #fff;
    --icon-success: #16BF78;
    display: flex;
    outline: none;
    border: 0;
    padding: 0 22px 0 16px;
    min-width: 147px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 9px;
    background: var(--background);
    transition: transform .2s;

    &:active {
        transform: scale(.95);
    }

    ul {
        margin: 0;
        padding: 13px 0;
        list-style: none;
        text-align: center;
        position: relative;
        backface-visibility: hidden;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        color: var(--text);

        li {
            &:not(:first-child) {
                top: var(--t, 13px);
                left: 0;
                position: absolute;
            }

            &:nth-child(2) {
                --t: 64px;
            }

            &:nth-child(3) {
                --t: 115px;
            }
        }
    }

    .dicon {
        width: 24px;
        height: 24px;
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 14px 10px 0 0;
        transform: translateY(calc(var(--y, 0) * 1px));

        svg {
            width: var(--w, 14px);
            height: var(--h, 15px);
            display: block;
            fill: none;
            stroke: var(--s, var(--icon));
            stroke-width: var(--sw, 2);
            stroke-linejoin: round;
            stroke-linecap: round;
        }

        &>svg,
        div {
            left: var(--l, 7px);
            top: var(--t, 2px);
            position: absolute;
        }

        &>svg {
            transform: translateY(calc(var(--y, 0) * 1px));

            polyline,
            line {
                stroke-dasharray: var(--a, 12px);
                stroke-dashoffset: var(--o, 0);
                stroke: var(--s, var(--icon));
                transition: stroke-dashoffset var(--d, .15s), stroke .4s;
            }

            polyline {
                --d: .25s;
                --a: 17px;
                --o: 5.5px;
            }
        }

        div {
            --w: 24px;
            --h: 24px;
            --l: 0;
            --t: 8px;
            --sw: 1.5;
        }
    }

    &.loading {
        ul {
            animation: text 1750ms linear forwards 100ms;
        }

        &.complete {
            .icon {
                svg {
                    line {
                        --o: 12px;
                    }

                    polyline {
                        --o: 0;
                        --s: var(--icon-success);
                    }
                }
            }
        }
    }
}


.pbutton {
    --background: #2B3044;
    --text: #fff;
    --icon: #fff;
    --icon-success: #16BF78;
    display: flex;
    outline: none;
    border: 0;
    padding: 0 22px 0 16px;
    min-width: 147px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 9px;
    background: var(--background);
    transition: transform .2s;

    &:active {
        transform: scale(.95);
    }

    ul {
        margin: 0;
        padding: 13px 0;
        list-style: none;
        text-align: center;
        position: relative;
        backface-visibility: hidden;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        color: var(--text);

        li {
            &:not(:first-child) {
                top: var(--t, 13px);
                left: 0;
                position: absolute;
            }

            &:nth-child(2) {
                --t: 64px;
            }

            &:nth-child(3) {
                --t: 115px;
            }
        }
    }

    .picon {
        width: 24px;
        height: 24px;
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 14px 10px 0 0;
        transform: translateY(calc(var(--y, 0) * 1px));

        svg {
            width: var(--w, 14px);
            height: var(--h, 15px);
            display: block;
            fill: none;
            stroke: var(--s, var(--icon));
            stroke-width: var(--sw, 2);
            stroke-linejoin: round;
            stroke-linecap: round;
        }

        &>svg,
        div {
            left: var(--l, 7px);
            top: var(--t, 2px);
            position: absolute;
        }

        &>svg {
            transform: translateY(calc(var(--y, 0) * 1px));

            polyline,
            line {
                stroke-dasharray: var(--a, 12px);
                stroke-dashoffset: var(--o, 0);
                stroke: var(--s, var(--icon));
                transition: stroke-dashoffset var(--d, .15s), stroke .4s;
            }

            polyline {
                --d: .25s;
                --a: 17px;
                --o: 5.5px;
            }
        }

        div {
            --w: 24px;
            --h: 24px;
            --l: 0;
            --t: 8px;
            --sw: 1.5;
        }
    }

    &.loading {
        ul {
            animation: text 1750ms linear forwards 100ms;
        }

        &.complete {
            .icon {
                svg {
                    line {
                        --o: 12px;
                    }

                    polyline {
                        --o: 0;
                        --s: var(--icon-success);
                    }
                }
            }
        }
    }
}

.button-container {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: left;
}

@keyframes text {

    18%,
    82% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(-200%);
    }
}

/* estilo para texto de abertura */
.text-content {
    background-color: #f5f5f5;
    /* Cor de fundo suave */
    padding: 20px;
    border-radius: 5px;
    max-width: 600px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

.logotipo img {
    width: 70%;
}

.title {
    color: #286a88;
    font-size: 3em;
    font-weight: bold;
    margin: 10px 0;
}

.description {
    color: #333;
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 20px;
}

.credits {
    font-size: 0.8em;
    color: #555;
}

.credits a {
    color: #00303a;
    text-decoration: none;
}

.credits a:hover {
    text-decoration: underline;
}

/* fim estilo primeira página */


/* estilo para equipe  */
.team-image {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid rgba(170, 170, 173, 1);
    box-shadow: 0px 3px 10px 3px rgba(170, 170, 173, 0.5);
    margin-bottom: 15px;
}

/* fim equipe  */

/* principios da autoavaliaçao */
.card-big-shadow {
    max-width: 350px;
    position: relative;
}

.coloured-cards .card {
    margin-top: 20px;
}

.card[data-radius="none"] {
    border-radius: 0px;
}

.card {
    border-radius: 8px;
    box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
    background-color: #FFFFFF;
    color: #252422;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}


.card[data-background="image"] .title,
.card[data-background="image"] .stats,
.card[data-background="image"] .category,
.card[data-background="image"] .description,
.card[data-background="image"] .conteudo,
.card[data-background="image"] .card-footer,
.card[data-background="image"] small,
.card[data-background="image"] .conteudo a,
.card[data-background="color"] .title,
.card[data-background="color"] .stats,
.card[data-background="color"] .category,
.card[data-background="color"] .description,
.card[data-background="color"] .conteudo,
.card[data-background="color"] .card-footer,
.card[data-background="color"] small,
.card[data-background="color"] .conteudo a {
    color: #FFFFFF;
}

.card.card-just-text .conteudo {
    padding: 40px 55px;
    text-align: center;
}

.card .conteudo {
    padding: 10px 10px 5px 10px;
}

.card[data-color="blue"] .category {
    color: #7a9e9f;
}

.card .category,
.card .label {
    font-size: 14px;
    margin-bottom: 0px;
}

.card-big-shadow:before {
    background-image: url("http://static.tumblr.com/i21wc39/coTmrkw40/shadow.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: -12%;
    content: "";
    display: block;
    left: -12%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.conteudo h4,
.h4 {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.2em;
}

.conteudo h6,
.h6 {
    font-size: 0.8em;
    font-weight: 600;
    text-transform: uppercase;
}

.card .description {
    font-size: 14px;
    color: #66615b;
}

.conteudo-card {
    margin-top: 20px;
}

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

/*======== COLORS ===========*/
.card[data-color="blue"] {
    background: #b8d8d8;
}

.card[data-color="blue"] .description {
    color: #506568;
}

.card[data-color="green"] {
    background: #d5e5a3;
}

.card[data-color="green"] .description {
    color: #60773d;
}

.card[data-color="green"] .category {
    color: #92ac56;
}

.card[data-color="yellow"] {
    background: #ffe28c;
}

.card[data-color="yellow"] .description {
    color: #b25825;
}

.card[data-color="yellow"] .category {
    color: #d88715;
}

.card[data-color="brown"] {
    background: #d6c1ab;
}

.card[data-color="brown"] .description {
    color: #75442e;
}

.card[data-color="brown"] .category {
    color: #a47e65;
}

.card[data-color="purple"] {
    background: #baa9ba;
}

.card[data-color="purple"] .description {
    color: #3a283d;
}

.card[data-color="purple"] .category {
    color: #5a283d;
}

.card[data-color="orange"] {
    background: #ff8f5e;
}

.card[data-color="orange"] .description {
    color: #772510;
}

.card[data-color="orange"] .category {
    color: #e95e37;
}

.card[data-color="teal"] {
    background: #a8d5d3;
}

.card[data-color="teal"] .description {
    color: #497a7c;
}

.card[data-color="teal"] .category {
    color: #68a3a5;
}

.card[data-color="pink"] {
    background: #f7c3cc;
}

.card[data-color="pink"] .description {
    color: #a65261;
}

.card[data-color="pink"] .category {
    color: #e488a1;
}

.card[data-color="red"] {
    background: #f4a8a8;
}

.card[data-color="red"] .description {
    color: #a83d3d;
}

.card[data-color="red"] .category {
    color: #c55b5b;
}

.card[data-color="light-green"] {
    background: #cfe9b1;
}

.card[data-color="light-green"] .description {
    color: #6e8b43;
}

.card[data-color="light-green"] .category {
    color: #93b256;
}

.card[data-color="light-purple"] {
    background: #d5b7e5;
}

.card[data-color="light-purple"] .description {
    color: #613d7e;
}

.card[data-color="light-purple"] .category {
    color: #8c5ca1;
}

.card[data-color="gray"] {
    background: #d3d3d3;
}

.card[data-color="gray"] .description {
    color: #595959;
}

.card[data-color="gray"] .category {
    color: #7a7a7a;
}

/* fim principios autoavaliaçao */

/* title section */
/* === HEADING STYLE #3 === */
.titleSection {
    padding: 10px;
}

.titleSection h1 {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5em;
    padding-bottom: 15px;
    position: relative;
}

.titleSection h1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 55px;
    background-color: #111;
}

.titleSection h1:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    height: 1px;
    width: 95%;
    max-width: 255px;
    background-color: #333;
}

.titleSection p {
    left: 0;
    font-size: small;
}

/* fim title section */

/* subsection title */
/* subsection title */
.subsectionTitle {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: max-content;
    text-align: center;
    margin: auto;
    white-space: nowrap;
    padding-bottom: 20px;
    position: relative;
    /* Cria um contexto de posicionamento para os pseudoelementos */
}

.subsectionTitle:before {
    background-color: #c50000;
    content: '';
    display: block;
    height: 3px;
    width: 75px;
    margin-bottom: 5px;
    left: -10px;
}

.subsectionTitle:after {
    background-color: #c50000;
    content: '';
    display: block;
    position: absolute;
    height: 3px;
    width: 75px;
    float: right;
    right: 0;
    bottom: 10px;
}

/* subsectionTitle */

/* texto geral */
.textGeral {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    text-align: justify;
    line-height: 1.6;
    color: #333;
    /* Cor ajustável conforme necessário */
}

/* fim texto geral */

/* texto objetivos específicos */


.especificos ul {
    --col-gap: 2rem;
    --barH: 1rem;
    --roleH: 2rem;
    --flapH: 2rem;

    width: min(60rem, 90%);
    margin-inline: auto;

    display: flex;
    flex-wrap: wrap;

    gap: var(--col-gap);
    padding-inline: calc(var(--col-gap) / 2);

    justify-content: center;
    align-items: flex-start;
    list-style: none;
}

.especificos ul li {
    width: 10em;
    display: grid;
    grid-template:
        "role"
        "icon"
        "title"
        "descr";
    align-items: flex-start;
    gap: 1rem;
    padding-block-end: calc(var(--flapH) + 1rem);
    text-align: center;
    background: var(--accent-color);
    background-image: linear-gradient(rgba(0, 0, 0, 0.6) var(--roleH),
            rgba(0, 0, 0, 0.4) calc(var(--roleH) + 0.5rem),
            rgba(0, 0, 0, 0) calc(var(--roleH) + 0.5rem + 5rem));
    clip-path: polygon(calc(var(--col-gap) / -2 - 5px) 0,
            calc(100% + var(--col-gap) / 2 + 5px) 0,
            calc(100% + var(--col-gap) / 2 + 5px) calc(100% - var(--flapH)),
            50% 100%,
            calc(var(--col-gap) / -2 - 5px) calc(100% - var(--flapH)));
}

/* bar */
.especificos ul li::before {
    content: "";
    grid-area: role;
    height: var(--barH);
    width: calc(100% + var(--col-gap));
    margin-left: calc(var(--col-gap) / -2);
    margin-top: calc(var(--roleH) / 2 - var(--barH) / 2);
    background: grey;
    z-index: -1;
    background-image: linear-gradient(rgba(255, 255, 255, 0.4),
            rgba(255, 255, 255, 0.2) 30%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            rgba(0, 0, 0, 0.2) 70%,
            rgba(0, 0, 0, 0.4));
}

/* role */
.especificos ul li::after {
    content: "";
    grid-area: role;
    background: var(--accent-color);
    background-image: linear-gradient(rgba(255, 255, 255, 0.4),
            rgba(255, 255, 255, 0.2) 30%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            rgba(0, 0, 0, 0.2) 70%,
            rgba(0, 0, 0, 0.4));
    height: var(--roleH);
}

.especificos ul li .icon,
.especificos ul li .title,
.especificos ul li .descr {
    padding-inline: 1rem;
    color: white;
    text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
}

.especificos ul li .icon {
    font-size: 3rem;
}

.especificos ul li .title {
    font-size: 1.25rem;
    font-weight: 700;
}

.especificos ul li .descr {
    font-size: 0.9rem;
}

.especificos .credits {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
}

.especificos .credits a {
    color: var(--color);
}

/* fim objetivos específicos */

/* metas */
/* Estilos para mt-content */
.mt-content-company-culture {
    text-align: center;
    margin-bottom: 20px;
}

.mt-content-company-culture h1 {
    font-size: 2.5rem;
    color: #333;
}

/* Estilos para as colunas principais */
.mt-content-columns {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    width: 100vw;
    padding: 20px;
    box-sizing: border-box;
}

.mt-content-column {
    flex: 1;
    padding: 20px;
    color: #fff;
    border-radius: 8px;
    text-align: left;
    position: relative;
}

.mt-content-column h2 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #fff;
}

.mt-content-column p,
.mt-content-column ul {
    font-size: 1rem;
    line-height: 1.6;
    color: #f0f0f0;
}

.mt-content-column ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
}

/* Cores para cada coluna */
.mt-content-mission {
    background-color: #4a90e2;
    /* Azul */
}

.mt-content-vision {
    background-color: #50e3c2;
    /* Verde-azulado */
}

.mt-content-values {
    background-color: #7ed321;
    /* Verde-limão */
}

/* Estilos para os ícones */
.mt-content-icon {
    width: 50px;
    height: 50px;
    margin-top: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.icon-mission {
    background-image: url('path/to/target-icon.png');
    /* Substitua pelo caminho do ícone de missão */
}

.icon-vision {
    background-image: url('path/to/binoculars-icon.png');
    /* Substitua pelo caminho do ícone de visão */
}

.icon-values {
    background-image: url('path/to/values-icon.png');
    /* Substitua pelo caminho do ícone de valores */
}

/* fim metas */

/* Tabela com Planejamento Estratégico */
/* Fundo para as seções de Missão, Visão e Valores */

.col-PE1 {
    background-color: #00a1e1;
    /* Azul para Visão */
    color: #ffffff;
}

.col-PE2 {
    background-color: black;
    /* Azul para Visão */
    color: #ffffff;
}

.col-PE3 {
    background-color: #7c8f01;
    /* Azul para Visão */
    color: #ffffff;
}

.title-PE {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: max-content;
    text-align: center;
    margin: auto;
    white-space: nowrap;
    padding-bottom: 20px;
    padding-top: 20px;
}

.description-PE {
    font-family: 'Roboto', sans-serif;
    font-size: 1.1em;
    text-align: justify;
    line-height: 1.6;
}

.full-img {
    background-image: url("../img/diversos/missao.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.full-imgV {
    background-image: url("../img/diversos/visao.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.full-imgVa {
    background-image: url("../img/diversos/valores.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#metas-content .col {
    height: 33vh;
    /* Cada coluna ocupa 1/3 da altura da viewport */
    font-family: 'Poppins', sans-serif;
}

/* Estilo da lista em duas colunas */
.val-PE {
    column-count: 2;
    /* Divide a lista em duas colunas */
    column-gap: 20px;
    /* Espaço entre colunas */
    font-size: 1.1em;
    /* Ajusta o tamanho da fonte */
    list-style-type: none;
    /* Remove os marcadores padrão */
    padding: 0;
    margin: 0;
}

/* Estilo para os itens da lista */
.val-PE li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

/* Estilo para o ícone */
.val-PE li i {
    margin-right: 8px;
    /* Espaço entre o ícone e o texto */
    color: #ffffff;
    ;
    /* Altere a cor do ícone conforme necessário */
}

/* Planejamento Estratégico do PPGMSB */

/* SWOWT */


.header-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background: #474747;
    color: white;
    height: 128px;
    padding: 0 24px;
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.18), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

@media (max-width: 480px) {
    .header-container {
        height: 80px;
        padding: 0 16px;
    }
}

.header-container h1 {
    font-weight: 400;
    letter-spacing: 0.1em;
    font-size: 2.5em;
    font-family: "Maven Pro", sans-serif;
}

@media (max-width: 480px) {
    .header-container h1 {
        letter-spacing: auto;
        font-size: 1.4em;
    }
}

.card h2 {
    padding: 0;
    width: 100%;
    font-weight: 300;
    box-sizing: border-box;
    margin: 0;
    font-family: "Maven Pro", sans-serif;
}

@media (max-width: 480px) {
    h2 {
        font-weight: 500;
        font-size: 1em;
    }
}

.grid-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grid-container .grid-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 50%;
    min-height: 320px;
    box-sizing: border-box;
    -webkit-transition: box-shadow .6s ease;
    -moz-transition: box-shadow .6s ease;
    -o-transition: box-shadow .6s ease;
    transition: box-shadow .6s ease;
}

@media (max-width: 480px) {
    .grid-container .grid-item {
        min-height: 256px;
    }
}

.grid-container .grid-item .card {
    width: 100%;
    min-height: 360px;
    box-sizing: border-box;
    padding: 24px;
}

@media (max-width: 480px) {
    .grid-container .grid-item .card {
        min-height: 256px;
        padding: 16px;
    }
}

.grid-container .grid-item .card .swot-editor {
    margin-top: 24px;
    min-height: 300px;
}

@media (max-width: 480px) {
    .grid-container .grid-item .card .swot-editor {
        min-height: 172px;
        padding: 16px;
    }
}

.grid-container .grid-item .card .swot-editor:focus {
    outline: none;
}

.grid-container .grid-item:hover,
.grid-container .grid-item:focus {
    -webkit-box-shadow: 0px 4px 43px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 43px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 43px 0px rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.strengths {
    background: #263b4e;
    color: #FFF;
}

.weaknesses {
    background: #7d888a;
    color: #FFF;
}

.opportunities {
    background: #a7b3b3;
    color: #fff
}

.threats {
    background: #e24e34;
    color: #Ffff;
}

.swot-editor {
    text-align: left;
    margin-left: 20px;
}

.swot-editor p {
    margin: 5px 0;
}


/* FIM SOWT */


/* steps */
.accordion{
    margin: 40px 0;
  }
  .accordion .item {
      border: none;
      margin-bottom: 50px;
      background: none;
  }
  .t-p{
    padding: 40px 30px 0px 30px;
  }
  .accordion .item .item-header h2 button.btn.btn-link {
      background: #333435;
      color: white;
      border-radius: 0px;
      font-family: 'Poppins';
      font-size: 16px;
      font-weight: 400;
      line-height: 2.5;
      text-decoration: none;
  }
  .accordion .item .item-header {
      border-bottom: none;
      background: transparent;
      padding: 0px;
      margin: 2px;
  }
  
  .accordion .item .item-header h2 button {
      color: white;
      font-size: 20px;
      padding: 15px;
      display: block;
      width: 100%;
      text-align: left;
  }
  
  .accordion .item .item-header h2 i {
      float: right;
      font-size: 30px;
      color: #eca300;
      background-color: black;
      width: 60px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 5px;
  }
  
  .item-header button.btn.btn-link.collapsed i {
      transform: rotate(0deg);
  }
  
  .item-header button.btn.btn-link i {
      transform: rotate(180deg);
      transition: 0.5s;
  }
  

/* steps */

/* resultes */

/* equipe */

card {
	border-radius: 16px;
	box-shadow: 0 30px 30px -25px rgba(#4133B7, .25);
	max-width: 90%;
}

.information {
	background-color: var(--c-white);
	padding: 1.5rem;
    font-family: "Roboto", serif;

	.title {
		font-size: 1.5rem;
		color: var(--c-void);
		line-height: 1.25;
		& + * {
			margin-top: 1rem;
		}
	}

	.info {
		color: var(--c-charcoal);
		& + * {
			margin-top: 1.25rem;
		}
	}

	
	.details {
		display: flex;
		gap: 1rem;
		div {
			padding: .75em 0.75em;
			border-radius: 8px;
			display: flex;
			flex-direction: column-reverse;
			gap: .125em;
			flex-basis: 50%;
		}		
		dt {
            font-weight: 200;
            font-size: 0.9rem;
		}
		
		dd {
			font-weight: 700;
			font-size: 1.8rem;
		}
	}
}card {
	border-radius: 16px;
	box-shadow: 0 30px 30px -25px rgba(#4133B7, .25);
	max-width: 100%;
}
.detailsEsp{
    background-color: #33ff90;
}
.detailsAtg{
    background-color: #33e6ff;
}

.detailsNeg{
    background-color: red;
    color: white;
}
.percent {
    font-weight: 900;
    font-size: 1.2rem; /* Tamanho ligeiramente menor para o % */
}
/* Estilo para likert scale */
.bar {
    fill-opacity: 0.8;
    cursor: pointer;
}
.bar:hover {
    fill-opacity: 1;
}
.label {
    font-size: 14px;
    text-anchor: end;
    fill: #333;
}
.legend-label {
    font-size: 14px;
    margin-right: 15px;
}
.legend-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.legend-item {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.legend-box {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.chart-container {
    display: flex;
    justify-content: center;
}
/* Professores avaliação */
.graph_container{
    display:block;
    width:500px;
  }

  /* Cards dos professores */
  .order-card {
    color: #fff;
}

.bg-c-blue {
    background: linear-gradient(45deg,#4099ff,#73b4ff);
}

.bg-c-green {
    background: linear-gradient(45deg,#2ed8b6,#59e0c5);
}

.bg-c-yellow {
    background: linear-gradient(45deg,#FFB64D,#ffcb80);
}

.bg-c-pink {
    background: linear-gradient(45deg,#FF5370,#ff869a);
}

.bg-c-teal {
    background: linear-gradient(45deg, #118ab2, #48C9B0);
}

.bg-c-indigo {
    background: linear-gradient(45deg, #a0aadf, #c6cbeb);
}

.bg-c-gray {
    background: linear-gradient(45deg, #95A5A6, #BDC3C7);
}


.card-custom .card-block {
    padding: 25px;
}

.order-card i {
    font-size: 26px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.card-custom {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.icon-text-align {
    display: inline-flex;
    align-items: center;
}
.icon-text-align i {
    margin-right: 8px; /* Espaço entre ícone e texto */
}

/* Card Numeros */
.tile_count {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    flex-wrap: wrap;
    background-color: #f9f9f9; /* Opcional: fundo para a seção */
    padding: 20px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.tile_stats_count {
    flex: 1;
    max-width: 16%;
    background-color: #fff;
    text-align: center;
    border-right: 1px solid #ddd; /* Divisória entre os cards */
    padding: 10px 15px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.tile_stats_count:last-child {
    border-right: none; /* Remove a borda do último card */
}

.count_top {
    font-size: 14px;
    color: #73879C;
    margin-bottom: 10px;
    display: block;
}

.count {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.count_bottom {
    font-size: 12px;
    color: #73879C;
}

.green {
    color: #4caf50; /* Verde para aumento */
    font-size: 1.2em;
    font-weight: bold;
}

.red {
    color: #f44336; /* Vermelho para diminuição */
}


#trendChart {
    width: 100%; /* Ocupa toda a largura da coluna */
    height: 300px; /* Altura personalizada */
}

.stats_wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.stats_row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.stats_card {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    flex: 1;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card_title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.card_value {
    font-size: 50px;
    font-weight: bold;
    margin: 10px 0;
}

.card_footer {
    font-size: 14px;
    color: #555;
}

.chart-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* Ocupará toda a largura da célula */
    height: auto; /* Ajusta a altura automaticamente */
}

.sizePlot {
    width: 100% !important; /* Força o canvas a ocupar toda a largura */
    height: auto !important; /* Mantém a proporção da altura */
}

/* cards do corpo tecnico */
.cardTecncico {
    position: relative;
    padding: 20px;
    border-radius: 10px;
    color: white;
    overflow: hidden;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  .card-content {
    z-index: 1;
  }
  

  .card-value {
    font-size: 2rem;
    font-weight: bold;
  }
  
  .card-label {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.8);
  }
  
  .card-icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 3.5rem;
    color: rgba(255, 255, 255, 0.2);
  }
  
  .gradient-green {
    background: linear-gradient(to right, #38b2ac, #68d391);
  }
  
  .gradient-blue {
    background: linear-gradient(to right, #4299e1, #63b3ed);
  }
  
  .gradient-red {
    background: linear-gradient(to right, #f56565, #fc8181);
  }
  
  .gradient-yellow {
    background: linear-gradient(to right, #ecc94b, #f6e05e);
  }
  .gradient-purple {
    background: linear-gradient(to right, #9f7aea, #b794f4);
  }
  .darker-green {
    color: #2c7a7b; /* Cor mais escura que #38b2ac */
    font-weight: bold;
  }

/* card impacto */
.cardImpacto {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    font-family: 'Roboto' sans-serif;
    width: 100%;
    background-color: white;
  }
  
  .card-top {
    background-color: #d3d3d3; /* Topo cinza */
    color: #333; /* Texto em cinza escuro */
    padding: 10px;
    font-size: 0.8rem;
    font-weight: bold;
    text-align: left;
  }
  
  .card-conteudo {
    background: white; /* Corpo do card */
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: left;
  }
  
  .card-text{
    font-size: 1.1rem;
    font-weight: bold;    
  }
  .card-text-IS {
    font-size: 2.5rem;
    font-weight: bold;    
  }
  /* Cores e sombreamento para os cards */
  .card-1 { box-shadow: 0 4px 8px rgba(255, 69, 0, 0.5); }
  .card-1 .card-text-IS { color: orangeRed; }
  .card-1 .card-info { color: orangeRed; }
  
  .card-2 { box-shadow: 0 4px 8px rgba(70, 130, 180, 0.5); }
  .card-2 .card-text-IS { color: steelBlue; }
  .card-2 .card-info { color: steelBlue; }
  
  .card-3 { box-shadow: 0 4px 8px rgba(34, 139, 34, 0.5); }
  .card-3 .card-text-IS { color: forestGreen; }
  .card-3 .card-info { color: forestGreen; }
  
  .card-4 { box-shadow: 0 4px 8px rgba(255, 215, 0, 0.5); }
  .card-4 .card-text-IS { color: gold; }
  .card-4 .card-info { color: gold; }
  
  .card-5 { box-shadow: 0 4px 8px rgba(218, 112, 214, 0.5); }
  .card-5 .card-text-IS { color: orchid; }
  .card-5 .card-info { color: orchid; }
  
  .card-6 { box-shadow: 0 4px 8px rgba(255, 105, 180, 0.5); }
  .card-6 .card-text-IS { color: hotPink; }
  .card-6 .card-info { color: hotPink; }
  
  .card-7 { box-shadow: 0 4px 8px rgba(0, 206, 209, 0.5); }
  .card-7 .card-text-IS { color: darkTurquoise; }
  .card-7 .card-info { color: darkTurquoise; }
  
  .card-8 { box-shadow: 0 4px 8px rgba(244, 164, 96, 0.5); }
  .card-8 .card-text-IS { color: sandyBrown; }
  .card-8 .card-info { color: sandyBrown; }
  
  .card-9 { box-shadow: 0 4px 8px rgba(123, 104, 238, 0.5); }
  .card-9 .card-text-IS { color: mediumSlateBlue; }
  .card-9 .card-info { color: mediumSlateBlue; }
  
  .card-10 { box-shadow: 0 4px 8px rgba(139, 69, 19, 0.5); }
  .card-10 .card-text-IS { color: saddleBrown; }
  .card-10 .card-info { color: saddleBrown; }
  
  .card-11 { box-shadow: 0 4px 8px rgba(255, 99, 71, 0.5); }
  .card-11 .card-text-IS { color: tomato; }
  .card-11 .card-info { color: tomato; }
  
  .card-12 { box-shadow: 0 4px 8px rgba(147, 112, 219, 0.5); }
  .card-12 .card-text-IS { color: mediumPurple; }
  .card-12 .card-info { color: mediumPurple; }
  
  .card-13 { box-shadow: 0 4px 8px rgba(60, 179, 113, 0.5); }
  .card-13 .card-text-IS { color: mediumSeaGreen; }
  .card-13 .card-info { color: mediumSeaGreen; }
  
  .card-14 { box-shadow: 0 4px 8px rgba(255, 165, 0, 0.5); }
  .card-14 .card-text-IS { color: orange; }
  .card-14 .card-info { color: orange; }
  
  .card-15 { box-shadow: 0 4px 8px rgba(0, 128, 128, 0.5); }
  .card-15 .card-text-IS { color: teal; }
  .card-15 .card-info { color: teal; }
  
  .card-16 { box-shadow: 0 4px 8px rgba(255, 20, 147, 0.5); }
  .card-16 .card-text-IS { color: deepPink; }
  .card-16 .card-info { color: deepPink; }
  


  
  
  .card-info {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.8);
  }
  
  .card-icon-ip {
    position: absolute;
    top: 50%; /* Centraliza verticalmente */
    right: 15px; /* Posiciona à direita com um espaçamento */
    transform: translateY(-50%); /* Ajusta o alinhamento vertical */
    font-size: 2rem; /* Aumenta o tamanho do ícone */
    color: rgba(0, 0, 0, 0.2); /* Torna o ícone discreto */
    z-index: 1; /* Garante visibilidade acima do fundo */
}


   /* Estilo Geral da Tabela */
   table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
}
th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left; /* Alinhamento à esquerda */
}
th {
    background-color: #f2f2f2;
    font-weight: bold;
}
td {
    background-color: #fff; /* Fundo branco */
    color: #000; /* Letras pretas */
}

/* Estilo para as células dos Eixos */
td[rowspan="3"]:nth-child(1) {
    background-color: #d1ecf1; /* Azul claro para Eixo GA */
    color: #0c5460;
    font-weight: bold;
}
td[rowspan="2"]:nth-child(1) {
    background-color: #f8d7da; /* Vermelho claro para Eixo PE */
    color: #721c24;
    font-weight: bold;
}


/* Barras de progresso */
.progress {
    height: 20px;
    font-size: 0.9rem;
}
  /* Estilo para a tabela */
  .table-striped th, .table-striped td {
    text-align: left; /* Alinhamento à esquerda */
}
.status-icon {
    font-weight: bold;
    font-size: 1.1rem;
    margin-right: 5px;
}
.status-icon.concluido {
    color: #28a745; /* Verde */
}
.status-icon.parcial {
    color: #ffc107; /* Amarelo */
}
.status-icon.atrasado {
    color: #dc3545; /* Vermelho */
}
.status-icon.andamento {
    color: #007bff; /* Azul */
}
/* Cor para Eixo IS */
.eixo-is {
    background-color: #d4edda; /* Verde claro */
    color: #155724;
    font-weight: bold;
}

/* egressos */
:root {
    --color1: #ffffff; /* Branco para a primeira caixa */
    --color2: #50b8e7; /* Azul médio */
    --color3: #84cdee; /* Azul suave */
    --color4: #b9e2f5; /* Azul mais claro */
    --color5: #308fc3; /* Azul bem claro */
    --color6: #679186; /* Azul bem claro */
    --font-family: 'Open Sans', sans-serif;
    --font-size: 0.9rem; /* Fonte reduzida */
}

/* Media Queries */
@media only screen and (min-width: 650px) {
    .testimonials .block {
        float: left;
        width: 50%;
        height: 300px;
    }
}

@media only screen and (min-width: 1000px) {
    .testimonials .block {
        width: 33.33%;
        height: 300px;
    }
}

/* Geral */
#exit-content * {
    box-sizing: border-box;
}

#exit-content body {
    font-family: var(--font-family);
    font-size: var(--font-size);
}

#exit-content .testimonials {
    margin: 4em auto;
    width: 1100px;
    max-width: 90%;
    overflow: hidden; /* Substituto para clearfix */
}

#exit-content .testimonials .block {
    display: block;
    margin: 0;
    padding: 1.5em;
    color: #000; /* Texto preto */
}

#exit-content .testimonials .block:nth-child(1) {
    background-color: var(--color1); /* Branco */
    border: 1px solid #ccc; /* Adiciona borda cinza clara */
}

#exit-content .testimonials .block:nth-child(2) {
    background-color: var(--color2);
}

#exit-content .testimonials .block:nth-child(3) {
    background-color: var(--color3);
}

#exit-content .testimonials .block:nth-child(4) {
    background-color: var(--color4);
}

#exit-content .testimonials .block:nth-child(5) {
    background-color: var(--color5);
}
#exit-content .testimonials .block:nth-child(6) {
    background-color: var(--color6);
}


#exit-content .testimonials .block p {
    margin: 0;
    font-size: 13px; /* Fonte reduzida */
    line-height: 24px; /* Ajuste do espaçamento */
    font-weight: 300;
    color: #000; /* Texto preto */
}

#exit-content .testimonials .block cite span {
    display: block;
    margin-top: 1.5em;
    font-size: 12px; /* Fonte reduzida */
    font-weight: 600;
    font-style: normal;
    color: #000; /* Texto preto */
}

#exit-content .testimonials h2 {
    margin: 0 0 0.5em;
    font-size: 12px; /* Fonte reduzida */
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000; /* Texto preto */
}

#exit-content .testimonials h5 {
    margin-top: 0;
    font-size: 32px; /* Fonte reduzida */
    line-height: 40px;
    font-weight: 300;
    color: var(--color2); /* Destaque azul médio */
}

.linkedin-icon {
    color: #0077b5; /* Cor padrão do LinkedIn */
    margin-left: 8px;
    text-decoration: none;
    font-size: 1.2rem;
    vertical-align: middle;
}

.linkedin-icon:hover {
    color: #005582; /* Cor ao passar o mouse */
}


/* mapa */
#openlayersMap {
    width: 100%;
    height: 400px;
    border: 1px solid black;
    border-radius: 8px;
}

.ol-popup {
    position: absolute;
    background-color: white;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 120px;
}

.main-list {
    list-style-type: disc;
    padding-left: 20px;
}

.main-list > li {
    margin: 10px 0;
}

.sub-list {
    list-style-type: circle;
    padding-left: 20px;
}

.sub-list > li {
    margin: 5px 0;
}


.histRow {
    background-color: #f1eff2; /* Fundo */
    border-radius: 20px; /* Bordas arredondadas */
    overflow: hidden; /* Esconde conteúdo fora das bordas */
    margin: 20px 20px 20px 30px; /* Centraliza a row horizontalmente */
    padding: 10px; /* Espaçamento interno */
    box-sizing: border-box; /* Inclui padding no tamanho total */
    display: flex; /* Ativa layout flex */
    flex-wrap: wrap; /* Permite que as colunas ajustem para telas menores */
}

.colHist {
    flex: 1; /* Divide o espaço igualmente entre as colunas */
    padding: 10px; /* Espaçamento interno nas colunas */
    display: flex; /* Ativa flex nas colunas */
    flex-direction: column; /* Permite alinhamento vertical */
    justify-content: center; /* Alinha verticalmente ao centro */
}

.success-title {
    color: #748494; /* Cor do título */
    font-size: 32px; /* Tamanho maior para o título */
    margin-bottom: 20px; /* Espaçamento inferior */
    text-align: center; /* Centraliza o título */
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    font-size: 1.8em;
}

.img-fluid-Hist {
    max-width: 50%; /* Ajusta a largura da imagem */
    height: auto; /* Mantém a proporção da imagem */
    margin: 0 auto; /* Centraliza horizontalmente a imagem dentro da coluna */
    display: block; /* Garante centralização em conjunto com margin */
}
.text-hist {
    font-family: 'Poppins', sans-serif; /* Fonte para a primeira coluna */
    font-size: 1.1em;
    text-align: justify;
    line-height: 1.5;
}

/* Avaliação externa */
.ficha-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.ficha-item {
    padding: 15px 0;
}

.ficha-item .ficha-row {
    display: flex;
    align-items: center;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.ficha-item .ficha-row:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.ficha-title {
    border-bottom: 2px solid #000;
    margin-bottom: 10px;
    padding-bottom: 5px;
    display: inline-block;
}

.ficha-icon {
    font-size: 24px;
    color: #007bff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.ficha-content {
    flex: 1;
    padding-left: 10px;
}

/* PLANO DE AÇÃO */

.PA-titulo {
    background-color: #003f7f;
    color: white;
    text-align: center;
}

.PA-subtitulo {
    background-color: #cce5ff;
    color: #003f7f;
}

.PA-tabela th, .PA-tabela td {
    vertical-align: middle;
}

.PA-tabela {
    border: none !important; /* Força a remoção de bordas externas */
}

.PA-tabela th, .PA-tabela td {
    border: 1px solid #dee2e6 !important; /* Aplica bordas apenas às células */
}