@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Oswald&family=Helvetica+Neue&family=Concert+One&family=DM+Sans:wght@400;500;700&family=Fredoka+One&family=Open+Sans:ital,wght@0,300;0,400;1,300;1,400&family=Saira+Stencil+One&display=swap");
@import url("https://fonts.googleapis.com/css?family=Raleway");
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
  font-size: 1em;
}

body .inicio {
  min-width: 100vw;
}

.dnone {
  display: none;
}

.sbtn {
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 10px 20px;
  color: #FFF;
  font-size: 1.1em;
  outline: none;
  cursor: pointer;
  border: 0;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  height: auto;
  display: flex;
  align-items: center;
}
.sbtn i {
  margin-right: 10px;
}

.sbtn-whatsapp {
  background-color: #25d366;
  background-color: #25d366;
  color: #FFF;
}
.sbtn-whatsapp:hover {
  background-color: rgb(29.3911290323, 167.6088709677, 81.0241935484);
}
.sbtn-whatsapp:active {
  background: white;
  color: #25d366;
  border: 0.5px solid #25d366;
}

.sbtn-facebook {
  background-color: #1877f2;
  background-color: #1877f2;
  color: #FFF;
}
.sbtn-facebook:hover {
  background-color: rgb(11.4549180328, 95.1639344262, 203.5450819672);
}
.sbtn-facebook:active {
  background: white;
  color: #1877f2;
  border: 0.5px solid #1877f2;
}

.sbtn-twitter {
  background-color: #222222;
  background-color: #222222;
  color: #FFF;
}
.sbtn-twitter:hover {
  background-color: rgb(8.5, 8.5, 8.5);
}
.sbtn-twitter:active {
  background: white;
  color: #222222;
  border: 0.5px solid #222222;
}

.sbtn-instagram {
  background-color: #e4405f;
  background-color: #e4405f;
  color: #FFF;
}
.sbtn-instagram:hover {
  background-color: rgb(211.1513761468, 29.8486238532, 64.119266055);
}
.sbtn-instagram:active {
  background: white;
  color: #e4405f;
  border: 0.5px solid #e4405f;
}

.sbtn-youtube {
  background-color: #cd201f;
  background-color: #cd201f;
  color: #FFF;
}
.sbtn-youtube:hover {
  background-color: rgb(160.6991525424, 25.0847457627, 24.3008474576);
}
.sbtn-youtube:active {
  background: white;
  color: #cd201f;
  border: 0.5px solid #cd201f;
}

.sbtn-purple {
  background-color: #6f42c1;
  background-color: #6f42c1;
  color: #FFF;
}
.sbtn-purple:hover {
  background-color: rgb(88.6693227092, 51.3784860558, 156.6215139442);
}
.sbtn-purple:active {
  background: white;
  color: #6f42c1;
  border: 0.5px solid #6f42c1;
}

.sbtn-purple-100 {
  background-color: #e2d9f3;
  background-color: #e2d9f3;
  color: #FFF;
}
.sbtn-purple-100:hover {
  background-color: rgb(196.42, 178.24, 230.76);
}
.sbtn-purple-100:active {
  background: white;
  color: #e2d9f3;
  border: 0.5px solid #e2d9f3;
}

.sbtn-purple-200 {
  background-color: #c5b3e6;
  background-color: #c5b3e6;
  color: #FFF;
}
.sbtn-purple-200:hover {
  background-color: rgb(167.7128712871, 140.6237623762, 217.3762376238);
}
.sbtn-purple-200:active {
  background: white;
  color: #c5b3e6;
  border: 0.5px solid #c5b3e6;
}

.sbtn-purple-400 {
  background-color: #8c68cd;
  background-color: #8c68cd;
  color: #FFF;
}
.sbtn-purple-400:hover {
  background-color: rgb(110.8208955224, 65.6865671642, 192.3134328358);
}
.sbtn-purple-400:active {
  background: white;
  color: #8c68cd;
  border: 0.5px solid #8c68cd;
}

.sbtn-purple-500 {
  background-color: #6f42c1;
  background-color: #6f42c1;
  color: #FFF;
}
.sbtn-purple-500:hover {
  background-color: rgb(88.6693227092, 51.3784860558, 156.6215139442);
}
.sbtn-purple-500:active {
  background: white;
  color: #6f42c1;
  border: 0.5px solid #6f42c1;
}

.sbtn-success {
  background-color: #36BA9B;
  background-color: #36BA9B;
  color: #FFF;
}
.sbtn-success:hover {
  background-color: rgb(42.525, 146.475, 122.0625);
}
.sbtn-success:active {
  background: white;
  color: #36BA9B;
  border: 0.5px solid #36BA9B;
}

.sbtn-info {
  background-color: #39AED9;
  background-color: #39AED9;
  color: #FFF;
}
.sbtn-info:hover {
  background-color: rgb(35.906779661, 146.4618644068, 187.093220339);
}
.sbtn-info:active {
  background: white;
  color: #39AED9;
  border: 0.5px solid #39AED9;
}

.sbtn-warning {
  background-color: #F5B946;
  background-color: #F5B946;
  color: #FFF;
}
.sbtn-warning:hover {
  background-color: rgb(242.3846153846, 166.6923076923, 21.6153846154);
}
.sbtn-warning:active {
  background: white;
  color: #F5B946;
  border: 0.5px solid #F5B946;
}

.sbtn-danger {
  background-color: #D94352;
  background-color: #D94352;
  color: #FFF;
}
.sbtn-danger:hover {
  background-color: rgb(193.8230088496, 39.1769911504, 54.6415929204);
}
.sbtn-danger:active {
  background: white;
  color: #D94352;
  border: 0.5px solid #D94352;
}

.sbtn-orange {
  background-color: #F4645F;
  background-color: #F4645F;
  color: #FFF;
}
.sbtn-orange:hover {
  background-color: rgb(240.7192982456, 53.7719298246, 47.2807017544);
}
.sbtn-orange:active {
  background: white;
  color: #F4645F;
  border: 0.5px solid #F4645F;
}

.sbtn-blue {
  background-color: #195c89;
  background-color: #195c89;
  color: #FFF;
}
.sbtn-blue:hover {
  background-color: rgb(17.1296296296, 63.037037037, 93.8703703704);
}
.sbtn-blue:active {
  background: white;
  color: #195c89;
  border: 0.5px solid #195c89;
}

.sbtn-conectar-com-google {
  background-color: #4081ec;
  background-color: #4081ec;
  color: #FFF;
}
.sbtn-conectar-com-google:hover {
  background-color: rgb(22.5285714286, 99.6, 226.4714285714);
}
.sbtn-conectar-com-google:active {
  background: white;
  color: #4081ec;
  border: 0.5px solid #4081ec;
}

.whatsapp {
  color: #25d366;
}

.facebook {
  color: #1877f2;
}

.twitter {
  color: #222222;
}

.instagram {
  color: #e4405f;
}

.youtube {
  color: #cd201f;
}

.purple {
  color: #6f42c1;
}

.purple-100 {
  color: #e2d9f3;
}

.purple-200 {
  color: #c5b3e6;
}

.purple-400 {
  color: #8c68cd;
}

.purple-500 {
  color: #6f42c1;
}

.success {
  color: #36BA9B;
}

.info {
  color: #39AED9;
}

.warning {
  color: #F5B946;
}

.danger {
  color: #D94352;
}

.orange {
  color: #F4645F;
}

.blue {
  color: #195c89;
}

.conectar-com-google {
  color: #4081ec;
}

.btn-purple:hover {
  color: white;
}

a.sbtn {
  margin-top: 5px;
  height: 42px;
}
a.sbtn:hover {
  text-decoration: none;
  color: white;
}

/* BTN OUTLINE's' */
.btn-outline-dark {
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.05);
  color: black;
  outline: 0;
}
.btn-outline-dark:hover {
  background: rgba(0, 0, 0, 0.7);
  color: white;
}

