@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;600;700&display=swap');
* { font-family: 'Red Hat Display', sans-serif !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none; color: #000; }
p { font-weight: 500 !important; }
a { text-decoration: none !important; }
body { background: #f6f9fc !important;  }
.shadowCustom { box-shadow: 0px 18px 36px -18px rgba(0, 0, 0, 0.1), 0px 30px 45px -30px rgba(50, 50, 93, 0.25); }

header .container { display: flex; align-items: center; padding: 25px 0px 0px 0px;}

header div img { width: 120px; }
header div ul { padding: 0; margin: 0; list-style: none; }
header div ul li { padding: 10px 25px; display: inline-block; transition: all 0.3s; font-weight: 600; }
header div ul li:hover { opacity: 0.7; cursor: pointer; }
header div:nth-child(2) { margin-left: auto; }

@media only screen and (max-width:899px) {
    header .container { padding: 25px 20px; flex-wrap: wrap; }
    header div:nth-child(2) { margin-left: initial; width: 100%; margin-top: 20px; }
    header div ul { display: flex; justify-content: space-between; align-items: center; }
    header div ul li { padding: 0; }
}

section .container { padding: 0px; }
section .carousel-inner { margin-top: 40px; }
section .carousel-inner .carousel-item { position: relative; }
section .carousel-inner .carousel-item img { width: 100%; height: 450px; object-fit: cover; }

section .carousel-inner .carousel-item .text { position: absolute; bottom: 90px; width: 35%; left: 100px; }
section .carousel-inner .carousel-item .text h2 { color: #fff; font-weight: bold; font-size: 40px; line-height: 45px; }
section .carousel-inner .carousel-item .text h2 b { background: rgb(58,179,180); background: linear-gradient(90deg, rgba(58,179,180,1) 0%, rgba(47,177,134,1) 12%, rgba(253,209,29,1) 32%, rgba(255,102,25,1) 53%, rgba(253,48,48,1) 74%, rgba(216,69,252,1) 100%); color: #fff; }
section .carousel-inner .carousel-item .text p { color: #fff; font-size: 17px; margin: 0; opacity: 0.7; }
section .carousel-inner .carousel-item .text button { background: transparent; border: 2px solid #fff; padding: 10px 40px; color: #fff; font-weight: bold; margin-top: 20px; transition: all 0.3s; }
section .carousel-inner .carousel-item .text button:hover { background: #fff; color: #000; border: 2px solid transparent; cursor: pointer; }
section .carousel-inner .carousel-item .mask { background: rgb(2,0,36); background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0) 100%); width: 100%; height: 380px; position: absolute; bottom: 0; }

@media only screen and (max-width:899px) {
    section .carousel-inner  { display: block; margin-top: 0; }
    section .carousel-inner .carousel-item .text { position: absolute; bottom: 90px; width: 100%; left: 20px; }
    section .carousel-inner .carousel-item .text h2 { font-size: 30px; line-height: 40px; }

}


section.c1 { padding: 16% 0 6% 0; background: #000; margin-top: -240px; }
section.c1 h2 { font-size: 35px; text-align: center; color: #fff;  margin-bottom: 20px; }

section.c1 .block { display: flex; gap: 30px; }
section.c1 .block div { position: relative; }
section.c1 .block div small { background: rgb(58,179,180); background: linear-gradient(90deg, rgba(58,179,180,1) 0%, rgba(47,177,134,1) 12%, rgba(253,209,29,1) 32%, rgba(255,102,25,1) 53%, rgba(253,48,48,1) 74%, rgba(216,69,252,1) 100%); width: 35px; display: block; height: 5px; margin-bottom: 10px; border-radius: 20px; } 
section.c1 .block div { background: #fff; padding: 25px; width: 24%; margin-top: 20px; }
section.c1 .block div span { font-weight: 700; font-size: 22px; margin-top: 15px; display: block; color: #000; }
section.c1 .block div p { font-weight: 300; font-size: 13px; line-height: 22px; opacity: 0.7; margin-top: 10px; margin-bottom: 0; color: #000;  }
section.c1 .block div button { width: 100%; border: 2px solid transparent; color:#000; background: #00000018; padding: 8px; margin-top: 20px; font-weight: 700; transition: all 0.3s; font-size: 16px; }
section.c1 .block div button:hover { border: 2px solid transparent; background: #000; color: #fff; }

@media only screen and (max-width:899px) {
    section.c1 { margin-top: 0; padding: 15% 0;}
    section.c1 .block { flex-wrap: wrap; }
    section.c1 .block div { width: 90%; margin: 0 auto; }
}


section.c2 { padding: 4% 0; }
section.c2 h2 { font-size: 35px; text-align: center; }
section.c2 p { font-size: 16px; opacity: 0.6; margin-bottom: 30px; }

section.c2 .block { display: flex; gap: 30px; }

section.c2 .block div { background: #fff; padding: 30px; width: 24%; margin-top: 20px; }
section.c2 .block div:nth-child(1) { width: 70%; }
section.c2 .block div:nth-child(1) p { color: #000 !important; }

section.c2 .block div:nth-child(1) .form-control { padding: 10px 20px; margin-top: 20px; border-radius: 0; }
section.c2 .block div:nth-child(1) .form-control:focus { box-shadow: none; border: 1px solid #000; }

section.c2 .block div:nth-child(1) .produtos { display: flex; width: 100%; padding: 0; flex-wrap: wrap; gap: 50px; background: #fff; }
section.c2 .block div:nth-child(1) .produtos div { width: 29.3%; padding: 0; margin: 0; border-radius: 0; background: #fff; position: relative; }
section.c2 .block div:nth-child(1) .produtos div img { width: 90%; margin: 0 auto; display: block; transition: all 0.3s; height: 200px; object-fit: cover; }
section.c2 .block div:nth-child(1) .produtos div img:hover { opacity: 0.6; }
section.c2 .block div:nth-child(1) .produtos div span { font-size: 16px;  display: block; text-align: center; margin-top: 20px;  font-weight: 700;}
section.c2 .block div:nth-child(1) .produtos div p { font-size: 13px; margin: 0; text-align: center; opacity: 0.5; padding: 0px 30px; margin-top: 5px; }
section.c2 .block div:nth-child(1) .produtos div button { width: 80%; margin: 0 auto; display: block; border: 2px solid transparent; color:#000; background: #00000018; padding: 6px; font-weight: 700; transition: all 0.3s; font-size: 14px; margin-top: 17px; }
section.c2 .block div:nth-child(1) .produtos div button:hover { border: 2px solid transparent; background: #2ecc71; color: #fff; }

section.c2 .block div:nth-child(2) { width: 30%; background: #000; } 
section.c2 .block div:nth-child(2).collapse { width: 100%; padding: 0; }
section.c2 .block div:nth-child(2) h2 { text-align: left; color: #fff; font-size: 25px; font-weight: bold; }
section.c2 .block div:nth-child(2) p { color: #fff; }
section.c2 .block div:nth-child(2) ul { list-style: none; padding: 0; margin: 0; }
section.c2 .block div:nth-child(2) ul li { line-height: 35px; transition: all 0.3s; color: #fff; font-weight: bold; margin-left: 10px; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,0.1) ;}
section.c2 .block div:nth-child(2) ul li:hover { cursor: pointer; opacity: 0.6; }

@media only screen and (max-width:899px) {
    section.c2 { margin-top: 0; padding: 10% 0;}
    section.c2 .block { flex-wrap: wrap; }
    section.c2 .block div:nth-child(1) { width:90%; margin: 0 auto; order: 2; }
    section.c2 .block div:nth-child(1) .produtos { flex-wrap: wrap; }
    section.c2 .block div:nth-child(1) .produtos div { width: 100%; }
    section.c2 .block div:nth-child(1) .produtos div img { width: 100%; }
    section.c2 .block div:nth-child(1) .produtos div button { width: 100%; font-size: 16px; padding: 10px; }
    section.c2 .block div:nth-child(1) .produtos div p { padding: 0; }

    section.c2 .block div:nth-child(2) { width: 100%; order: 1; padding: 20px; background: #f6f9fc; box-shadow: none; }
    section.c2 .block div:nth-child(2) .btn-primary { width: 100%; border: none; font-weight: bold; font-size: 18px; padding: 10px; background: transparent; border: 2px solid #000; color: #000; }
    section.c2 .block div:nth-child(2) h2 { color: #000; }
    section.c2 .block div:nth-child(2) ul li { margin-left: 0; color: #000;}
}


footer { background: #000; padding: 5% 0px; }
footer a { text-decoration: none; }
footer p { color: #fff; font-size: 17px; font-weight: bold; margin-top: -10px; }
footer p span { font-weight: 300; }
footer .container { display: flex;  justify-content: space-between; }
footer .container div { width: 20%; }
footer .container div img { width: 180px; background: #fff; padding: 20px; }
footer .container div h5 { font-weight: bold; color: #fff; font-size: 18px; }
footer .container div ul { list-style: none; padding: 0; margin: 0; margin-top: 15px; }
footer .container div ul li { display: block; line-height: 45px; color: rgba(255,255,255,0.6); transition: all 0.3s; font-size: 15px; font-weight: 500; }
footer .container div ul li:hover { cursor:pointer; opacity: 0.5; }
footer .container div p span { font-weight: 500 !important; font-size: 14px; }
footer .container div span { display: inline-block; align-items: center; color: #fff; margin-bottom: 15px; transition: all 0.3s; margin-top: 0px;}
footer .container div span:nth-child(2) { margin-left: -15px; }
footer .container div span:hover { cursor:pointer; opacity: 0.7; }
footer .container div span img { margin-top: -20px; }
footer .container div span img.img1 { width: 60px; background: transparent; padding: 0; }
footer .container div span img.img2 { width: 70px; background: transparent; padding: 0; }
footer .container div span img.img3 { width: 80px; background: transparent; padding: 0; }


footer .minFooter { width: 100%; margin-top: 70px; }
footer .minFooter .container { align-items: center; border-top: 1px solid #ffffff18; padding:0; padding-top: 30px; }
footer .minFooter .container div:nth-child(2) { margin-left: auto; width: 25%; }

footer .minFooter .container ul { margin-top: 0; }
footer .minFooter .container ul li { display: inline-block; margin-right: 35px; }
footer .minFooter .container p { margin: 0; color: #fff; padding: 0; font-weight: bold !important; font-size: 14px;}

@media only screen and (max-width:899px) {
    footer { display: block; padding: 10% 0; margin-top: 30px; }
    footer .container { flex-wrap: wrap; width: 90%; margin: 0 auto; }
    footer .container div { width: 100%; }
    footer .container div img { margin-bottom: 40px; margin-top: 20px; }
    footer .container div ul { margin-bottom: 30px; }
    footer .container div ul li { line-height: 30px; }

    footer .minFooter { margin-top: 0px; }
    footer .minFooter .container { width: 90%; margin: 0 auto; }
    footer .minFooter .container div:nth-child(2) { margin-left: initial; width: 100%; }
}



.login { width: 100%; height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.login img { width: 120px; margin: 0 auto; display: block; margin-bottom: 50px; }
.login label { font-weight: 700; display: block; margin-bottom: 10px; }
.login .form-control { padding: 10px 15px; border-radius: 0; margin-bottom: 20px; }
.login .form-control:focus { box-shadow: none; border: 1px solid #c6c6c6; }
.login button { background: #000; border: none; color: #fff; font-weight: bold; padding: 10px 30px; transition: all 0.3s; border-radius: 0; width: 100%; }
.login button:hover { background:#4c4c4c; }



.pageDash { margin-top: 30px; margin-bottom: 100px; }
.pageDash label { font-weight: 700; display: block; margin-bottom: 15px; }
.pageDash .form-control { padding: 10px 20px; border-radius: 0; margin-bottom: 20px; }
.pageDash .form-control:focus { box-shadow: none; border: 1px solid #c6c6c6; }

.pageDash .form-select { padding: 10px 20px; border-radius: 0; }
.pageDash .form-select:focus { box-shadow: none; border: 1px solid #c6c6c6; }

.pageDash button { margin-top: 30px; background: #000; border: none; color: #fff; font-weight: bold; padding: 10px 30px; transition: all 0.3s; border-radius: 0;}
.pageDash button:hover { background:#4c4c4c; }
.pageDash h3 { font-weight: bold; font-size: 20px; }

.pageDash ul { margin: 0; padding: 0; list-style: none; margin-top: 20px; }
.pageDash ul.list-group { border-radius: 0; }
.pageDash ul li { line-height: 40px; font-size: 17px; }
.pageDash ul li .btn-danger { font-weight: bold; border-radius: 0;}

.pageDash .tableCustom { padding: 20px; background: #fff; border: 1px solid #dee2e6; }
.pageDash .tableCustom table tr td { vertical-align: middle; }
.pageDash .tableCustom table .btn-danger { font-weight: bold; border-radius: 0; }


.quem-somos { margin-top: 30px; }
.quem-somos .container { padding: 0; }
.quem-somos .container p { font-size: 18px; ;line-height: 40px; margin-bottom: 100px; opacity: 0.7; }

@media only screen and (max-width:899px) {
    .quem-somos { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 30px; margin-top:10px; }
    .quem-somos .container { width: 90%; margin: 0 auto; }
    .quem-somos .container p { font-size: 16px; line-height: 30px; }
}

.pagination { display: flex; gap: 5px; margin-top: 35px; width: 100% !important; padding: 0 !important; border-top: 1px solid #f1f1f1; padding-top: 25px !important; } 
.pagination a { padding: 8px 12px; width: 40px; text-align: center; background: #f0f0f0; color: #333; text-decoration: none; border-radius: 0px; }
.pagination a.active { background: #000; color: #fff; font-weight: bold; }

@media only screen and (max-width:899px) {
    .pagination { flex-wrap: wrap !important;  }
}