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

body {font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}

.fw-semibold {font-weight: 600 !important;}
.font-12 {font-size: 12px;}
.font-13 {font-size: 13px;}
.font-14 {font-size: 14px;}
.font-15 {font-size: 15px;}
.font-16 {font-size: 16px;}
.font-17 {font-size: 17px;}
.font-18 {font-size: 18px;}
.font-20 {font-size: 20px;}
.font-22 {font-size: 22px;}
.font-24 {font-size: 24px;}
.font-26 {font-size: 26px;}
.font-28 {font-size: 28px;}
.font-30 {font-size: 30px;}
.font-32 {font-size: 32px;}
.font-36 {font-size: 36px;}
.font-38 {font-size: 38px;}
.font-40 {font-size: 40px;}
.font-42 {font-size: 42px;}
.font-44 {font-size: 44px;}
.font-46 {font-size: 46px;}
.font-48 {font-size: 48px;}
.font-50 {font-size: 50px;}
.font-54 {font-size: 54px;}

.color-primary {color: #12AC7D !important;}

.color-secondary {color: #0E2905 !important;}

.color-tertiary {color:#060606 !important}

.color-text {color: #5C6363;}

.color-text-card {color: #949494;}

.color-green{color: #8FAD30 !important;}

.btn-primary {
    background-color: #12AC7D;
    border-color: #12AC7D;
    border-radius: 5px;
    color: #FFf;
    font-size: 17px;
    font-weight: 500;
    padding-left: 15px;
    padding-right: 15px;}

.btn-secondary {
    background-color: #FFEC69;
    border-color: #FFEC69;
    border-radius: 20px;
    color: #12AC7D;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;}

.btn-outline-primary{
    border-color: #12AC7D;
    border-radius: 20px;
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;
    color: #12AC7D;}

.btn:hover{
    background-color: #FFf;
    border-color: #12AC7D;
    color:#12AC7D;}

.btn-outline-primary:hover {
    background-color: #12AC7D;
    border-color: #12AC7D;
    color: #fff;}

.btn-carbonometro {
    background-color: #0b2d4b;
    padding: 0.85rem 1rem;     
    border-bottom-left-radius: 0.75rem; 
    border-bottom-right-radius: 0.75rem;
    border-top-left-radius: 0;           
    border-top-right-radius: 0;          
    text-align: center;
    display: block; 
    transition: background-color 0.3s ease; }

.btn-carbonometro a {
    color: white;
    font-weight: 500; 
    text-decoration: none;
    font-size: 22px;}

.btn-carbonometro:hover {
    background-color: #103d66; 
    cursor: pointer;}

.btn-carbonometro:hover a {text-decoration: underline;}

.bg-primary {background-color: #12AC7D !important;}

/* .bg-capa {background-image: url(../img/bg_capa.png);background-size: cover; background-repeat: no-repeat;} */

.bg-capa {
    position: relative;
    background-image: url(../img/bg_capa.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;}

.bg-capa::before {display: none;}

.modulo {
    width: 80%;
    height: auto;
    border-radius: 10px 10px 0 0;
    color: #000;}

.w-65 {
    width: 65% !important;
}

.bg-eventos {
    position: relative;
    z-index: 1;}

.bg-eventos::before {
    content: ''; 
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 90vh; 
    background-image: url(../img/bg_capa.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;}

.bg-verdeesc {background-color: #0E2905;}

.bg-tertiary {background-color: #EEF2F4;}


.carbonometro-link {
    background-color: #0b2d4b;
    padding: 0.75rem;
    font-weight: 500;}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: #8FAD30;}

.custom-pagination .pagination {justify-content: center;  }

.custom-pagination .page-link {
    color: #4F4F4F; 
    border: none;
    background-color: transparent;
    font-weight: 500; 
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0; }

.custom-pagination .page-item.active .page-link {
    background-color: #12AC7D; 
    color: white;
    border-radius: 50%; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}

.custom-pagination .page-item:not(.active) .page-link:hover {
    color: #12AC7D;
    background-color: #e9ecef; 
    border-radius: 50%;}

.custom-pagination .page-link:focus {
    box-shadow: none;}

#header .nav-link {font-size: 18px !important;}

.card-header-custom {
    color: #fff;
    background-color:#12AC7D;
    padding-top: 10px;
    padding-bottom: 10px;}

.nav-link:focus, .nav-link:hover { color: #8FAD30;}

.navbar-nav { --bs-nav-link-color: #000;}

.nav-item { font-weight: lighter !important; }

.play-icon-wrapper {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, background-color 0.3s ease;}

.play-icon-wrapper .bi-play-circle {font-size: 90px; 
    color: #fff;
    position: relative;
    left: 2px; }

.video-thumb:hover .play-icon-wrapper {transform: scale(1.1);}

#footer .nav-item {
    font-size: 14px;
    color: #fff;}


.btn-voltar-topo {
    position: fixed;
    bottom: 100px;
    right: 35px;
    z-index: 999;
    display: none;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 5px;
    background-color: #12ac7e95; 
    border-color: #fff;
    color: #fff;
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
  }
  
  
.btn-voltar-topo:hover {
    background-color: #12AC7D;
    color: #fff;
    border-color: #fff;
}

.card-img-custom {
    border-top-left-radius:2rem;
    border-top-right-radius:2rem;}



/* Somente Mobile */

@media (max-width: 480px) {
    .py-5 {
        padding-top: 25px !important;
        padding-bottom: 20px !important;}

    .mb-5 {
        padding-bottom: 20px !important;}

    .pb-5 {
        padding-bottom: 20px !important;}

    .pt-5 {
        padding-top: 20px !important;}


    .font-50 {font-size: 36px;}
    
    .font-46 {font-size: 36px;}

    .font-40 {font-size: 30px;}

    .font-36 {font-size: 30px;}

    .modulo {
    width: 100%;
    height: auto;
    padding-bottom: 1rem;}

    .w-50, .w-65, .w-75 {
    width: 100% !important;}

    .margin {margin-top: 1rem !important;}

    .btn-carbonometro a {font-size: 16px;}

 
}