.bg-linear-gradient-blue-black {
  background: linear-gradient(to bottom, rgb(0, 74, 124), #222222);
}

.bg-linear-gradient-white-black {
  background: linear-gradient(to bottom, rgb(255, 255, 255), #222222);
}

.dflex {
  display: flex;
}

.flex_align_center {
  align-items: center;
}

.flex_justify_between {
  justify-content: space-between;
}

.flex_around {
  justify-content: space-around;
}

.flex_center {
  justify-content: center;
}

.w-20 {
  width: 20px;
}

.w-30 {
  width: 30px;
}

.w-50 {
  width: 50px;
}

.w-70 {
  width: 70px;
}

.w-75 {
  width: 75px;
}

.w-80 {
  width: 80px;
}

.w-100 {
  width: 100px;
}

.w-120 {
  width: 120px;
}

.w-150 {
  width: 150px;
}

.w-180 {
  width: 180px;
}

.w-200 {
  width: 200px;
}

.w-250 {
  width: 250px;
}

.w-300 {
  width: 300px;
}

.w-350 {
  width: 350px;
}

.w-full {
  width: 100%;
}

.minw-100 {
  min-width: 100px;
}

.minw-150 {
  min-width: 150px;
}

.minw-200 {
  min-width: 200px;
}

.minw-300 {
  min-width: 300px;
}

.minw-340 {
  min-width: 340px;
}

.minw-480 {
  min-width: 480px;
}

.minw-540 {
  min-width: 540px;
}

.minw-640 {
  min-width: 640px;
}

.minw-720 {
  min-width: 720px;
}

.minw-840 {
  min-width: 840px;
}

.minw-percent-48 {
  min-width: 48.5%;
}

.minw-percent-50 {
  min-width: 50%;
}

.maxw-percent-48 {
  max-width: 48.5%;
}

.maxw-percent-47 {
  max-width: 48%;
}

.maxw-percent-50 {
  max-width: 50%;
}

.maxw-50perc {
  max-width: 50%;
}

.maxw-48p100 {
  max-width: 48%;
}

.maxw-90p100 {
  max-width: 90%;
}

.maxw-20 {
  max-width: 20px;
}

.mw-30, .maxw-30 {
  max-width: 30px;
}

.maxw-50 {
  max-width: 50px;
}

.mw-100, .maxw-100 {
  max-width: 100px;
}

.maxw-120 {
  max-width: 120px;
}

.mw-150, .maxw-150 {
  max-width: 150px;
}

.maxw-160 {
  max-width: 160px;
}

.maxw-180 {
  max-width: 180px;
}

.maxw-200 {
  max-width: 200px;
}

.maxw-220 {
  max-width: 220px;
}

.maxw-230 {
  max-width: 230px;
}

.maxw-250 {
  max-width: 250px;
}

.maxw-300 {
  max-width: 300px;
}

.maxw-350 {
  max-width: 350px;
}

.maxw-420 {
  max-width: 420px;
}

.maxw-480 {
  max-width: 480px;
}

.maxw-540 {
  max-width: 540px;
}

.maxw-640 {
  max-width: 640px;
}

.maxw-720 {
  max-width: 720px;
}

.maxw-840 {
  max-width: 840px;
}

.maxw-960 {
  max-width: 960px;
}

.maxw-1024 {
  max-width: 1024px;
}

.mw-1080, .maxw-1080 {
  max-width: 1080px;
}

.maxw-1280 {
  max-width: 1280px;
}

.maxw-1440 {
  max-width: 1440px;
}

.h-full {
  min-height: 100%;
}

.minh-200 {
  min-height: 200px;
}

.minh-300 {
  min-height: 300px;
}

.minh-340 {
  min-height: 340px;
}

.minh-480 {
  min-height: 480px;
}

.minh-540 {
  min-height: 540px;
}

.minh-640 {
  min-height: 640px;
}

.divh-250 {
  height: 250px;
}

.maxh-100 {
  max-height: 100px;
  overflow-y: scroll;
}

.maxh-200 {
  max-height: 200px;
  overflow-y: scroll;
}

.maxh-250 {
  max-height: 250px;
  overflow-y: scroll;
}

.maxh-300 {
  max-height: 300px;
  overflow-y: scroll;
}

.maxh-420 {
  max-height: 420px;
  overflow-y: scroll;
}

.maxh-480 {
  max-height: 480px;
  overflow-y: scroll;
}

.mnone {
  margin: 0 !important;
}

.m05 {
  margin: 5px;
}

.m10 {
  margin: 10px;
}

.m_auto {
  margin: auto;
}

.m10_auto {
  margin: 10px auto;
}

.mt-center-20 {
  margin: auto;
  margin-top: 20px;
}

.mt-n5 {
  margin-top: -5px;
}

.mt-0 {
  margin-top: 0;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-150 {
  margin-top: 150px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-150 {
  margin-bottom: 150px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-50 {
  margin-right: 50px;
}

.pd-0 {
  padding: 0 !important;
}

.pd-5 {
  padding: 5px;
}

.pd-10 {
  padding: 10px;
}

.pd-20 {
  padding: 20px;
}

.pd-50 {
  padding: 50px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-20 {
  padding-right: 20px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-20 {
  padding-left: 20px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-100 {
  padding-bottom: 100px;
}

.fa-xlg {
  font-size: 1.5em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.cpointer {
  cursor: pointer;
}

.jinfo {
  width: 100%;
  min-height: 35px;
  font-family: "Comfortaa", sans-serif;
  font-size: 1.2em;
  text-align: justify;
}
.jinfo p.msg {
  width: 100%;
  padding: 10px;
  background: black;
  color: white;
}
.jinfo p.msg i {
  font-size: 1.5em;
  margin-right: 10px;
}
.jinfo .title_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px 10px;
}
.jinfo .title_info i {
  background: black;
  font-weight: normal;
  cursor: pointer;
}
.jinfo .desc_info {
  width: 100%;
  padding: 3px 5px;
}
.jinfo .alert-info {
  background: rgba(0, 0, 255, 0.8);
  color: white;
}
.jinfo .alert-warning {
  background: orangered;
  color: white;
}
.jinfo .alert-danger {
  background: #cc0000;
  color: white;
}
.jinfo .alert-success {
  background: #004d00;
  color: white;
}
.jinfo .border-info {
  border: 2px solid rgba(0, 0, 255, 0.8);
  color: blue;
}
.jinfo .border-warning {
  border: 2px solid orangered;
  color: orangered;
}
.jinfo .border-danger {
  border: 2px solid #cc0000;
  color: red;
}
.jinfo .border-success {
  border: 2px solid #004d00;
  color: green;
}

.carousel-inner {
  max-height: 480px;
  overflow: hidden;
}
.carousel-inner .carousel-item {
  transition: transform 0.6s ease-in-out;
}
.carousel-inner .carousel-item .carousel-item img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.carousel-inner .carousel-item .carousel-caption {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.carousel-inner .carousel-item .carousel-caption h5 {
  font-weight: bold;
  text-transform: uppercase;
}

.carousel-control-prev .control-item-prev:hover, .carousel-control-prev .control-item-next:hover, .carousel-control-next .control-item-prev:hover, .carousel-control-next .control-item-next:hover {
  padding: 15px 15px 10px 15px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  color: white;
}

.photos_zoom {
  position: fixed;
  z-index: 999;
  display: none;
  align-items: center;
  justify-content: center;
  top: 0;
  width: 100vw;
  height: 100vh;
  padding: 10px;
  background: rgba(0, 0, 0, 0.9);
  border: 2px solid black;
}
.photos_zoom .photos_zoom_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 90vw;
  max-width: 960px;
  max-height: 100vh;
}
.photos_zoom .photos_zoom_container img {
  padding: -10px;
  background-position: center;
  max-width: 100%;
  max-height: 98vh;
  border: 2px solid white;
}
.photos_zoom .photos_zoom_container .bottom_photos_zoom_container {
  display: flex;
}
.photos_zoom .photos_zoom_container .bottom_photos_zoom_container .fa {
  margin: 0 10px -35px 10px;
  color: white;
}
.photos_zoom figure {
  display: flex;
  align-items: center;
  width: 98%;
  max-height: 120px;
}
.photos_zoom figure img {
  display: none;
  width: 98%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/** TOOLTIP */
.tlp-red {
  --bs-tooltip-bg: orangered;
}

.custom-tooltip {
  --bs-tooltip-bg: #004a7c;
  --bs-tooltip-color: white;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Raleway", sans-serif;
}

.flex-container {
  width: 100%;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .flex-container {
    flex-direction: column;
  }
}
.flex-title {
  color: #f1f1f1;
  position: relative;
  font-size: 2.5em;
  margin: auto;
  text-align: center;
  transform: rotate(90deg);
  top: 15%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

@media screen and (max-width: 768px) {
  .flex-title {
    transform: rotate(0deg) !important;
  }
}
.flex-about {
  opacity: 0;
  color: #f1f1f1;
  position: relative;
  width: 70%;
  font-size: 1em;
  padding: 5%;
  top: 20%;
  border: 2px solid #f1f1f1;
  border-radius: 10px;
  line-height: 1.3;
  margin: auto;
  text-align: left;
  transform: rotate(0deg);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

@media screen and (max-width: 768px) {
  .flex-about {
    padding: 0%;
    border: 0px solid #f1f1f1;
  }
}
.flex-slide {
  -webkit-flex: 1;
  /* Safari 6.1+ */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

@media screen and (max-width: 768px) {
  .flex-slide {
    overflow: auto;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 768px) {
  .flex-slide p {
    font-size: 2em;
  }
}
@media screen and (max-width: 768px) {
  .flex-slide ul li {
    font-size: 2em;
  }
}
.flex-slide:hover {
  -webkit-flex-grow: 3;
  flex-grow: 3;
}

@keyframes aboutFlexSlide {
  0% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
  50% {
    -webkit-flex-grow: 3;
    flex-grow: 3;
  }
  100% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
@media screen and (min-width: 768px) {
  .flex-title-home {
    transform: rotate(90deg);
    top: 15%;
    animation: aboutFlexSlide 3s 1;
    animation-delay: 0s;
  }
}
@keyframes homeFlextitle {
  0% {
    transform: rotate(90deg);
    top: 15%;
  }
  50% {
    transform: rotate(0deg);
    top: 15%;
  }
  100% {
    transform: rotate(90deg);
    top: 15%;
  }
}
.flex-about-home {
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .flex-about-home {
    animation: aboutFlexSlide 3s 1;
    animation-delay: 0s;
  }
}
@keyframes flexAboutHome {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.about {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(http://localhost/emef-carmelina/source/img/aescola.png);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

input {
  width: 100%;
}

textarea {
  width: 100%;
}

.contact {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(http://localhost/emef-carmelina/source/img/aescola.png);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.work {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(http://localhost/emef-carmelina/source/img/aescola.png);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

header {
  width: 100%;
  z-index: 2;
}
header #carmelina-rinco {
  display: flex;
  justify-content: center;
  width: 100%;
  background: #195c89;
}
header #carmelina-rinco .carmelina-rinco {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1024px;
  height: 20px;
}
header #carmelina-rinco .carmelina-rinco .logo {
  position: absolute;
  top: 0;
  color: white;
  font-size: 3em;
  background-repeat: no-repeat;
  background-size: contain, cover;
}
header #carmelina-rinco .carmelina-rinco .logo img {
  max-width: 240px;
}
header .menu-fixo {
  position: fixed;
  top: 0;
  background: rgba(0, 74, 124, 0.2);
}
header #main_menu {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  height: 55px;
  padding: 0 15px;
  background: rgba(0, 74, 124, 0.9);
  z-index: 99;
}
header #main_menu ul {
  display: flex;
  height: 55px;
}
header #main_menu ul li {
  display: flex;
  align-items: center;
  height: 55px;
  padding: 0 15px;
  border-bottom: 3px solid orangered;
}
header #main_menu ul li a {
  font-weight: bold;
  text-decoration: none;
  color: white;
}
header #main_menu ul li:hover {
  background: rgb(17, 53, 98);
  filter: contrast(100%);
}
header #main_menu .menu_mobile {
  z-index: 3;
  position: fixed;
  background: white;
  width: 100vw;
  top: 0;
}
header #main_menu .menu_mobile ul {
  display: flex;
  flex-direction: column;
}
header #main_menu .menu_mobile ul li {
  border: none;
  margin-left: -30px;
  padding: 20px 0;
  cursor: pointer;
}
header #main_menu .menu_mobile ul li a {
  text-align: center;
  width: 100%;
  color: black;
}
header #main_menu .menu_mobile ul li:hover {
  background: rgb(0, 134.8709677419, 226);
}
header #main_menu .menu_mobile h3 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 15px;
  color: white;
  height: 50px;
  background: rgb(0, 74, 124);
  border-bottom: 3px solid orangered;
  margin-left: -30px;
  text-align: right;
  font-family: "Saira Stencil One", "Fredoka+One", "Oswald", "Helvetica", sans-serif;
  font-size: 1em;
  cursor: pointer;
}
header #main_menu .menu_mobile h3 i {
  margin-right: 8px;
}

@media screen and (orientation: portrait) {
  #carmelina-rinco .carmelina-rinco .redes-sociais {
    display: none;
  }
}
@media screen and (min-width: 962px) {
  #bars_menu {
    display: none;
  }
}
@media screen and (max-width: 962px) {
  #main_menu {
    color: red;
  }
  #main_menu #bars_menu {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 2em;
  }
  #main_menu .menu_p {
    display: none;
  }
}
section {
  display: flex;
  flex-direction: column;
}

.section_title {
  font-family: sans-serif;
  font-weight: bold;
  width: 100%;
  text-align: center;
  color: white;
  padding-top: 20px;
}

.section_subtitle {
  width: 100%;
  color: yellow;
  text-align: center;
}

#escola img {
  width: 100%;
}
#escola article {
  text-align: justify;
}
#escola article h3.title {
  padding: 0 15px;
}
#escola article p {
  padding: 0 15px;
  font-size: 1.2em;
  font-family: "DM Sans", "Concert One", "Helvetica Neue";
}
#escola article .pdefault {
  padding: 0 15px;
  font-size: 1.2em;
  font-family: "DM Sans", "Concert One", "Helvetica Neue";
}

@media screen and (min-width: 962px) {
  article {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; /* padrão */
    -webkit-column-width: 8rem;
    padding: 20px 50px;
  }
  article h3.title {
    font-weight: 600;
  }
  article p {
    font-family: "DM Sans", "Concert One", "Helvetica Neue", sans-serif;
  }
}
@media screen and (max-width: 962px) {
  article {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; /* padrão */
    padding: 10px;
  }
}
#navegacao ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
#navegacao ul a {
  text-decoration: none;
}
#navegacao ul li {
  width: 170px;
  height: 150px;
  margin: 3px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: rgb(0, 74, 124);
  text-align: center;
}
#navegacao ul li i {
  padding-bottom: 8px;
}
#navegacao ul li span {
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.8em;
  line-height: 1em;
  padding: 3px 5px;
}
#navegacao ul li:hover, #navegacao ul li:hover span {
  color: purple;
}

#agenda {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
  background: rgba(25, 92, 137, 0.1);
}
#agenda * {
  color: black;
}
#agenda .section_title {
  padding-left: 10px;
  color: #195c89;
  text-align: left;
  font-family: "Oswald", sans-serif;
}
#agenda .home-eventos {
  display: flex;
  width: 100%;
  max-width: 1280px;
  height: auto;
}
#agenda .home-eventos .home-eventos-conteudo {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box {
  display: flex;
  padding: 10px;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar {
  min-width: 322px;
  font-family: sans-serif;
  padding: 10px;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .calendar-controls {
  background: #424b59;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .calendar-controls .curr-date {
  text-align: center;
  padding: 6px;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .calendar-controls .curr-date .curr-month, #agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .calendar-controls .curr-date .curr-year {
  font-weight: bold;
  color: white;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .theMonths {
  background: #424b59;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .theMonths .argTable .mon-head {
  border-bottom: 2px solid white;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .theMonths .argTable .mon-head .headerRow .week-day {
  width: 55px;
  padding: 5.5px;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .theMonths .argTable .mon-head .headerRow .week-day .the-number {
  color: white;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .theMonths .argTable .mon-body {
  border-bottom: 20px;
  background: #424b59;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .theMonths .argTable .mon-body .mon-row {
  padding: 5px;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .theMonths .argTable .mon-body .mon-row .week-day {
  width: 55px;
  padding: 8px 8px 8px 12px;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .theMonths .argTable .mon-body .mon-row .week-day .the-number {
  text-align: center;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .theMonths .argTable .mon-body .mon-row .other-months-date {
  width: 30px;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .theMonths .argTable .mon-body .mon-row .other-months-date .the-number {
  color: #6a717d;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .theMonths .argTable .mon-body .mon-row .curr-months-date .the-number {
  color: white;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .theMonths .argTable .mon-body .mon-row .today-date {
  background: #27d045;
}
#agenda .home-eventos .home-eventos-conteudo .home-eventos-conteudo-box .home-eventos-conteudo-box-calendar .myCalendar .theMonths .argTable .mon-body .mon-row .today-date .the-number {
  font-weight: bold;
}
#agenda .home-eventos-conteudo-box-lista {
  padding: 0 10px 10px 20px;
  width: 100%;
}
#agenda .home-eventos-conteudo-box-lista .home-eventos-conteudo-box-lista-cards {
  max-height: 480px;
  overflow-y: auto;
  padding-right: 5px;
}
#agenda .home-eventos-conteudo-box-lista .home-eventos-conteudo-box-lista-cards .home-card-eventos {
  display: flex;
  font-family: sans-serif;
  background: white;
  margin-bottom: 8px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
#agenda .home-eventos-conteudo-box-lista .home-eventos-conteudo-box-lista-cards .home-card-eventos .card-eventos-day {
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.3em;
}
#agenda .home-eventos-conteudo-box-lista .home-eventos-conteudo-box-lista-cards .home-card-eventos .card-eventos-descricao {
  padding: 8px 30px 8px 8px;
}
#agenda .home-eventos-conteudo-box-lista .home-eventos-conteudo-box-lista-cards .home-card-eventos .card-eventos-descricao h5 {
  font-family: "Osvald", sans-serif;
  color: rgba(0, 0, 0, 0.7);
}
#agenda .home-eventos-conteudo-box-lista .home-eventos-conteudo-box-lista-cards .home-card-eventos .card-eventos-descricao small .fa-calendar {
  color: rgba(0, 0, 0, 0.7);
}
#agenda .home-eventos-conteudo-box-lista .home-eventos-conteudo-box-lista-cards .current-event {
  border-left: 7px solid #27d045;
}
#agenda .home-eventos-conteudo-box-lista .home-eventos-conteudo-box-lista-cards .past-event {
  border-left: 7px solid red;
}
#agenda .home-eventos-conteudo-box-lista .home-eventos-conteudo-box-lista-cards .no-evento {
  font-family: "Oswald", sans-serif;
  color: rgba(0, 0, 0, 0.6);
}
#agenda .home-eventos-conteudo-box-lista .home-eventos-conteudo-box-lista-cabecalho-rodape .sbtn {
  margin-top: 20px;
}

@media (max-width: 857px) {
  .home-eventos-conteudo-box-calendar {
    display: none;
  }
}
#blog-article img {
  width: 100%;
  height: 480px;
  background-repeat: no-repeat;
  object-fit: cover;
  background-size: 100%;
}
#blog-article .article-plus-visited {
  position: absolute;
  width: 100%;
  height: 480px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#blog-article .article-plus-visited h4 {
  color: white;
  font-weight: bold;
  font-size: 3em;
  font-family: "Oswald", sans-serif;
  text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;
  text-align: center;
}
#blog-article .article-plus-visited a smal {
  padding: 5px 50px;
}

#nossos-videos {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
}
#nossos-videos .section_title {
  color: #195c89;
  font-family: "Oswald", sans-serif;
}
#nossos-videos .nossos-videos {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px;
}
#nossos-videos .nossos-videos .card-video {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 380px;
  height: 230px;
  margin: 10px;
  border: 1.5px solid purple;
  background-size: cover;
}
#nossos-videos .nossos-videos .card-video div {
  position: absolute;
  background: white;
  width: 35px;
  height: 35px;
}
#nossos-videos .nossos-videos .card-video i {
  margin: 0;
  padding: 0;
  font-size: 4em;
  color: red;
  position: absolute;
  border-radius: 25px;
}
#nossos-videos .nossos-videos .card-video li {
  width: 100%;
  background: purple;
  margin-top: 200px;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  padding: 5px 10px;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#nossos-videos .nossos-videos .card-video:hover {
  cursor: pointer;
}

#video-play {
  display: none;
  z-index: 99;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
}
#video-play button {
  height: 30px;
  font-size: 0.9em;
  position: absolute;
  top: 10px;
  right: 40px;
  padding: 0 10px;
  color: white;
  background: purple;
  border: none;
}
#video-play button i {
  font-size: 1.1em;
}
#video-play iframe {
  width: 90%;
  height: 90%;
}

.bg-lg-redwhite {
  background: linear-gradient(rgb(0, 74, 124), rgb(246, 246, 246), rgb(0, 74, 124));
}

#contatos {
  padding: 30px 20px 20px 20px;
  background: rgb(246, 246, 246);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  flex-wrap: wrap;
}
#contatos .form-contact-section {
  display: flex;
  flex-direction: column;
}

@media (min-width: 840px) {
  #contatos .form-contact-section {
    display: flex;
    flex-direction: row;
  }
}
#revistas {
  width: 100%;
  min-height: 640px;
  padding: 20px;
  display: flex;
  align-items: center;
}
#revistas .card-rev-revista {
  display: flex;
  flex-wrap: wrap;
  max-width: 1024px;
  margin-bottom: 20px;
  padding: 10px;
}
#revistas .card-rev-revista .card-rev-revista-cover {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
#revistas .card-rev-revista .card-rev-revista-cover img {
  width: 320px;
  filter: drop-shadow(10px 10px 10px #004a7c);
  padding: 20px;
}
#revistas .card-rev-revista .card-rev-revista-descricao {
  text-align: justify;
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 24;
  -webkit-box-orient: vertical;
}

.viewpdf {
  z-index: 99;
  position: fixed;
  width: 100%;
  height: 100%;
}
.viewpdf embed {
  width: 100%;
  min-height: 100%;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23/01/2024, 17:30:38
    Author     : josei
*/
/* 
    Created on : 23/01/2024, 15:28:20
    Author     : Joseilson Lima
*/
#equipe {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 35px 20px 50px 20px;
}
#equipe h2 {
  font-weight: 600;
}
#equipe .section_subtitle {
  max-width: 1280px;
  margin-top: -5px;
  padding: 0 15px;
  line-height: 1em;
  padding-bottom: 20px;
}
#equipe #testimonials {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto;
  font: 15px Tahoma, Georgia, serif;
  color: #616161;
}
#equipe #testimonials h2 {
  color: #00bcd4;
  font: 26px Georgia, serif;
  font-weight: 600;
}
#equipe #testimonials li {
  max-width: 540px;
  border-top: 2px solid rgba(0, 0, 0, 0);
  clear: both;
  margin: 0 10px;
  padding: 28px;
  list-style-type: none;
}
#equipe #testimonials li h2 {
  margin-bottom: 0;
}
#equipe #testimonials li .componente-curricular {
  color: rgba(255, 255, 255, 0.8);
}
#equipe #testimonials li img {
  border: 5px solid #222222;
  float: left;
  -moz-box-shadow: 0 0 10px #333;
  -webkit-box-shadow: 0 0 10px #333;
  box-shadow: 0 0 12px #333;
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  margin: 0 15px 10px 15px;
  opacity: 0.7;
}
#equipe #testimonials li img:hover {
  cursor: pointer;
  border: 5px solid orange;
  opacity: 1;
}
#equipe #testimonials li:nth-child(2n) img {
  float: right;
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  margin: 0 0 0 5px;
}
#equipe #testimonials li:first-child {
  border: none;
}
#equipe #testimonials p {
  color: white;
  padding: 10px 5px 0 0;
  text-align: justify;
}
#equipe #testimonials div {
  overflow: none;
}

/* 
    Created on : 24/01/2024, 18:58:01
    Author     : Joseilson Lima
*/
#gestao {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 35px 20px 50px 20px;
}
#gestao h3 {
  color: black;
  font-weight: 600;
}
#gestao .section_subtitle {
  max-width: 1280px;
  margin-top: -5px;
  padding: 0 15px;
  line-height: 1em;
  padding-bottom: 20px;
  color: #195c89;
}
#gestao #testimonials {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto;
  font: 15px Tahoma, Georgia, serif;
  color: #616161;
}
#gestao #testimonials h2 {
  color: #00bcd4;
  font: 26px Georgia, serif;
  font-weight: 600;
}
#gestao #testimonials li {
  max-width: 540px;
  border-top: 2px solid rgba(0, 0, 0, 0);
  clear: both;
  margin: 0 10px;
  padding: 28px;
  list-style-type: none;
}
#gestao #testimonials li h2 {
  margin-bottom: 0;
  color: #195c89;
}
#gestao #testimonials li .componente-curricular {
  color: rgba(255, 255, 255, 0.8);
}
#gestao #testimonials li img {
  border: 5px solid #222222;
  float: left;
  -moz-box-shadow: 0 0 10px #333;
  -webkit-box-shadow: 0 0 10px #333;
  box-shadow: 0 0 12px #333;
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  margin: 0 15px 10px 15px;
  opacity: 0.9;
}
#gestao #testimonials li img:hover {
  cursor: pointer;
  border: 5px solid orange;
  opacity: 1;
}
#gestao #testimonials li:nth-child(2n) img {
  float: right;
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  margin: 0 0 0 5px;
}
#gestao #testimonials li:first-child {
  border: none;
}
#gestao #testimonials p {
  color: #195c89;
  padding: 10px 5px 0 0;
  text-align: justify;
}
#gestao #testimonials div {
  overflow: none;
}

#galeria {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  width: 100%;
  background: rgb(244, 213, 11);
  border-top: 2px solid rgba(0, 0, 0, 0.1);
}
#galeria .section_title {
  color: #195c89;
  margin-bottom: 20px;
  font-family: "Oswald", sans-serif;
}
#galeria .galeria {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
}
#galeria .galeria .album_de_fotos {
  margin: 10px;
  width: 100%;
  width: 33.3333333333%;
  max-width: 350px;
  min-height: 210px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 6px;
  background: white;
}
#galeria .galeria .album_de_fotos a {
  text-decoration: none;
}
#galeria .galeria .album_de_fotos img {
  width: 100%;
  height: 180px;
  background-repeat: no-repeat;
  object-fit: cover;
  background-size: 100%;
}
#galeria .galeria .album_de_fotos .album_title {
  font-size: 1.1em;
  font-family: "Oswald", sans-serif;
  padding-top: 8px;
  text-transform: uppercase;
  color: #195c89;
  text-align: center;
}
#galeria .galeria .album_de_fotos:hover {
  background: rgb(23, 90, 136);
}
#galeria .galeria .album_de_fotos:hover .album_title {
  color: white;
}
#galeria .galeria li {
  max-width: 480px;
  height: 200px;
  margin: 10px;
}
#galeria .galeria li img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 3px solid rgba(114, 189, 255, 0.6);
  box-shadow: 2px 5px 20px black;
}
#galeria .galeria .zoom img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 3px solid rgba(114, 189, 255, 0.6);
}
#galeria .galeria .zoom:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border: 3px solid rgba(114, 189, 255, 0.6);
}

#albuminfo {
  display: flex;
  justify-content: center;
  flex-direction: row;
  padding: 30px 40px;
}
#albuminfo .album {
  display: flex;
  flex-direction: column;
  padding: 20px 30px;
  width: 100%;
  max-width: 1130px;
  border-right: 2px solid rgba(0, 0, 0, 0.1);
  background: white;
}
#albuminfo .album .galeria {
  display: flex;
  flex-wrap: wrap;
}
#albuminfo .album .galeria .img {
  width: 250px;
  height: 200px;
  margin: 6px;
}
#albuminfo .album .galeria .img img {
  border: 3px solid white;
  height: 100%;
  width: 250px;
  object-fit: cover;
  background-size: 100%;
}
#albuminfo .album .galeria .img img:hover {
  border: 3px solid #195c89;
}
#albuminfo .album h3 {
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
}
#albuminfo .album p {
  text-align: justify;
}
#albuminfo .avisos {
  padding: 20px;
  width: 320px;
}
#albuminfo .avisos h5 {
  font-family: "Oswald", sans-serif;
}
#albuminfo .avisos img {
  width: 290px;
}
#albuminfo .avisos .postagens-recentes .article-title {
  padding: 5px 0;
  text-align: justify;
  line-height: 1.1em;
}

/* 
    Created on : 23/01/2024, 14:08:00
    Author     : Joseilson Lima
*/
/* Aqui começa o código CSS */
#depoimentos {
  background: linear-gradient(to bottom, rgb(0, 74, 124), #222222);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
}
#depoimentos #testimonials {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  font: 15px Tahoma, Georgia, serif;
  color: #616161;
}
#depoimentos #testimonials h2 {
  color: #00bcd4;
  font: 26px Georgia, serif;
  font-weight: 600;
}
#depoimentos #testimonials li {
  max-width: 640px;
  border-top: 2px solid rgba(0, 0, 0, 0);
  clear: both;
  padding: 28px;
  list-style-type: none;
}
#depoimentos #testimonials li img {
  border: 5px solid #222222;
  float: left;
  -moz-box-shadow: 0 0 10px #333;
  -webkit-box-shadow: 0 0 10px #333;
  box-shadow: 0 0 12px #333;
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  margin: 20px 25px 10px 20px;
}
#depoimentos #testimonials li:nth-child(2n) img {
  float: right;
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  margin: 0 0 0 2px;
}
#depoimentos #testimonials li:first-child {
  border: none;
}
#depoimentos #testimonials p {
  color: white;
  padding: 5px;
  text-align: justify;
}
#depoimentos #testimonials div {
  overflow: none;
}

.calendario-escolar table.calendario {
  max-width: 480px;
  background: rgba(0, 0, 0, 0.1);
  margin: 10px 20px;
}
.calendario-escolar table.calendario .calendar-title {
  color: white;
  background: rgb(25, 92, 137);
}
.calendario-escolar table.calendario .calendar-title td {
  font-weight: 600;
  font-size: 1.2em;
  padding: 5px;
  text-align: center;
}
.calendario-escolar table.calendario .dias-do-mes td {
  padding: 5px;
  text-align: center;
  border: 1px solid white;
  font-weight: 600;
  font-size: 1.2em;
}

/* 
    Created on : 23/01/2024, 14:46:03
    Author     : Joseilson Lima
*/
.contact {
  position: relative;
  min-height: 100vh;
  padding: 50px 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #222;
}
.contact .content {
  max-width: 800px;
  text-align: center;
}
.contact .content h2 {
  font-size: 2em;
  color: #fff;
  font-weight: 500;
}
.contact .content p {
  color: #fff;
  font-size: 1.1em;
  font-weight: 300;
}
.contact .container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  margin-top: 30px;
}
.contact .container .contactInfo {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.contact .container .contactInfo .box {
  position: relative;
  padding: 10px 0;
  display: flex;
  cursor: pointer;
}
.contact .container .contactInfo .box .icon {
  min-width: 50px;
  height: 50px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.75em;
  transition: 0.5s;
}
.contact .container .contactInfo .box:hover .icon {
  background: #00bcd4;
  color: #fff;
}
.contact .container .contactInfo .box .text {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  font-size: 1em;
  color: #fff;
  font-weight: 300;
}
.contact .container .contactInfo .box .text h3 {
  font-weight: 300;
  color: #00bcd4;
}
.contact .container .contactInfo .box .text p {
  word-break: break-all;
}
.contact .container .contactInfo .txt {
  margin-top: 50px;
  padding-left: 5px;
  border-left: 50px solid #e91e63;
  line-height: 1em;
}
.contact .container .contactForm {
  position: relative;
  width: 40%;
  background: #fff;
  min-height: 100px;
  padding: 30px;
}
.contact .container .contactForm h2 {
  font-size: 1.5em;
  text-decoration: underline;
  color: #333;
  font-weight: 500;
}
.contact .container .contactForm .inputBox {
  position: relative;
  width: 100%;
  margin-top: 20px;
}
.contact .container .contactForm .inputBox input, .contact .container .contactForm .inputBox textarea {
  width: 100%;
  padding: 5px 0;
  font-size: 1em;
  margin: 5px 0;
  border: none;
  border-bottom: 1px solid #333;
  outline: none;
  resize: none;
}
.contact .container .contactForm .inputBox textarea {
  height: 100px;
}
.contact .container .contactForm .inputBox span {
  position: absolute;
  left: 0;
  pointer-events: none;
  padding: 5px 0;
  margin: 5px 0;
  font-size: 1em;
  color: #666;
  transition: 0.5s;
}
.contact .container .contactForm .inputBox input:focus ~ span,
.contact .container .contactForm .inputBox textarea:focus ~ span,
.contact .container .contactForm .inputBox input:valid ~ span,
.contact .container .contactForm .inputBox textarea:valid ~ span {
  color: #e91e63;
  font-size: 0.9em;
  transform: translateY(-20px);
}
.contact .container .contactForm .inputBox input[type=submit] {
  width: 100px;
  background: #00bcd4;
  color: #fff;
  border: none;
  cursor: pointer;
  padding: 10px;
  font-size: 1.1em;
  font-weight: 500;
}
.contact .cc {
  font-size: 1.3em;
  color: #f4bf1a;
}
.contact .sci {
  position: relative;
  display: flex;
  gap: 30px;
  margin: 5px 0;
}
.contact .sci li {
  list-style: none;
}
.contact .sci li a {
  color: #fff;
  font-size: 2em;
  transition: 0.5s;
}
.contact .sci li a:hover {
  color: #00bcd4;
}

/* lets make it responsive */
@media (max-width: 991px) {
  .contact {
    padding: 10px;
  }
  .container {
    flex-direction: column;
  }
  .container .contactInfo, .container .contactForm {
    min-width: 100%;
  }
  .container .contactInfo, .container contactForm {
    padding: 35px 15px;
  }
}
/* 
    Created on : 14/03/2024, 15:12:08
    Author     : Joseilson Lima
*/
#section_gremio_estudantil {
  display: flex;
  background: #2b241e;
  background: #cfcaca;
  height: 100vh;
  width: 100vw;
}
#section_gremio_estudantil .app_screen {
  background: white;
  width: 100%;
  height: calc(100% - 40px);
  margin: 20px;
  padding: 40px 20px 10px 20px;
  border: 5px solid black;
}
#section_gremio_estudantil .app_screen .title {
  text-align: center;
}
#section_gremio_estudantil .app_screen .title h2 {
  font-size: 1.5em;
  font-weight: bold;
}
#section_gremio_estudantil .app_screen .title h3 {
  font-size: 1.5em;
}
#section_gremio_estudantil .app_screen .body .sessao_eleitoral {
  display: flex;
  justify-content: center;
  font-size: 0.35em;
  font-weight: normal;
}
#section_gremio_estudantil .app_screen .body h1 {
  font-family: sans-serif;
  line-height: 1em;
  padding: 60px 0;
  text-align: center;
  font-weight: bold;
  font-size: 5em;
}
#section_gremio_estudantil .app_screen .body .aluno-votando {
  width: 100%;
  font-size: 2em;
  text-align: center;
  font-family: sans-serif;
  font-weight: bold;
  padding: 50px 15px 20px 15px;
}
#section_gremio_estudantil .app_screen .body .aluno-votando p {
  background: yellow;
  border: 1px solid black;
}
#section_gremio_estudantil .app_screen .body .aluno-votando span.votando {
  margin-top: 40px;
  font-weight: normal;
}
#section_gremio_estudantil .app_screen .body .numero-da-chapa {
  display: flex;
  justify-content: center;
  background: white;
}
#section_gremio_estudantil .app_screen .body .numero-da-chapa .number_one, #section_gremio_estudantil .app_screen .body .numero-da-chapa .number_two {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 35px;
  width: 180px;
  height: 180px;
  border: 4px solid black;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 8em;
}
#section_gremio_estudantil .app_screen .body .numero-da-chapa .chapa-img {
  width: 540px;
  height: 320px;
  border: 5px solid black;
}
#section_gremio_estudantil .app_screen .body .numero-da-chapa .nome_da_chapa {
  background: white;
  text-transform: uppercase;
  position: absolute;
  font-size: 1.6em;
  font-weight: bold;
  margin-top: 280px;
  padding: 5px 10px;
  border: 5px solid black;
}
#section_gremio_estudantil .app_screen .footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
#section_gremio_estudantil .app_screen .footer a, #section_gremio_estudantil .app_screen .footer button {
  text-decoration: none;
  font-family: sans-serif;
  padding: 10px 30px;
  font-size: 3em;
  font-weight: bold;
  border: 5px solid rgba(0, 0, 0, 0.7);
  background: #07863b;
  color: white;
}
#section_gremio_estudantil .app_screen .footer a:active, #section_gremio_estudantil .app_screen .footer button:active {
  background: white;
  color: #07863b;
}
#section_gremio_estudantil .app_screen .voto-finalizado {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 15em;
}
#section_gremio_estudantil .app_keyboard {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 580px;
  min-width: 580px;
  height: 100%;
  background: #cfcaca;
}
#section_gremio_estudantil .app_keyboard nav {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
#section_gremio_estudantil .app_keyboard .tecla {
  cursor: pointer;
  text-align: center;
  margin: 10px 20px;
  width: 120px;
  height: 120px;
  background: #2c6765;
  color: white;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 5em;
  border: 5px solid rgba(0, 0, 0, 0.7);
}
#section_gremio_estudantil .app_keyboard .tecla:active {
  background: white;
  color: #2c6765;
}
#section_gremio_estudantil .app_keyboard .app_options {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  width: 100%;
}
#section_gremio_estudantil .app_keyboard .app_options button, #section_gremio_estudantil .app_keyboard .app_options a {
  margin: 5px;
  padding: 15px;
  font-size: 1.8em;
  font-weight: bold;
  border: 5px solid rgba(0, 0, 0, 0.7);
  text-decoration: none;
}
#section_gremio_estudantil .app_keyboard .app_options .votar_em_branco {
  background: white;
}
#section_gremio_estudantil .app_keyboard .app_options .votar_em_branco:active {
  background: rgba(0, 0, 0, 0.2);
  color: #2c6765;
}
#section_gremio_estudantil .app_keyboard .app_options a, #section_gremio_estudantil .app_keyboard .app_options .corrigir_voto {
  background: orange;
  color: white;
}
#section_gremio_estudantil .app_keyboard .app_options a:active, #section_gremio_estudantil .app_keyboard .app_options .corrigir_voto:active {
  background: white;
  color: #2c6765;
}
#section_gremio_estudantil .app_keyboard .app_options .confirmar_voto {
  background: green;
  color: white;
}
#section_gremio_estudantil .app_keyboard .app_options .confirmar_voto:active {
  background: white;
  color: #2c6765;
}

.no-selected {
  -webkit-touch-callout: none; /* iPhone OS, Safari */
  -webkit-user-select: none; /* Chrome, Safari 3 */
  -khtml-user-select: none; /* Safari 2 */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  user-select: none; /* Possível implementação no futuro */
  /* cursor: default; */
}

#resultado-eleicoes-gremio-estudantil {
  display: flex;
  flex-direction: column;
  background: rgb(243, 243, 243);
}
#resultado-eleicoes-gremio-estudantil .title {
  text-align: center;
  width: 100%;
  background: rgba(24, 91, 136, 0.1);
  padding: 20px;
  font-family: sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: purple;
}
#resultado-eleicoes-gremio-estudantil .resultado-por-sessao {
  width: 100%;
  justify-content: center;
  background: #dce3e8;
  padding: 20px;
  max-height: 180px;
  overflow-y: scroll;
}
#resultado-eleicoes-gremio-estudantil .resultado-por-sessao ul {
  display: flex;
  flex-wrap: wrap;
}
#resultado-eleicoes-gremio-estudantil .resultado-por-sessao a {
  background: rgb(24, 91, 136);
  margin: 3px 4px;
  color: white;
  text-decoration: none;
}
#resultado-eleicoes-gremio-estudantil .resultado-por-sessao a:hover {
  background: rgba(24, 91, 136, 0.7);
}
#resultado-eleicoes-gremio-estudantil .resultado-por-sessao a:active {
  color: yellow;
}
#resultado-eleicoes-gremio-estudantil .resultado-por-sessao i {
  padding-right: 7px;
}
#resultado-eleicoes-gremio-estudantil .total-de-votos {
  display: flex;
  justify-content: space-around;
  padding: 20px;
}
#resultado-eleicoes-gremio-estudantil .votos-validos {
  text-align: center;
  align-items: center;
  margin: 10px;
  padding: 20px;
  background: white;
  border-radius: 12px;
  font-family: sans-serif;
  font-weight: 600;
  font-size: 2em;
  line-height: 0.7em;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
#resultado-eleicoes-gremio-estudantil .votos-validos span {
  padding: 0;
  font-size: 0.6em;
  font-weight: normal;
}
#resultado-eleicoes-gremio-estudantil .votos-das-chapas {
  display: flex;
  flex-wrap: wrap;
  background: white;
}
#resultado-eleicoes-gremio-estudantil .votos-das-chapas .card-chapa {
  width: 380px;
  margin: 20px;
  background: white;
  color: black;
  border: 3px solid #185b88;
  font-family: sans-serif;
}
#resultado-eleicoes-gremio-estudantil .votos-das-chapas .card-chapa .integrantes {
  width: 100%;
  height: 220px;
}
#resultado-eleicoes-gremio-estudantil .votos-das-chapas .card-chapa .integrantes img {
  margin-top: -8px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#resultado-eleicoes-gremio-estudantil .votos-das-chapas .card-chapa h2 {
  background: #185b88;
  text-align: center;
  font-family: sans-serif;
  font-size: 1.3em;
  padding: 10px 0;
  color: white;
}
#resultado-eleicoes-gremio-estudantil .votos-das-chapas .card-chapa .resultados {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: rgba(255, 215, 0, 0.5);
  border-top: 3px solid #185b88;
  margin-top: -8px;
}
#resultado-eleicoes-gremio-estudantil .votos-das-chapas .card-chapa .resultados .posicao {
  font-family: sans-serif;
  font-weight: bold;
  font-size: 5em;
  color: gold;
  background: #185b88;
  padding: 0 15px;
  margin: -35px 0 5px 5px;
  border: 3px solid gold;
}
#resultado-eleicoes-gremio-estudantil .votos-das-chapas .card-chapa .resultados .chapa-total-de-votos {
  font-family: sans-serif;
  text-align: center;
  font-size: 3.5em;
  font-weight: bold;
  padding: 0 15px;
}
#resultado-eleicoes-gremio-estudantil .votos-das-chapas .card-chapa .resultados .chapa-total-de-votos span {
  font-family: sans-serif;
  font-size: 0.3em;
  font-weight: normal;
}

.swiper .card-wrapper {
  max-width: 1100px;
  margin: 0 60px 35px;
  padding: 20px 10px;
  overflow: hidden;
}
.swiper .card-wrapper .card-list {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: linear-gradient(#ECEFFE, #C5CFFC);
}
.swiper .card-wrapper .card-list .card-item {
  list-style: none;
}
.swiper .card-wrapper .card-list .card-item .card-link {
  display: block;
  background: #fff;
  padding: 19px;
  user-select: none;
  border-radius: 12px;
  text-decoration: none;
  border: 2px solid transparent;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
  transition: 0.2s ease;
}
.swiper .card-wrapper .card-list .card-item .card-link:active {
  cursor: grabbing;
}
.swiper .card-wrapper .card-list .card-item .card-link:hover {
  border-color: #5372F0;
}
.swiper .card-wrapper .card-list .card-item .card-link:hover .card-buttom {
  color: #fff;
  background: #5372F0;
}
.swiper .card-wrapper .card-list .card-item .card-link .card-image {
  width: 100%;
  border-radius: 10px;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.swiper .card-wrapper .card-list .card-item .card-link .badge {
  color: #5372F0;
  width: fit-content;
  padding: 8px 16px;
  font-size: 0.95rem;
  border-radius: 50px;
  font-weight: 500;
  background: #DDE4FF;
  margin: 16px 0 18px;
}
.swiper .card-wrapper .card-list .card-item .card-link .badge-designer {
  color: #B22485;
  background: #F7DFF5;
}
.swiper .card-wrapper .card-list .card-item .card-link .badge-marketer {
  color: #B25A2B;
  background: #FFE3D2;
}
.swiper .card-wrapper .card-list .card-item .card-link .badge-gamer {
  color: #205C20;
  background: #D6F8D6;
}
.swiper .card-wrapper .card-list .card-item .card-link .badge-editor {
  color: #856404;
  background: #fff3cd;
}
.swiper .card-wrapper .card-list .card-item .card-link .card-title {
  color: #000;
  font-size: 1.19rem;
  font-weight: 600;
}
.swiper .card-wrapper .card-list .card-item .card-link .card-buttom {
  height: 35px;
  width: 35px;
  color: #5372F0;
  margin: 30px 0 5px;
  background: none;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #5372F0;
  transform: rotate(-45deg);
  transition: 0.4s ease;
}
.swiper .card-wrapper .swiper-pagination-bullet {
  height: 13px;
  width: 13px;
  opacity: 0.5;
  background: #5372F0;
}
.swiper .card-wrapper .swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper .card-wrapper .swiper-slide-button {
  color: #5372F0;
  margin-top: -35px;
}

/* Responsive media query for small screens */
@media (max-width: 768px) {
  .card-wrapper {
    margin: 0 10px 25px;
  }
  .card-wrapper .swiper-slide-button {
    display: none;
  }
}
#festa-junina {
  height: 100%;
  background: #ededed;
}
#festa-junina .fj-info {
  color: white;
}
#festa-junina .fj-info h3 {
  font-weight: bold;
}
#festa-junina .fj-info .fj-info-ca {
  margin-top: -10px;
}
#festa-junina .cliente-identificacao {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
  background: #ff6633;
  padding: 10px 20px;
  color: white;
}
#festa-junina .cliente-identificacao .cliente-info {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding: 0 10px;
}
#festa-junina .cliente-identificacao .cliente-info i {
  padding-right: 8px;
}
#festa-junina .cliente-identificacao .cliente-info .cliente-saudacao {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 12px;
  text-align: left;
}
#festa-junina .cliente-identificacao .cliente-info .cliente-saudacao small {
  text-align: left;
  font-size: 0.8em;
}
#festa-junina .cliente-identificacao .cliente-info .cliente-saudacao p {
  margin-top: -5px;
}
#festa-junina .cliente-identificacao .cliente-info .cliente-saudacao p.connected {
  font-weight: bold;
  font-size: 0.9em;
}
#festa-junina .cliente-identificacao .cliente-info .cliente-saudacao p.connected a {
  cursor: pointer;
  color: white;
}
#festa-junina .cliente-identificacao .cliente-info .cliente-saudacao p.connected a:hover {
  color: yellow;
  text-decoration: none;
}
#festa-junina .cliente-identificacao .cliente-info .cliente-saudacao p.disconnected {
  font-weight: bold;
  font-size: 0.9em;
}
#festa-junina .cliente-identificacao .cliente-info .cliente-saudacao p.disconnected a {
  cursor: pointer;
  color: white;
}
#festa-junina .cliente-identificacao .cliente-info .cliente-saudacao p.disconnected a:hover {
  color: yellow;
  text-decoration: none;
}
#festa-junina .fj-charrinho {
  margin: 0 auto;
  padding: 15px 15px 5px 15px;
}
#festa-junina .fj-charrinho a {
  text-decoration: none;
  color: white;
}
#festa-junina .fj-charrinho a span {
  position: absolute;
  margin-top: -10px;
  margin-left: -5px;
  background: #195c89;
  padding: 0 5px;
  font-weight: bold;
  border-radius: 8px;
}
#festa-junina .fj-produtos {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 30px 20px;
}
#festa-junina .fj-produtos .card-fj-produtos {
  display: flex;
  flex-direction: column;
  width: 220px;
  background: white;
  margin: 10px;
  border: 1.5px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
#festa-junina .fj-produtos .card-fj-produtos img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  background-size: 100%;
  border-radius: 8px 8px 0 0;
}
#festa-junina .fj-produtos .card-fj-produtos .nome {
  font-size: 0.9em;
  padding: 5px 10px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
}
#festa-junina .fj-produtos .card-fj-produtos .preco {
  position: absolute;
  margin: 5px;
  font-family: "Comfortaa", sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  background: white;
  border-radius: 8px;
  padding: 3px 5px;
  margin-right: 10px;
}
#festa-junina .fj-produtos .card-fj-produtos button {
  margin: 2px 10px 10px 10px;
  width: calc(100% - 20px);
}
#festa-junina .fj-produtos .card-fj-produtos .fj-bag {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
}
#festa-junina .fj-produtos .card-fj-produtos .fj-bag i {
  cursor: pointer;
  font-size: 1.7em;
}
#festa-junina .fj-produtos .card-fj-produtos .fj-bag i:active {
  color: #ff8b00;
}
#festa-junina .fj-produtos .card-fj-produtos .fj-bag .qtd {
  padding: 0 10px;
  margin: 0 30px;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  background: white;
}
#festa-junina .fj-produtos .card-fj-produtos:hover {
  background: #195c89;
  color: white;
}
#festa-junina .fj-produtos .card-fj-produtos:hover .preco, #festa-junina .fj-produtos .card-fj-produtos:hover .qtd {
  color: black;
}
#festa-junina .fj-produtos-chart {
  display: flex;
  justify-content: center;
  background: #ededed;
  min-height: 580px;
}
#festa-junina .fj-produtos-chart .fj-produtos-chart-title {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  padding: 16px 20px 0 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#festa-junina .fj-produtos-chart .carrinho-itens {
  background: white;
  width: 100%;
  max-width: 840px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  margin: 10px;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras div {
  padding: 0 10px;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  font-family: Arial, sans-serif;
  border-bottom: 1px solid #ddd;
  padding: 16px;
  gap: 16px;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-image {
  width: 80px;
  height: auto;
  border: 2px solid rgba(0, 0, 0, 0.7);
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-details {
  flex: 1;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-details .item-title {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-details .item-actions {
  display: flex;
  gap: 8px;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-details .item-actions a {
  color: white;
  padding: 2px 10px;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-details .action-link {
  font-size: 13px;
  color: #2979ff;
  text-decoration: none;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-quantity {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 4px 8px;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-quantity .qty-btn {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #666;
  padding: 0 5px;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-quantity .qty-btn:hover {
  padding: 0 5px;
  background: rgba(25, 92, 137, 0.3);
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-quantity .qty-btn:active {
  padding: 0 5px;
  background: #ff6633;
  color: black;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-quantity .qty-value {
  font-size: 1.3em;
  font-weight: bold;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-price {
  text-align: right;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-price .discount-info {
  white-space: nowrap;
  font-size: 12px;
  color: #888;
  margin-bottom: 4px;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-price .discount-info .old-price {
  color: green;
  margin-left: 4px;
  font-size: 12px;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-price .discount-info .text-tachado {
  text-decoration: line-through;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-price .new-price {
  white-space: nowrap;
  font-size: 18px;
  font-weight: bold;
}
#festa-junina .fj-produtos-chart .carrinho-itens .lista-de-compras .cart-item .item-quantity-price {
  display: flex;
}
#festa-junina .fj-produtos-chart .carrinho-resumo-compra {
  background: white;
  width: 100%;
  max-height: 590px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  margin: 10px;
}
#festa-junina .fj-produtos-chart .carrinho-resumo-compra .modal-header {
  font-size: 1em;
  font-weight: bold;
  padding: 16px 20px 0 30px;
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.1);
}
#festa-junina .fj-produtos-chart .carrinho-resumo-compra .modal-footer {
  display: flex;
}
#festa-junina .fj-produtos-chart .carrinho-resumo-compra .modal-footer .jsqrcode {
  margin: 15px 0;
}

.bg-blue {
  background: #185b88;
  color: white;
  font-weight: bold;
}

.fj-cliente {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
}
.fj-cliente .TotalPrice {
  display: flex;
  flex-direction: column;
}
.fj-cliente .TotalPrice ul {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.fj-cliente .TotalPrice ul li {
  margin: 0;
  font-family: "Comfortaa", sans-serif;
  color: rgba(0, 0, 0, 0.7);
}
.fj-cliente .TotalPrice ul li:first-child {
  font-size: 0.85em;
}
.fj-cliente .TotalPrice ul:nth-child(3) {
  font-weight: bold;
}
.fj-cliente .TotalPrice ul:nth-child(3) li {
  color: #000000;
}
.fj-cliente .TotalPrice ul:nth-child(3) li:first-child {
  font-size: 1.2em;
}
.fj-cliente .TotalPrice ul:nth-child(3) li:nth-child(2) {
  font-size: 1.4em;
}
.fj-cliente .chavePixCNPJ {
  font-family: "Comfortaa", sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 0;
}
.fj-cliente .input-group {
  padding: 10px 0;
}
.fj-cliente .input-group .input-group-text {
  font-weight: bold;
}
.fj-cliente input[type=text], .fj-cliente input[type=password] {
  height: 40px;
  padding: 8px 10px;
  font-size: 1em;
}

@media (max-width: 854px) {
  .fj-produtos-chart {
    display: flex;
    flex-direction: column;
    padding: 20px 25px 20px 20px;
  }
  .fj-produtos-chart .carrinho-itens {
    width: 100%;
  }
  .fj-produtos-chart .carrinho-resumo-compra .fj-cliente .qrcodepix {
    width: 100%;
    margin: 0 auto;
  }
  .fj-produtos-chart .carrinho-resumo-compra .fj-cliente .qrcodepix #qrcode img {
    margin: 0 auto;
  }
  .cart-item {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
  }
  .cart-item .item-image {
    width: 64px;
  }
  .cart-item .item-details .item-title {
    max-width: 100%;
    white-space: normal;
  }
  .cart-item .item-quantity {
    margin-top: 8px;
  }
  .cart-item .item-price {
    align-self: flex-end;
    text-align: right;
    margin-top: 8px;
  }
}
@media (min-width: 856px) {
  .fj-produtos-chart .carrinho-resumo-compra {
    width: 100%;
    max-width: 300px;
    background: pink;
  }
}
@media (max-width: 615px) {
  .cart-item {
    flex-direction: column;
  }
  .cart-item .item-quantity-price {
    width: 100%;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
#googleforms, #nossos-projetos {
  width: 100%;
  min-height: 100vh;
  padding: 20px;
  display: flex;
  align-items: center;
}
#googleforms .googleforms, #googleforms .nossos-projetos, #nossos-projetos .googleforms, #nossos-projetos .nossos-projetos {
  width: 100%;
}
#googleforms .googleforms .projeto-text-top, #googleforms .nossos-projetos .projeto-text-top, #nossos-projetos .googleforms .projeto-text-top, #nossos-projetos .nossos-projetos .projeto-text-top {
  text-align: justify;
  line-height: 1.5em;
  padding: 30px 0;
}
#googleforms .googleforms .form-page-title, #googleforms .nossos-projetos .form-page-title, #nossos-projetos .googleforms .form-page-title, #nossos-projetos .nossos-projetos .form-page-title {
  margin: 20px 0 40px 0;
  background: #195c89;
  color: white;
  padding: 10px 0 10px 20px;
  border-radius: 12px;
}
#googleforms .googleforms .forms, #googleforms .nossos-projetos .forms, #nossos-projetos .googleforms .forms, #nossos-projetos .nossos-projetos .forms {
  width: 100%;
  min-height: 200px;
  margin-bottom: 30px;
}
#googleforms .googleforms .forms .item, #googleforms .nossos-projetos .forms .item, #nossos-projetos .googleforms .forms .item, #nossos-projetos .nossos-projetos .forms .item {
  background: #195c89;
  padding: 10px 30px;
  color: white;
  font-weight: bold;
  font-family: "Comfortaa", sans-serif;
  border-radius: 12px 12px 0 0;
}
#googleforms .googleforms .forms .form-section, #googleforms .nossos-projetos .forms .form-section, #nossos-projetos .googleforms .forms .form-section, #nossos-projetos .nossos-projetos .forms .form-section {
  margin-top: 5.8px;
  width: 100%;
  min-height: 100px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-left: 10px solid #195c89;
  border-radius: 0 12px 12px 12px;
  padding-bottom: 10px;
}
#googleforms .googleforms .forms .form-section h3, #googleforms .nossos-projetos .forms .form-section h3, #nossos-projetos .googleforms .forms .form-section h3, #nossos-projetos .nossos-projetos .forms .form-section h3 {
  font-weight: bold;
  padding: 5px 15px;
  text-decoration: underline;
}
#googleforms .googleforms .forms .form-section .form-desc, #googleforms .nossos-projetos .forms .form-section .form-desc, #nossos-projetos .googleforms .forms .form-section .form-desc, #nossos-projetos .nossos-projetos .forms .form-section .form-desc {
  padding: 0 15px;
}
#googleforms .googleforms .forms .form-section .form-desc .descricao, #googleforms .nossos-projetos .forms .form-section .form-desc .descricao, #nossos-projetos .googleforms .forms .form-section .form-desc .descricao, #nossos-projetos .nossos-projetos .forms .form-section .form-desc .descricao {
  text-align: justify;
  font-weight: normal;
}
#googleforms .googleforms .forms .form-section .form-desc .autores, #googleforms .nossos-projetos .forms .form-section .form-desc .autores, #nossos-projetos .googleforms .forms .form-section .form-desc .autores, #nossos-projetos .nossos-projetos .forms .form-section .form-desc .autores {
  display: flex;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  margin: -5px 0 10px 0;
  padding: 5px 10px;
}
#googleforms .googleforms .forms .form-section .form-desc .autores span, #googleforms .nossos-projetos .forms .form-section .form-desc .autores span, #nossos-projetos .googleforms .forms .form-section .form-desc .autores span, #nossos-projetos .nossos-projetos .forms .form-section .form-desc .autores span {
  padding-left: 8px;
}
#googleforms .googleforms .forms .form-section .form-desc .acesso-link, #googleforms .nossos-projetos .forms .form-section .form-desc .acesso-link, #nossos-projetos .googleforms .forms .form-section .form-desc .acesso-link, #nossos-projetos .nossos-projetos .forms .form-section .form-desc .acesso-link {
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
}
#googleforms .googleforms iframe, #googleforms .nossos-projetos iframe, #nossos-projetos .googleforms iframe, #nossos-projetos .nossos-projetos iframe {
  width: 100%;
}
#googleforms .googleforms iframe form, #googleforms .nossos-projetos iframe form, #nossos-projetos .googleforms iframe form, #nossos-projetos .nossos-projetos iframe form {
  width: 840px;
}

/* 
    Created on : 03/02/2024, 18:07:43
    Author     : Joseilson Lima
*/
.section-page-error {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(100vh - 180px);
  background: white;
}
.section-page-error .error_404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 640px;
  height: 100%;
}
.section-page-error .error_404 .error-title {
  font-weight: 600;
  margin-bottom: 20px;
}
.section-page-error .error_404 .error-subtitle {
  width: 100%;
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 20px;
}
.section-page-error .error_404 .error-orientation {
  width: 100%;
  font-size: 1em;
  text-align: center;
  margin-bottom: 20px;
}

footer {
  background: rgb(0, 74, 124);
  color: white;
}
footer .acesso-rapido {
  padding: 10px 0 0 10px;
}
footer .acesso-rapido h3 {
  padding: 10px;
  font-weight: blod;
  width: 100%;
  text-align: left;
  background: orange;
}
footer .acesso-rapido .acesso-rapido-links {
  flex-wrap: wrap;
  display: flex;
}
footer .acesso-rapido .acesso-rapido-links a {
  margin: 10px;
}
footer .acesso-rapido .acesso-rapido-links img {
  max-height: 100px;
}
footer .contacts-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 5px solid orangered;
  border-bottom: 1px solid white;
  background: rgb(0, 74, 124);
}
footer .contacts-details .icons-contact {
  display: flex;
  justify-content: space-between;
}
footer .contacts-details i {
  padding: 0;
  margin: 0;
}
footer .contacts-details ul {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 2px 15px;
  min-width: 250px;
}
footer .contacts-details ul :first-child {
  font-weight: bold;
}
footer .copyright {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 70px;
}
footer .copyright .nome-da-escola {
  font-family: "Saira Stencil One", "Helvetica Neue", sans-serif;
  font-size: 2em;
  filter: drop-shadow 15px 10px 13px orangered;
}
footer .copyright .developer {
  color: black;
  font-weight: bold;
  text-shadow: 0 0 10px rgb(255, 255, 255), 0 0 20px rgb(255, 255, 255), 0 0 30px rgb(255, 255, 255), 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de;
}
footer .copyright .developer a {
  color: black;
}
footer .go-top {
  position: fixed;
  color: orangered;
  bottom: 15px;
  right: 15px;
  padding: 1px 3px 0 3px;
  border-radius: 5%;
}

/*# sourceMappingURL=style.css.map */