.curso-sispae-40h ::-moz-selection {
background: #ffffab; /* azul clarinho cce5ff*/
color: #009d71; /* azul escuro para contraste 003366*/
}
.curso-sispae-40h ::selection {
background: #ffffab; /* azul clarinho cce5ff*/
color: #009d71; /* azul escuro para contraste 003366*/
}
.curso-sispae-40h .c-aula-container.curso {
--black: #000;
--white: #fff;
--gray: #888;
--base-projeto: #ffff00;
--fonte-aula: "proxima-nova", sans-serif;
--padding: 0.9375rem 0 1.5625rem 0;
}
.curso-sispae-40h .secao1 {
--cor-primaria: #2e90ff;
--color-dominante: #2e90ff;
--cor-primaria-clara: #7ab8ff;
--cor-secundaria: #d5cff2;
--cor-terciaria: #dbf7ff;
--cor-quaternaria: #acffc0;
--cor-complementar: #eeff2c;
}
.curso-sispae-40h .secao2 {
--cor-primaria: #cd59ff;
--cor-secundaria: #ffb7d1;
--cor-terciaria: #f2ff5f;
--cor-quaternaria: #debeeb;
/*--cor-complementar: #c5ff16;*/
}
.curso-sispae-40h .secao3 {
--cor-primaria: #cbfa0f;
--cor-secundaria: #e7bcff;
--cor-terciaria: #9af4bb;
--cor-quaternaria: #b3d4f9;
/*--cor-complementar: #a182ff;*/
}
.curso-sispae-40h .secao4 {
--cor-primaria: #f26da6;
--cor-secundaria: #90ff95;
--cor-terciaria: #e5aac3;
--cor-quaternaria: #e8ff87;
/*--cor-complementar: #16efff;*/
}
.curso-sispae-40h html {
font-size: 16px;
}
.curso-sispae-40h body {
font-family: var(--fonte-aula);
background-color: #fff !important;
color: var(--black);
}
.curso-sispae-40h .c-aula-container.container-pai {
display: block;
}
.curso-sispae-40h .c-aula-container.curso {
background-color: var(--white) !important;
}
.curso-sispae-40h .c-aula-container.curso .row .col-aula {
margin: auto;
}
.curso-sispae-40h
.c-aula-container.curso
.row
.col-sm-12.col-md-10.col-lg-8.col-xl-8 {
margin: auto;
}
.curso-sispae-40h a:not([class]):focus {
background-color: transparent !important; /* remove o fundo branco do foco */
}
.curso-sispae-40h a:not([class]):visited,
.curso-sispae-40h a:not([class]):visited strong,
.curso-sispae-40h a:not([class]):visited strong span,
.curso-sispae-40h a:not([class]):visited span {
color: var(--cor-primaria) !important;
}
.curso-sispae-40h div.curso h1 {
color: var(--black);
font-family: var(--fonte-aula);
font-size: 2.2rem;
font-style: normal;
font-weight: 400;
line-height: 51px;
letter-spacing: 1.8px;
padding: 10px 0;
text-align: center;
}
.curso-sispae-40h div.curso h2 {
color: var(--black);
font-family: var(--fonte-aula);
font-size: 2rem;
font-style: normal;
font-weight: 600;
line-height: 44px;
padding: var(--padding);
letter-spacing: 1.55px;
}
.curso-sispae-40h div.curso h2.titulo-numerado {
color: var(--black);
font-family: var(--fonte-aula);
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 44px;
padding: var(--padding);
letter-spacing: 1.55px;
position: relative;
}
.curso-sispae-40h div.curso h2.titulo-numerado::before {
content: attr(data-number) " ";
font-family: var(--fonte-aula);
padding-top: 0.75rem;
background-color: var(--blue);
width: 50px;
height: 50px;
text-align: center;
line-height: 25px;
border-radius: 50%;
color: var(--white);
font-weight: 600;
position: absolute;
left: -4.4rem;
top: 0.85rem;
font-size: 24px;
/**TODO: Ajustar para responsividade de Mobile *;*/
}
.curso-sispae-40h div.curso h3 {
color: var(--black);
font-family: var(--fonte-aula);
font-size: 1.75rem;
font-style: normal;
font-weight: 400;
line-height: 40px;
padding: var(--padding);
letter-spacing: 1.4px;
}
.curso-sispae-40h div.curso h4 {
color: var(--black);
font-family: var(--fonte-aula);
font-size: 1.25rem;
font-style: normal;
font-weight: 700;
line-height: 28px;
padding: var(--padding);
letter-spacing: 1px;
}
.curso-sispae-40h div.curso h5 {
color: var(--black);
font-family: var(--fonte-aula);
font-size: 0.85rem;
font-style: normal;
font-weight: 700;
line-height: 1.75rem;
padding: 0.22rem 1.5625rem;
letter-spacing: 1px;
display: inline-flex;
border-radius: 30px;
background-color: var(--base-projeto);
text-align: center;
text-transform: uppercase;
white-space: nowrap;
}
.curso-sispae-40h div.curso p.p-corpo,
.curso-sispae-40h div.curso p,
.curso-sispae-40h div.curso span,
.curso-sispae-40h div.curso strong,
.curso-sispae-40h div.curso em {
font-family: var(--fonte-aula);
font-size: 1.125rem;
font-style: normal;
font-weight: 300;
line-height: 2.25rem;
letter-spacing: normal;
padding: 10px 0 10px 0;
margin: 0;
color: var(--black);
word-wrap: break-word;
}
.curso-sispae-40h div.curso p strong,
.curso-sispae-40h div.curso strong,
.curso-sispae-40h div.curso span strong,
.curso-sispae-40h div.curso p strong span {
font-weight: 600;
}
.curso-sispae-40h div.curso .p-corpo span {
color: var(--black);
background-color: transparent !important;
}
.curso-sispae-40h div.curso p a[href^="http"] {
font-weight: 700;
text-decoration: underline;
color: var(--black);
}
.curso-sispae-40h div.curso em,
.curso-sispae-40h div.curso p em,
.curso-sispae-40h div.curso span em,
.curso-sispae-40h div.curso em span {
font-style: italic;
}
.curso-sispae-40h div.curso p.dica-navegacao,
.curso-sispae-40h div.curso span.dica-navegacao {
font-size: 0.85rem;
padding: 0;
line-height: 1.2rem;
font-weight: 600;
color: var(--gray);
margin-bottom: 5px;
}
.curso-sispae-40h div.curso p a strong,
.curso-sispae-40h div.curso span a strong,
.curso-sispae-40h div.curso p a strong span,
.curso-sispae-40h div.curso span a strong span {
font-weight: 600;
/* text-decoration: underline; */
}
.curso-sispae-40h div.curso .ao-final {
color: var(--cor-primaria);
}
.curso-sispae-40h div.curso .link-recursos {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: transparent;
}
.curso-sispae-40h div.curso .link-recursos:focus {
background-color: transparent !important;
}
.curso-sispae-40h div.curso span[data-toggle="modal"] {
cursor: pointer;
font-weight: 500;
}
.curso-sispae-40h div.curso span[data-toggle="tooltip"] {
/* text-decoration: underline; */
}
.curso-sispae-40h div.curso a.acesse-aqui {
padding: 0.9rem 0;
}
.curso-sispae-40h div.curso ul.lista-check {
counter-reset: my-awesome-counter;
list-style: none;
margin: 1.5rem 0;
padding: 0 !important;
font-family: var(--fonte-aula);
font-size: 1.125rem;
font-style: normal;
font-weight: 300;
line-height: 2.25rem;
letter-spacing: normal;
color: var(--black);
word-wrap: break-word;
}
.curso-sispae-40h div.curso ul.lista-check li {
counter-increment: my-awesome-counter;
margin-bottom: 1.2rem;
position: relative;
margin-left: 1.6rem;
font-size: 1.125rem;
line-height: 2.25rem;
color: var(--black);
font-weight: 300;
font-family: var(--fonte-aula);
}
.curso-sispae-40h div.curso ul.lista-check li strong,
.curso-sispae-40h div.curso ul.lista-check li span strong,
.curso-sispae-40h div.curso ul.lista-check li strong span {
font-weight: 600;
}
.curso-sispae-40h div.curso ul.lista-check li:before {
background-color: var(--cor-primaria);
border-radius: 100px;
content: "✓";
height: 1.125rem;
width: 1.125rem;
background-position: 0 0;
display: block;
left: -1.6rem;
position: absolute;
top: 0.625rem;
color: var(--white);
line-height: 1.1875rem;
font-size: 0.75rem;
padding-left: 0.2687rem;
}
.curso-sispae-40h div.curso ul.lista-numero {
counter-reset: my-awesome-counter;
list-style: none;
margin: 1.5rem 0;
padding: 0 !important;
font-family: var(--fonte-aula);
font-size: 1.125rem;
font-style: normal;
font-weight: 300;
line-height: 2.25rem;
letter-spacing: 0.0688rem;
color: var(--black);
word-wrap: break-word;
}
.curso-sispae-40h div.curso ul.lista-numero li {
counter-increment: my-awesome-counter;
margin-bottom: 0.625rem;
position: relative;
margin-left: 1.8rem;
font-size: 1.125rem;
line-height: 2.25rem;
color: var(--black);
font-weight: 300;
font-family: var(--fonte-aula);
margin-block: 2rem;
}
.curso-sispae-40h div.curso ul.lista-numero li:before {
content: counter(my-awesome-counter) "";
color: var(--white);
height: 1.325rem;
width: 1.325rem;
background-color: var(--cor-primaria);
border-radius: 100px;
display: block;
left: -1.8rem;
position: absolute;
top: 0.525rem;
font-size: 0.85rem;
line-height: 1.35rem;
padding-left: 0.0688rem;
text-align: center;
}
.curso-sispae-40h div.curso .d-flex {
display: flex;
}
.curso-sispae-40h div.curso .d-center {
justify-content: center;
align-items: center;
display: flex;
}
.curso-sispae-40h div.curso .div-toggle-topicos {
display: flex;
gap: 30px;
justify-content: space-between;
}
.curso-sispae-40h div.curso .topico-anterior,
.curso-sispae-40h div.curso .proximo-topico {
width: 200px;
height: 60px;
gap: 1.25rem;
border: 1px solid var(--cor-primaria);
border-radius: 0.625rem;
display: flex;
justify-content: center;
align-items: center;
padding: 12px 8px;
}
.curso-sispae-40h div.curso .topico-anterior svg,
.curso-sispae-40h div.curso .proximo-topico svg {
min-width: 25px;
min-height: 25px;
}
.curso-sispae-40h div.curso .topico-anterior span,
.curso-sispae-40h div.curso .proximo-topico span {
padding: 0;
font-weight: 400;
font-size: 1rem;
word-wrap: break-word;
text-align: center;
color: var(--cor-primaria);
line-height: 1;
}
.curso-sispae-40h div.curso .topico-anterior:hover,
.curso-sispae-40h div.curso .proximo-topico:hover {
background: var(--cor-quaternaria);
cursor: pointer;
}
.curso-sispae-40h div.curso .topico-anterior:hover span,
.curso-sispae-40h div.curso .proximo-topico:hover span {
color: var(--black);
}
@media screen and (max-width: 480px) {
.curso-sispae-40h div.curso .topico-anterior,
.curso-sispae-40h div.curso .proximo-topico {
flex-direction: column-reverse;
width: 80px;
gap: 10px;
height: 80px;
padding: 8px;
}
}
.curso-sispae-40h div.curso .btn-referencias {
width: 216px;
height: 53px;
background-color: var(--cor-primaria);
display: flex;
gap: 20px;
justify-content: center;
align-items: center;
border-radius: 8px;
box-shadow: 0px 0px 5.2px 0px rgba(218, 218, 218, 0.78);
cursor: pointer;
}
.curso-sispae-40h div.curso .btn-referencias:hover {
background-color: var(--cor-quaternaria);
color: var(--black) !important;
}
.curso-sispae-40h div.curso .btn-referencias:hover span,
.curso-sispae-40h div.curso .btn-referencias:hover i {
color: var(--black) !important;
}
.curso-sispae-40h div.curso .btn-referencias i {
font-size: 2rem;
color: var(--white);
}
.curso-sispae-40h div.curso .btn-referencias span {
margin: 0;
padding: 0;
font-weight: 700;
color: var(--white);
}
.curso-sispae-40h div.curso a.acesse-aqui {
display: flex;
justify-content: space-between;
font-weight: 600;
color: var(--gray);
margin-block: 1rem;
}
.curso-sispae-40h div.curso a.acesse-aqui:hover {
text-decoration: underline;
}
.curso-sispae-40h div.curso a.acesse-aqui i,
.curso-sispae-40h div.curso a.acesse-aqui svg {
font-size: 1.6rem;
transition: all 0.3s ease;
min-width: -moz-fit-content;
min-width: fit-content;
margin-left: 3rem;
}
.curso-sispae-40h div.curso a.acesse-aqui:hover i,
.curso-sispae-40h div.curso a.acesse-aqui:hover svg {
color: var(--cor-primaria);
transition: all 0.3s ease;
}
.curso-sispae-40h div.curso .box-border {
width: 100%;
height: 5.5rem;
display: flex;
margin-block: 0.5rem;
}
.curso-sispae-40h div.curso .box-border span {
padding: 0;
margin: 0;
}
.curso-sispae-40h div.curso .box-border .right {
width: 80%;
border: 2px solid var(--cor-primaria);
border-left: none;
padding: 0.3rem;
display: flex;
justify-content: center;
align-items: center;
}
.curso-sispae-40h div.curso .box-border .left {
width: 20%;
background-color: #f4f4f4;
border: 2px solid var(--cor-primaria);
padding: 0.3rem;
display: flex;
justify-content: center;
align-items: center;
}
.curso-sispae-40h div.curso .box-border .left span {
font-weight: 700;
}
.curso-sispae-40h div.curso .box-border .right span {
line-height: 1.5rem;
}
.curso-sispae-40h div.curso .separador-minimo {
height: 10px;
}
.curso-sispae-40h div.curso .separador-menor {
height: 30px;
}
.curso-sispae-40h div.curso .separador-medio {
height: 60px;
}
.curso-sispae-40h div.curso .separador-maior {
height: 90px;
}
.curso-sispae-40h .c-aula-container .componente-mural {
background-color: #e2e2e2;
max-width: 50rem;
width: 100%;
padding: 1.25rem;
margin: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr));
grid-auto-rows: minmax(11.25rem, auto);
gap: 0.625rem;
}
.curso-sispae-40h .c-aula-container .card-mural {
background-color: var(--cor-complementar);
padding: 1.25rem 1.875rem;
display: flex;
flex-direction: column;
gap: 1.5625rem;
height: auto;
box-shadow: 0.3125rem 0.3125rem 0.125rem 0px rgba(168, 167, 167, 0.25);
}
.curso-sispae-40h .c-aula-container .card-mural .content-alfinete {
display: flex;
justify-content: center;
align-items: center;
}
.curso-sispae-40h .c-aula-container .card-mural .content-alfinete .alfinete {
width: 0.5rem;
height: 0.5rem;
border-radius: 2.75rem;
background-color: #33bdfc;
box-shadow: 0.0625rem 0.125rem 0.075rem 0px rgba(0, 0, 0, 0.25);
}
.curso-sispae-40h .c-aula-container .card-mural .texto {
display: block;
}
.curso-sispae-40h .c-aula-container .card-mural .texto p {
color: var(--black);
font-size: 1.125rem;
font-style: normal;
font-weight: 600;
line-height: 1.5625rem !important;
margin: 0;
padding: 0;
}
.curso-sispae-40h div.curso .destaque-atencao {
background: linear-gradient(
114deg,
#f5f5f5 65.45%,
var(--cor-primaria) 213.05%
);
/*background: linear-gradient(114deg, #fff 65.45%, #d5cff2 213.05%);*/
box-shadow: 0px 0px 15px 0px rgba(97, 97, 97, 0.25);
display: flex;
padding: 20px 30px 15px;
flex-direction: column;
/* align-items: flex-start; */
gap: 30px;
flex: 1 0 0;
width: 100%;
}
.curso-sispae-40h div.curso .destaque-atencao .cabecalho {
display: flex;
gap: 5px;
align-items: end;
padding-bottom: 10px;
border-bottom: 2px solid;
border-image-slice: 1;
border-image-source: linear-gradient(
45deg,
var(--cor-primaria),
#f5f5f5,
rgba(245, 245, 245, 0)
);
width: 100%;
}
.curso-sispae-40h div.curso .destaque-atencao .linha {
background: linear-gradient(114deg, #fff 65.45%, #8dc4e1 213.05%);
height: 2px;
width: 100%;
}
.curso-sispae-40h div.curso .destaque-atencao .cabecalho h4 {
margin: 0 0 0 0.5rem;
padding-bottom: 0;
}
.curso-sispae-40h div.curso .destaque-atencao .container-imagem img {
max-width: 100px;
}
.curso-sispae-40h div.curso .d-center {
justify-content: center;
align-items: center;
display: flex;
}
.curso-sispae-40h div.curso .row-txt {
justify-content: center;
}
.curso-sispae-40h div.curso .carousel {
--var-carousel-height: 500px;
--var-carousel-height-plus: 650px;
}
.curso-sispae-40h .c-aula-container.curso .carousel-item {
height: var(--var-carousel-height);
}
.curso-sispae-40h .c-aula-container.curso .carousel-plus .carousel-item {
height: var(--var-carousel-height-plus);
}
.curso-sispae-40h .c-aula-container.curso .carousel-indicators {
bottom: 20px;
}
.curso-sispae-40h .c-aula-container.curso .carousel-indicators .active {
opacity: 1;
background-color: #000;
}
.curso-sispae-40h .c-aula-container.curso .carousel-indicators li {
background-clip: content-box;
height: 11px;
width: 11px;
border-radius: 100%;
margin: 1rem 5px 0 5px;
opacity: 0.8;
background-color: transparent;
border: 1px solid #000;
transition: all ease 0.4s;
}
.curso-sispae-40h .c-aula-container.curso .carousel-control-prev-icon {
background-image: url("https://recursos-moodle.caeddigital.net/projetos/2024/mec/rnc/img/arrow-left-circle.png");
}
.curso-sispae-40h .c-aula-container.curso .carousel-control-next-icon {
background-image: url("https://recursos-moodle.caeddigital.net/projetos/2024/mec/rnc/img/arrow-right-circle.png");
}
.curso-sispae-40h .c-aula-container.curso .carousel-control-next-icon,
.curso-sispae-40h .c-aula-container.curso .carousel-control-prev-icon {
display: inline-block;
width: 35px;
height: 35px;
background-size: 100% 100%;
}
.curso-sispae-40h .c-aula-container.curso .carousel-control-next,
.curso-sispae-40h .c-aula-container.curso .carousel-control-prev {
width: 10%;
}
.curso-sispae-40h .c-aula-container.curso .carousel-item .content .area-util {
width: 74%;
margin: auto;
/*padding-top: 40px;*/
display: flex;
flex-direction: column;
height: 100%;
}
.curso-sispae-40h .c-aula-container.curso .carousel-item .content {
width: 100%;
height: 100%;
}
.curso-sispae-40h .c-aula-container.curso .carousel-inner {
border-radius: 20px;
}
.curso-sispae-40h
.c-aula-container.curso
.carousel-inner
.carousel-item
.content
.area-util
.img-carousel {
width: 40%;
/*mix-blend-mode: multiply;*/
height: auto;
/* display: none; */
}
.curso-sispae-40h
.c-aula-container.curso
.carousel-inner
.carousel-item
.content
.area-util
.div-texto {
display: flex;
width: 100%;
flex-direction: column;
}
.curso-sispae-40h
.c-aula-container.curso
.carousel-inner
.carousel-item
.content
.area-util
.carousel-atencao
.cabecalho-atencao {
display: flex;
gap: 15px;
margin-top: 25px;
}
.curso-sispae-40h
.c-aula-container.curso
.carousel-inner
.carousel-item
.content
.area-util
.carousel-atencao
.cabecalho-atencao
.icone-atencao {
max-width: 10%;
}
.curso-sispae-40h
.c-aula-container.curso
.carousel-inner
.carousel-item
.content
.area-util
.carousel-atencao
.cabecalho-atencao
.destaque-h2 {
font-size: 22px !important;
margin-top: 30px;
}
.curso-sispae-40h
.c-aula-container.curso
.carousel-inner
.carousel-item
.content
.area-util
.texto-carousel {
display: flex;
width: 100%;
flex-direction: column;
margin-bottom: 30px;
}
@keyframes arrowHoverAnimation {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.curso-sispae-40h div.curso .carousel-control-prev:hover,
.curso-sispae-40h div.curso .carousel-control-next:hover {
animation: arrowHoverAnimation 0.6s ease-in-out;
}
@media screen and (max-width: 768px) {
.curso-sispae-40h div.curso .carousel-inner ~ div {
display: flex;
position: relative;
top: 20px;
justify-content: center;
align-items: center;
}
}
@media screen and (max-width: 768px) {
.curso-sispae-40h div.curso .carousel-control-next,
.curso-sispae-40h div.curso .carousel-control-prev {
position: static;
background-color: #e7ffb5;
padding: 15px;
border-radius: 67px;
margin: 0 10px;
}
}
@media screen and (max-width: 768px) {
.curso-sispae-40h div.curso .content .d-center.area-util {
justify-content: center;
}
}
@media screen and (max-width: 768px) {
.curso-sispae-40h div.curso .content .d-center {
display: flex;
justify-content: flex-start;
}
}
@media screen and (max-width: 768px) {
.curso-sispae-40h div.curso .content .d-center.area-util .img-carousel {
margin: 10px 0 0 0;
}
}
@media screen and (max-width: 768px) {
.curso-sispae-40h .c-aula-container.curso .carousel-item .content .area-util {
height: 83%;
}
}
@media screen and (max-width: 768px) {
.curso-sispae-40h div.curso .carousel-indicators {
bottom: 120px !important;
}
}
@media screen and (max-width: 768px) {
.curso-sispae-40h div.curso .arrow-circle {
width: 14% !important;
}
}
@media screen and (max-width: 768px) {
.curso-sispae-40h div.curso .carousel-inner {
border-radius: 30px !important;
}
}
@media screen and (max-width: 768px) {
.curso-sispae-40h div.curso .carousel-inner .carousel-item {
border-radius: 30px !important;
transition: transform 0.8s ease-in-out !important;
}
}
.curso-sispae-40h :root {
--text-on-cor-modulo: #333;
}
.curso-sispae-40h .c-accordion__item {
margin-bottom: 4px;
}
.curso-sispae-40h .c-accordion__head {
padding: 16px;
background: #ddd;
border-left: 8px solid var(--cor-primaria);
display: flex;
justify-content: space-between;
transition: all 0.5s linear;
cursor: pointer;
font-weight: 600;
}
.curso-sispae-40h .c-accordion__head i {
transition: all 0.5s ease-in-out;
transform-origin: 50% 50% !important;
}
.curso-sispae-40h .c-accordion__head.is-active {
background-color: var(--cor-primaria);
color: #f7f7f8;
transition: background-color 2s linear, color 0.25s linear;
}
.curso-sispae-40h .c-accordion__head.is-active i {
transform: rotate(-180deg);
transition: all 0.25s ease-in-out;
transform-origin: 50% 50% !important;
}
.curso-sispae-40h .c-accordion__body {
display: none;
z-index: -99;
}
.curso-sispae-40h .c-accordion__body.show {
display: block;
background: transparent;
max-height: 0;
opacity: 0;
padding: 0 16px;
transition: all 0.25s ease-in-out;
z-index: 1;
}
.curso-sispae-40h .c-accordion__body.show * {
opacity: 0;
transition: all 0.25s linear;
}
.curso-sispae-40h .c-accordion__body.show-animation {
background: #f5f5f5;
opacity: 1;
max-height: 300vh;
position: relative;
top: 0;
padding: 16px;
transition: all 0.25s ease-in-out;
}
.curso-sispae-40h .c-accordion__body.show-animation * {
opacity: 1;
transition: all 0.25s linear;
}
.curso-sispae-40h div.curso .space-sanfona {
margin-block: 0.5rem;
}
.curso-sispae-40h .sanfona-collapse a[data-toggle="collapse"] {
display: flex;
font-size: 1.125rem;
justify-content: space-between;
align-items: center;
color: #000;
font-weight: 600;
transition: all 0.2s linear;
padding: 0.8rem 0;
}
.curso-sispae-40h .sanfona-collapse a[data-toggle="collapse"] svg {
transition: all 0.2s linear;
color: var(--cor-quaternaria);
font-size: 1.52rem;
}
.curso-sispae-40h .sanfona-collapse a[data-toggle="collapse"]:hover svg {
color: var(--base-projeto);
}
.curso-sispae-40h .sanfona-collapse a[data-toggle="collapse"]:hover {
color: var(--black);
}
.curso-sispae-40h .sanfona-collapse .collapse {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: var(--cor-primaria);
}
.curso-sispae-40h .sanfona-collapse a[data-toggle="collapse"]::after {
content: url("data:image/svg+xml;utf8,");
display: inline-block;
vertical-align: middle;
transition: fill 0.3s ease;
}
.curso-sispae-40h .sanfona-collapse a[data-toggle="collapse"]:hover::after {
content: url("data:image/svg+xml;utf8,");
display: inline-block;
vertical-align: middle;
transition: fill 0.3s ease;
}
.curso-sispae-40h
.sanfona-collapse
a[data-toggle="collapse"][aria-expanded="false"]
svg,
.curso-sispae-40h
.sanfona-collapse
a[data-toggle="collapse"][aria-expanded="true"]
svg {
display: none;
}
.curso-sispae-40h
.sanfona-collapse
a[data-toggle="collapse"][aria-expanded="false"]
svg,
.curso-sispae-40h
.sanfona-collapse
a[data-toggle="collapse"][aria-expanded="false"]::after {
transform: rotate(0deg);
transition: all 0.2s linear;
}
.curso-sispae-40h
.sanfona-collapse
a[data-toggle="collapse"][aria-expanded="true"]
svg,
.curso-sispae-40h
.sanfona-collapse
a[data-toggle="collapse"][aria-expanded="true"]::after {
transform: rotate(-180deg);
transition: all 0.2s linear;
}
.curso-sispae-40h div.curso .container-slidespeaker .slide-speaker {
height: 30rem;
width: 380px;
background: #efefef;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
border-bottom-color: #333;
}
.curso-sispae-40h div.curso .container-slidespeaker .slide-speaker .soundcloud,
.curso-sispae-40h .src-list {
position: absolute;
opacity: 0;
}
.curso-sispae-40h div.curso .container-slidespeaker .screen-carousel {
width: 90%;
height: 55%;
border-radius: 15px;
}
.curso-sispae-40h div.curso .container-slidespeaker .slide-speaker-controls {
width: 90%;
}
.curso-sispae-40h div.curso .container-slidespeaker .carousel-audio {
width: 100%;
}
.curso-sispae-40h
div.curso
.container-slidespeaker
.carousel-audio
ol.carousel-indicators {
display: none;
}
.curso-sispae-40h
div.curso
.container-slidespeaker
.carousel-audio
.carousel-control-prev,
.curso-sispae-40h .carousel-audio .carousel-control-next {
display: none;
}
.curso-sispae-40h div.curso .container-slidespeaker .mobile-podcast {
width: clamp(300px, 100%, 400px);
border-radius: 23px;
background-color: #efefef;
padding: 25px 30px;
/*position: absolute;*/
/*bottom: 16px;*/
height: 35%;
}
@keyframes scalePodcast {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}
.curso-sispae-40h
div.curso
.container-slidespeaker
.slide-speaker
.slide-speaker-controls
.track {
position: relative;
padding-top: 30px;
}
.curso-sispae-40h
div.curso
.container-slidespeaker
.slide-speaker
.slide-speaker-controls
.content-controls {
width: 90%;
margin: auto;
}
.curso-sispae-40h
div.curso
.container-slidespeaker
.slide-speaker
.slide-speaker-controls
.content-controls
.track
.progresso {
position: relative;
top: -8px;
}
.curso-sispae-40h
div.curso
.container-slidespeaker
.slide-speaker
.slide-speaker-controls
.content-controls
.track
.soundtrack {
height: 7px;
background-color: #ff0;
border-radius: 11px;
/*margin: 10px 0;*/
position: inherit;
z-index: 999;
}
.curso-sispae-40h
div.curso
.container-slidespeaker
.slide-speaker
.slide-speaker-controls
.content-controls
.track
.progresso
.circulo {
width: 13px;
height: 13px;
background-color: #000;
border-radius: 18px;
position: absolute;
top: -2px;
z-index: 1000;
}
.curso-sispae-40h
div.curso
.container-slidespeaker
.slide-speaker
.slide-speaker-controls
.content-controls
.track
.progresso
.falsa-soundtrack {
height: 7px;
background-color: #dcdada;
border-radius: 11px;
/*margin: 10px 0;*/
position: absolute;
width: 100%;
top: 1px;
}
.curso-sispae-40h
div.curso
.container-slidespeaker
.slide-speaker
.slide-speaker-controls
.controles {
display: flex;
justify-content: center;
gap: 20px;
padding-top: 35px;
align-items: center;
}
.curso-sispae-40h
div.curso
.container-slidespeaker
.slide-speaker
.slide-speaker-controls
.controles
.prev-slide,
.curso-sispae-40h
.slide-speaker
.slide-speaker-controls
.controles
.next-slide {
cursor: pointer;
}
.curso-sispae-40h
div.curso
.container-slidespeaker
.slide-speaker
.slide-speaker-controls
.controles
img.voltar {
max-width: 23px;
}
.curso-sispae-40h
div.curso
.container-slidespeaker
.slide-speaker
.slide-speaker-controls
.controles
img.play-pause {
max-width: 30px;
}
.curso-sispae-40h
div.curso
.container-slidespeaker
.slide-speaker
.slide-speaker-controls
.controles
img.avancar {
max-width: 23px;
}
@keyframes scroll-left {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-200%);
}
}
.curso-sispae-40h .row-topo-titulo {
justify-content: center;
}
.curso-sispae-40h .img-topo-aula {
width: clamp(190px, 32%, 280px);
}
.curso-sispae-40h .titulo-topico-box {
justify-content: center;
display: flex;
align-items: center;
padding: 0 !important;
}
.curso-sispae-40h div.curso .titulo-topico-etiqueta {
color: #000000;
font-family: "proxima-nova", sans-serif;
font-size: 13px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: normal !important;
letter-spacing: 1.5px;
text-align: center;
text-transform: uppercase;
margin-bottom: 0 !important;
padding-bottom: 15px;
background-color: #ff0;
padding: 0.4rem 2rem;
border-radius: 30px;
white-space: nowrap;
}
.curso-sispae-40h div.curso .gif-topo-box {
justify-content: center;
display: flex;
align-items: center;
margin: 15px 0;
}
.curso-sispae-40h div.curso .gif-topo {
width: 71px;
height: 83px;
}
.curso-sispae-40h div.curso .infografico-planejamento-maior {
display: none;
}
.curso-sispae-40h div.curso .infografico-planejamento-menor {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 768px) {
.curso-sispae-40h div.curso .infografico-planejamento-maior {
display: flex;
justify-content: center;
align-items: center;
}
.curso-sispae-40h div.curso .infografico-planejamento-menor {
display: none;
}
}
.curso-sispae-40h div.curso .info-desktop,
.curso-sispae-40h div.curso .inf-desk {
display: none;
}
.curso-sispae-40h div.curso .info-mobile,
.curso-sispae-40h div.curso .inf-mob {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 768px) {
.curso-sispae-40h div.curso .info-desktop,
.curso-sispae-40h div.curso .inf-desk {
display: flex;
justify-content: center;
align-items: center;
}
.curso-sispae-40h div.curso .info-mobile,
.curso-sispae-40h div.curso .inf-mob {
display: none;
}
}
.curso-sispae-40h .c-aula-container.curso .card-modal-rnc {
display: flex;
flex-direction: column;
height: 18.125rem;
width: 23.125rem;
justify-content: space-between;
/*background-color: var(--cor-secundaria);*/
border-radius: 0.7rem;
/*overflow: hidden;*/
/*cursor: pointer;*/
perspective: 1000px;
}
.curso-sispae-40h .c-aula-container.curso .card-modal-rnc.tipo-modal {
display: flex;
flex-direction: column;
height: 18.125rem;
width: 18.125rem;
justify-content: space-between;
background-color: var(--cor-secundaria);
border-radius: 0.7rem;
overflow: hidden;
cursor: pointer;
perspective: 1000px;
}
.curso-sispae-40h .c-aula-container.curso .card-modal-rnc.tipo-flip {
display: flex;
flex-direction: column;
height: 21.125rem;
width: 23.125rem;
justify-content: space-between;
/*background-color: var(--cor-secundaria);*/
border-radius: 0.7rem;
/*overflow: hidden;*/
/*cursor: pointer;*/
perspective: 1000px;
}
.curso-sispae-40h .c-aula-container.curso.secao2 .card-modal-rnc.tipo-flip {
height: 24.125rem;
}
.curso-sispae-40h
.c-aula-container.curso.secao2
.card-modal-rnc.tipo-flip
.box-imagem-rnc {
height: 80%;
}
.curso-sispae-40h
.c-aula-container.curso.secao2
.card-modal-rnc.tipo-flip
.box-texto-rnc {
height: 20%;
}
@media screen and (min-width: 576px) {
.curso-sispae-40h .c-aula-container.curso .card-modal-rnc.tipo-flip,
.curso-sispae-40h .c-aula-container.curso .card-modal-rnc.tipo-modal {
width: 31%;
}
.curso-sispae-40h .c-aula-container.curso.secao2 .card-modal-rnc.tipo-flip {
width: 48%;
}
}
.curso-sispae-40h .c-aula-container.curso .card-modal-rnc.tipo-modal:hover {
filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04))
drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1));
}
.curso-sispae-40h .c-aula-container.curso .card-modal-rnc .box-imagem-rnc {
position: relative;
height: 75%;
overflow: hidden;
border-top-left-radius: 0.7rem;
border-top-right-radius: 0.7rem;
}
.curso-sispae-40h
.c-aula-container.curso
.card-modal-rnc
.box-imagem-rnc
img.img-card {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 10;
/*mix-blend-mode: multiply;*/
-o-object-position: 50% 67%;
object-position: 50% 67%;
}
.curso-sispae-40h .c-aula-container.curso .card-modal-rnc .box-texto-rnc {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 25%;
padding: 11px;
}
.curso-sispae-40h
.c-aula-container.curso
.card-modal-rnc
.box-texto-rnc
.titulo {
font-weight: 700;
padding-right: 6px;
}
.curso-sispae-40h
.c-aula-container.curso.secao2
.card-modal-rnc.tipo-flip
.box-texto-rnc
.titulo {
padding-right: 2rem;
font-size: 1rem;
text-align: start;
}
.curso-sispae-40h
.c-aula-container.curso.secao2
.card-modal-rnc.tipo-flip
.box-texto-rnc
svg {
min-width: 35px;
min-height: 35px;
}
.curso-sispae-40h .c-aula-container.curso .grid-cards-rnc {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
row-gap: 1.5rem;
}
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc:nth-of-type(1)
.card-modal-rnc-inner
.card-modal-rnc-front,
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc:nth-of-type(1)
.card-modal-rnc-inner
.card-modal-rnc-back,
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-modal:nth-of-type(1) {
background-color: var(--cor-secundaria);
}
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc:nth-of-type(2)
.card-modal-rnc-inner
.card-modal-rnc-front,
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc:nth-of-type(2)
.card-modal-rnc-inner
.card-modal-rnc-back,
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-modal:nth-of-type(2) {
background-color: var(--cor-terciaria);
}
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc:nth-of-type(3)
.card-modal-rnc-inner
.card-modal-rnc-front,
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc:nth-of-type(3)
.card-modal-rnc-inner
.card-modal-rnc-back,
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-modal:nth-of-type(3) {
background-color: var(--cor-quaternaria);
}
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc:nth-of-type(4)
.card-modal-rnc-inner
.card-modal-rnc-front,
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc:nth-of-type(4)
.card-modal-rnc-inner
.card-modal-rnc-back,
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-modal:nth-of-type(4) {
background-color: var(--cor-quintenaria);
}
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-modal
.box-texto-rnc
.circulo {
width: 36px;
height: 36px;
background-color: var(--cor-primaria);
border: 2px solid #fff;
border-radius: 20px;
position: relative;
aspect-ratio: 1/1;
}
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-modal:hover
.box-texto-rnc
.circulo {
background-color: #eeff2c;
}
@media (min-width: 576px) and (max-width: 768px) {
.curso-sispae-40h .c-aula-container.curso .grid-cards-rnc {
flex-wrap: wrap;
flex-direction: row;
gap: 0.8rem;
}
}
@media (min-width: 360px) and (max-width: 768px) {
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc
.box-texto-rnc
p {
line-height: 1;
padding-top: 0;
padding-bottom: 0;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.curso-sispae-40h .c-aula-container.curso .grid-cards-rnc {
flex-direction: row;
gap: 0.8rem;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc
.box-texto-rnc
p {
line-height: 1;
padding-top: 0;
padding-bottom: 0;
}
}
@media (min-width: 768px) {
.curso-sispae-40h .c-aula-container.curso .grid-cards-rnc {
flex: 0 0 83.333333%;
max-width: 83.333333%;
margin: auto;
}
}
@media screen and (min-width: 992px) {
.curso-sispae-40h .c-aula-container.curso .grid-cards-rnc {
flex: 0 0 66.666667%;
max-width: 66.666667%;
margin: auto;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.curso-sispae-40h .c-aula-container.curso .grid-cards-rnc {
flex-wrap: wrap;
flex-direction: row;
gap: 0.8rem;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc
.box-texto-rnc
p {
line-height: 1;
padding-top: 0;
padding-bottom: 0;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.curso-sispae-40h .c-aula-container.curso .grid-cards-rnc {
flex-wrap: wrap;
flex-direction: row;
gap: 0.8rem;
}
}
@media screen and (min-width: 1200px) {
.curso-sispae-40h .c-aula-container.curso .grid-cards-rnc {
flex-wrap: wrap;
flex-direction: row;
gap: 0.8rem;
}
}
@media screen and (min-width: 1200px) {
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc
.box-texto-rnc
p {
line-height: 1;
}
}
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-flip
.card-modal-rnc-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
backface-visibility: hidden;
-moz-backface-visibility: hidden;
border-radius: 0.7rem;
}
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-flip
:focus {
outline: 0;
}
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-flip:hover
.card-modal-rnc-inner,
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-flip:focus
.card-modal-rnc-inner {
transform: rotateY(180deg);
}
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-flip
.card-modal-rnc-inner
.card-modal-rnc-front,
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-flip
.card-modal-rnc-inner
.card-modal-rnc-back {
position: absolute;
width: 100%;
height: 100%;
border-radius: 0.7rem;
}
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-flip
.card-modal-rnc-inner
.card-modal-rnc-front {
color: black;
z-index: 2;
display: flex;
flex-direction: column;
}
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-flip
.card-modal-rnc-inner
.card-modal-rnc-back {
color: white;
transform: rotateY(180deg);
z-index: 1;
display: flex;
padding: 2rem 1rem;
}
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-flip
.card-modal-rnc-inner
.card-modal-rnc-back
div {
display: flex;
justify-content: center;
align-items: center;
}
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-flip
.card-modal-rnc-inner
.card-modal-rnc-back
p {
margin: 0;
padding: 0;
line-height: 1.2;
text-align: center;
}
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-flip
.card-modal-rnc-inner
.card-modal-rnc-back
p
span,
.curso-sispae-40h
.c-aula-container.curso
.grid-cards-rnc
.card-modal-rnc.tipo-flip
.card-modal-rnc-inner
.card-modal-rnc-back
p
span
strong {
color: #000;
background-color: transparent !important;
line-height: 1.3rem;
}
.curso-sispae-40h #plus-plano-de-ensino:hover rect,
.curso-sispae-40h #plus-projetos-escolares:hover rect,
.curso-sispae-40h #plus-proposta-pedagogica-curricular:hover rect,
.curso-sispae-40h #plus-projeto-politico-pedagogico:hover rect {
fill: #ff0;
}
.curso-sispae-40h .sanfona-collapse a[data-toggle="collapse"] .seta-sanfona {
transition: all 0.2s linear;
color: var(--cor-quaternaria);
font-size: 1.52rem;
min-width: 35px;
min-height: 35px;
}
.curso-sispae-40h
.sanfona-collapse
a[data-toggle="collapse"]:hover
.seta-sanfona
rect {
fill: #ff0;
}
.curso-sispae-40h .infografico-avaliacao #diagnostica:hover > .cls-4,
.curso-sispae-40h .infografico-avaliacao #somativa:hover > .cls-4,
.curso-sispae-40h .infografico-avaliacao #formativa:hover > .cls-4 {
cursor: pointer;
fill: var(--cor-quaternaria);
}
.curso-sispae-40h .infografico-avaliacao .cls-1 {
stroke: var(--black);
stroke-miterlimit: 10;
stroke-width: 0.25px;
}
.curso-sispae-40h .infografico-avaliacao .cls-2,
.curso-sispae-40h .infografico-avaliacao .cls-3,
.curso-sispae-40h .infografico-avaliacao .cls-4 {
stroke-width: 0px;
}
.curso-sispae-40h .infografico-avaliacao .cls-3 {
fill: var(--black);
}
.curso-sispae-40h .infografico-avaliacao .cls-4 {
fill: var(--cor-secundaria);
}
.curso-sispae-40h
.infografico-avaliacao
#diagnostica:hover
> .infografico-avaliacao
.cls-4,
.curso-sispae-40h
.infografico-avaliacao
#somativa:hover
> .infografico-avaliacao
.cls-4,
.curso-sispae-40h
.infografico-avaliacao
#formativa:hover
> .infografico-avaliacao
.cls-4 {
cursor: pointer;
fill: #20a63a;
}
.curso-sispae-40h .infografico-comp-gerais .st0 {
fill: none;
stroke: #ae2084;
stroke-miterlimit: 10;
}
.curso-sispae-40h .infografico-comp-gerais .st1 {
fill: none;
stroke: #702e89;
stroke-miterlimit: 10;
}
.curso-sispae-40h .infografico-comp-gerais .st2 {
fill: none;
stroke: #00b6e9;
stroke-miterlimit: 10;
}
.curso-sispae-40h .infografico-comp-gerais .st3 {
fill: none;
stroke: #e16daa;
stroke-miterlimit: 10;
}
.curso-sispae-40h .infografico-comp-gerais .st4 {
fill: none;
stroke: #2190cd;
stroke-miterlimit: 10;
}
.curso-sispae-40h .infografico-comp-gerais .st5 {
fill: none;
stroke: #db2c29;
stroke-miterlimit: 10;
}
.curso-sispae-40h .infografico-comp-gerais .st6 {
fill: none;
stroke: #00a3ac;
stroke-miterlimit: 10;
}
.curso-sispae-40h .infografico-comp-gerais .st7 {
fill: none;
stroke: #fe9c06;
stroke-miterlimit: 10;
}
.curso-sispae-40h .infografico-comp-gerais .st8 {
fill: none;
stroke: #458841;
stroke-miterlimit: 10;
}
.curso-sispae-40h .infografico-comp-gerais .st9 {
fill: none;
stroke: #a6ad25;
stroke-miterlimit: 10;
}
.curso-sispae-40h .infografico-comp-gerais .st10,
.curso-sispae-40h .infografico-comp-gerais .box-comp-10 {
fill: #e5e538;
}
.curso-sispae-40h .infografico-comp-gerais .st11 {
stroke: var(--black-000) 0;
stroke-width: 0.25;
stroke-miterlimit: 10;
}
.curso-sispae-40h .infografico-comp-gerais .st12,
.curso-sispae-40h .infografico-comp-gerais .box-comp-9 {
fill: #ffb450;
}
.curso-sispae-40h .infografico-comp-gerais .st13,
.curso-sispae-40h .infografico-comp-gerais .box-comp-8 {
fill: #ff6464;
}
.curso-sispae-40h .infografico-comp-gerais .st14,
.curso-sispae-40h .infografico-comp-gerais .box-comp-7 {
fill: #ff97d3;
}
.curso-sispae-40h .infografico-comp-gerais .st15,
.curso-sispae-40h .infografico-comp-gerais .box-comp-6 {
fill: #db5aba;
}
.curso-sispae-40h .infografico-comp-gerais .st16,
.curso-sispae-40h .infografico-comp-gerais .box-comp-1 {
fill: #b472d3;
}
.curso-sispae-40h .infografico-comp-gerais .st17,
.curso-sispae-40h .infografico-comp-gerais .box-comp-2 {
fill: #53d4f2;
}
.curso-sispae-40h .infografico-comp-gerais .st18,
.curso-sispae-40h .infografico-comp-gerais .box-comp-3 {
fill: #00adf9;
}
.curso-sispae-40h .infografico-comp-gerais .st19,
.curso-sispae-40h .infografico-comp-gerais .box-comp-4 {
fill: #3dd3d3;
}
.curso-sispae-40h .infografico-comp-gerais .st20,
.curso-sispae-40h .infografico-comp-gerais .box-comp-5 {
fill: #5aad53;
}
.curso-sispae-40h div.curso .link-pergunta {
flex-direction: column;
}
.curso-sispae-40h div.curso .imagem-pergunta {
max-width: 280px;
width: 50%;
}
.curso-sispae-40h div.curso .txt-pergunta p {
font-weight: 700;
}
.curso-sispae-40h div.curso .citacao-texto {
position: relative; /* Necessário para posicionar os pseudo-elementos */
padding: 10px; /* Ajuste o padding conforme necessário */
background: white; /* Ajuste a cor de fundo conforme necessário */
}
.curso-sispae-40h div.curso .citacao-texto::before,
.curso-sispae-40h div.curso .citacao-texto::after {
content: "";
position: absolute;
z-index: 10;
}
.curso-sispae-40h div.curso .citacao-texto::before {
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(
90deg,
rgba(247, 251, 255, 0) 0%,
rgba(231, 243, 255, 0.4) 25%,
rgb(177, 213, 255) 45%,
rgba(108, 177, 255, 0.7) 100%
);
}
.curso-sispae-40h div.curso .citacao-texto::after {
top: 0;
right: 0;
width: 3px;
height: 100%;
background: linear-gradient(
210deg,
rgba(231, 243, 255, 0.4) 0%,
rgb(177, 213, 255) 35%,
rgba(108, 177, 255, 0.7) 100%
);
}
.curso-sispae-40h div.curso .citacao-texto {
border-right: 0;
border-bottom: 0;
}
.curso-sispae-40h div.curso .citacao-texto .p-citacao {
padding: 3rem 4rem 3rem 7rem;
color: #707070;
font-weight: 400;
position: relative;
}
.curso-sispae-40h div.curso .citacao-texto .p-citacao::before {
content: "";
background-image: url("https://recursos-moodle.caeddigital.net/projetos/2024/municipios/img/aspas.png");
background-size: contain;
background-repeat: no-repeat;
width: 3rem; /* Adjust width as needed */
height: 3rem; /* Adjust height as needed */
position: absolute;
top: 2.8rem;
left: 2.7rem;
}
.curso-sispae-40h .div-info-a3-t3 {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
gap: 1rem;
position: relative;
}
.curso-sispae-40h .div-info-a3-t3 .traco-pontilhado {
position: absolute;
height: 94%;
width: 1px;
border: 2px dashed #000;
left: 22%;
z-index: 3;
top: 1%;
}
.curso-sispae-40h .div-info-a3-t3 .item-info {
display: flex;
min-width: 250px;
position: relative;
z-index: 10;
padding: 1rem 0;
gap: 1rem;
cursor: pointer;
}
.curso-sispae-40h .div-info-a3-t3 .item-info .info-div-txt {
display: flex;
justify-content: center;
align-items: center;
}
.curso-sispae-40h div.curso .titulo-img-infografico {
font-weight: 600;
}
.curso-sispae-40h div.curso .fonte-img-infografico span {
float: right;
}
.curso-sispae-40h .c-aula-container.curso .grid-flip-card {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
row-gap: 1.5rem;
}
.curso-sispae-40h .c-aula-container.curso .card-flip {
display: flex;
flex-direction: column;
height: 21.125rem;
width: 23.125rem;
justify-content: space-between;
border-radius: 0.7rem;
perspective: 1000px;
}
@media (min-width: 768px) and (max-width: 1200px) {
.curso-sispae-40h .c-aula-container.curso .card-flip {
height: 25rem;
}
}
.curso-sispae-40h .c-aula-container.curso .card-flip:focus {
outline: 0;
}
.curso-sispae-40h .c-aula-container.curso .card-flip:hover .card-flip-inner {
transform: rotateY(180deg);
}
.curso-sispae-40h .c-aula-container.curso .card-flip-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
backface-visibility: hidden;
-moz-backface-visibility: hidden;
border-radius: 0.7rem;
}
.curso-sispae-40h .c-aula-container.curso .card-flip-inner .card-flip-front,
.curso-sispae-40h .c-aula-container.curso .card-flip-inner .card-flip-back {
position: absolute;
width: 100%;
height: 100%;
border-radius: 0.7rem;
}
.curso-sispae-40h .c-aula-container.curso .card-flip-inner .card-flip-back {
color: white;
transform: rotateY(180deg);
z-index: 1;
display: flex;
padding: 1.5rem 1rem;
overflow: hidden;
}
.curso-sispae-40h
.c-aula-container.curso
.card-flip-inner
.card-flip-back
div
p {
line-height: 1.8rem;
padding: 0;
}
.curso-sispae-40h .c-aula-container.curso .card-flip-inner .card-flip-front {
color: black;
z-index: 2;
display: flex;
flex-direction: column;
}
.curso-sispae-40h
.c-aula-container.curso
.card-flip-inner
.card-flip-front
.box-imagem-flip {
position: relative;
height: 75%;
overflow: hidden;
border-top-left-radius: 0.7rem;
border-top-right-radius: 0.7rem;
}
.curso-sispae-40h
.c-aula-container.curso
.card-flip-inner
.card-flip-front
.box-imagem-flip
.img-card {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 10;
mix-blend-mode: multiply;
-o-object-position: 50% 67%;
object-position: 50% 67%;
}
.curso-sispae-40h
.c-aula-container.curso
.card-flip-inner
.card-flip-front
.box-texto-flip {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 25%;
padding: 11px;
}
.curso-sispae-40h
.c-aula-container.curso
.card-flip-inner
.card-flip-front
.box-texto-flip
.titulo {
font-weight: 700;
padding-right: 0.5rem;
line-height: 1;
text-align: left;
}
@media (min-width: 576px) and (max-width: 768px) {
.curso-sispae-40h .c-aula-container.curso .grid-flip-card {
flex-wrap: wrap;
flex-direction: row;
gap: 0.8rem;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.curso-sispae-40h .c-aula-container.curso .grid-flip-card {
flex-direction: row;
gap: 0.8rem;
}
}
@media (min-width: 768px) {
.curso-sispae-40h .c-aula-container.curso .grid-flip-card {
flex: 0 0 83.333333%;
max-width: 83.333333%;
margin: auto;
}
}
@media screen and (min-width: 992px) {
.curso-sispae-40h .c-aula-container.curso .grid-flip-card {
flex: 0 0 66.666667%;
max-width: 66.666667%;
margin: auto;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.curso-sispae-40h .c-aula-container.curso .grid-flip-card {
flex-wrap: wrap;
flex-direction: row;
gap: 0.8rem;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.curso-sispae-40h .c-aula-container.curso .grid-flip-card {
flex-wrap: wrap;
flex-direction: row;
gap: 0.8rem;
}
}
@media screen and (min-width: 1200px) {
.curso-sispae-40h .c-aula-container.curso .grid-flip-card {
flex-wrap: wrap;
flex-direction: row;
gap: 0.8rem;
}
}
.curso-sispae-40h .infografico-metodologias-grande {
display: none;
}
.curso-sispae-40h .infografico-metodologias-pequeno {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.curso-sispae-40h .infografico-metodologias-pequeno .titulo {
background-color: var(--cor-primaria);
text-align: center;
color: var(--white);
width: 100%;
padding: 1.7rem 0.5rem;
}
.curso-sispae-40h .infografico-metodologias-pequeno .titulo p {
font-weight: 700;
color: var(--white);
}
.curso-sispae-40h .infografico-metodologias-pequeno .item {
background-color: var(--cor-secundaria);
color: var(--black);
display: block;
width: 100%;
padding: 0.5rem 1.2rem;
margin: 0.4rem 0;
text-align: center;
}
.curso-sispae-40h .infografico-metodologias-pequeno .item p {
font-weight: 600;
margin: 0;
}
@media (min-width: 768px) {
.curso-sispae-40h .infografico-metodologias-grande {
display: flex;
justify-content: center;
align-items: center;
}
.curso-sispae-40h .infografico-metodologias-pequeno {
display: none;
}
}
.curso-sispae-40h .mapa-mental .dica {
margin-bottom: 2rem;
}
.curso-sispae-40h .mapa-mental .item-mapa-mental {
border: 2px solid var(--cor-primaria);
padding: 1rem;
margin: 0.8rem 0;
transition: background-color 0.3s;
cursor: pointer;
}
.curso-sispae-40h .mapa-mental .item-mapa-mental:hover {
background-color: var(--cor-primaria);
transition: background-color 0.3s;
}
.curso-sispae-40h .mapa-mental .item-mapa-mental:hover p {
color: var(--white);
font-weight: 700;
}
.curso-sispae-40h .info-item-img.destaque {
background-color: #fff;
box-shadow: 2px 4px 4px #bbbbbb;
border-radius: 0;
padding: 0;
margin-bottom: 0;
}
.curso-sispae-40h .info-item .tab-pane {
padding-top: 16px;
}
.curso-sispae-40h .info-item-txt {
font-family: Montserrat, sans-serif;
font-size: 14px !important;
line-height: 25px !important;
}
.curso-sispae-40h .info-item .nav-link.active {
background-color: var(--cor-primaria);
border: none;
align-items: center;
display: flex;
}
.curso-sispae-40h .info-item .nav.nav-tabs {
border: none;
display: flex;
flex-direction: row;
}
.curso-sispae-40h .info-item .nav-link {
background-color: #dfdfdf;
margin-left: 6px;
border-radius: 100px;
font-size: 14px;
color: #fff;
height: 40px;
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
.curso-sispae-40h .info-item .nav.nav-tabs {
border: none;
display: flex;
flex-direction: row;
}
.curso-sispae-40h .info-item .nav-item {
margin-top: 8px;
width: 48%;
}
.curso-sispae-40h .info-item .nav-link {
height: 32px;
}
}
.curso-sispae-40h .info-item-icon-first {
background-color: transparent !important;
color: #00b5fd;
}
.curso-sispae-40h .info-item .nav-link:focus,
.curso-sispae-40h .info-item .nav-link:hover {
border-color: transparent;
}
.curso-sispae-40h .info-item-bg {
background-color: #e9e9e9;
/* border-radius: 20px; */
padding: 20px;
}
.curso-sispae-40h .info-item-dica-bg {
background-color: #fff;
padding: 8px;
border-radius: 50%;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.curso-sispae-40h .info-item-icon-first {
padding-left: 0;
color: #00b5fd !important;
}
.curso-sispae-40h .info-matriz {
display: flex;
flex-direction: row;
}
.curso-sispae-40h .info-matriz .nav.nav-tabs {
flex-direction: column;
}
.curso-sispae-40h .btn-infografico-a1 {
position: absolute;
background: var(--cor-primaria);
color: #fff;
}
.curso-sispae-40h .btn-infografico-a1:hover {
background: var(--cor-primaria);
color: #fff;
}
.curso-sispae-40h .btn-infografico-a1:active {
background: var(--cor-primaria);
color: #fff;
}
.curso-sispae-40h .btn-infografico-a1:visited {
background: var(--cor-primaria);
color: #fff;
}
.curso-sispae-40h .btn-infografico-a1:focus {
background: var(--cor-primaria);
color: #fff;
}
.curso-sispae-40h .box-ano {
align-items: center;
display: flex;
gap: 20px;
}
.curso-sispae-40h .btn-ano {
width: 100px !important;
height: 100px;
text-align: center;
align-items: center;
display: flex;
justify-content: center;
background: var(--cor-primaria);
border-radius: 50%;
font-weight: 700 !important;
cursor: pointer;
box-shadow: 0px 0px 12px rgb(135, 135, 135);
}
.curso-sispae-40h .btn-ano:hover {
background: var(--cor-secundaria);
}
.curso-sispae-40h .linha-ano {
height: 30px;
width: 0;
margin-left: 50px;
border-left-style: dashed;
}
.curso-sispae-40h .curso .link-btn-modal {
display: inline-flex;
justify-content: center;
padding: 0.8rem 1rem;
font-size: 1rem;
background-color: var(--cor-secundaria);
color: #000;
width: 50%;
}
@media (max-width: 576px) {
.curso-sispae-40h .curso .link-btn-modal {
width: 100%;
}
.curso-sispae-40h .botoes-modal {
flex-direction: column;
}
}
.curso-sispae-40h .btn-referencias i {
font-size: 2rem;
}
.curso-sispae-40h div.curso .referencias {
flex-direction: column;
margin-top: 2rem;
}
.curso-sispae-40h #referencias p span {
color: var(--black) !important;
background-color: transparent !important;
}
.curso-sispae-40h .c-aula-container.curso .w243-h399 {
--caed-slip-card-largura: 243px;
--caed-slip-card-altura: 399px;
--caed-slip-card-cor: linear-gradient(
-45deg,
var(--cor-primaria) 0%,
var(--cor-primaria-clara) 100%
);
}
.curso-sispae-40h .c-aula-container.curso .w250-h400 {
--caed-slip-card-largura: 250px;
--caed-slip-card-altura: 400px;
--caed-slip-card-cor: linear-gradient(
-45deg,
var(--cor-primaria) 0%,
var(--cor-primaria-clara) 100%
);
}
.curso-sispae-40h .c-aula-container.curso .w290-h450 {
--caed-slip-card-largura: 290px;
--caed-slip-card-altura: 450px;
--caed-slip-card-cor: linear-gradient(
-45deg,
var(--cor-primaria) 0%,
var(--cor-primaria-clara) 100%
);
}
.curso-sispae-40h .c-aula-container.curso .w348-h564 {
--caed-slip-card-largura: 348px;
--caed-slip-card-altura: 564px;
--caed-slip-card-cor: linear-gradient(
-45deg,
var(--cor-primaria) 0%,
var(--cor-primaria-clara) 100%
);
}
.curso-sispae-40h .c-aula-container.curso .w360-h470 {
--caed-slip-card-largura: 360px;
--caed-slip-card-altura: 470px;
--caed-slip-card-cor: linear-gradient(
-45deg,
var(--cor-primaria) 0%,
var(--cor-primaria-clara) 100%
);
}
.curso-sispae-40h .c-aula-container.curso .card-container {
width: var(--caed-slip-card-largura);
height: var(--caed-slip-card-altura);
position: relative;
border-radius: 10px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
overflow: hidden;
margin: 1rem;
}
.curso-sispae-40h .c-aula-container.curso .card-t {
width: 100%;
height: 100%;
border-radius: inherit;
}
.curso-sispae-40h .c-aula-container.curso .card-t .front-content {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.curso-sispae-40h .c-aula-container.curso .card-t .front-content p {
font-size: 20px !important;
font-weight: 500 !important;
opacity: 1 !important;
background: var(--caed-slip-card-cor);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
padding: 10px !important;
margin: 10px !important;
}
.curso-sispae-40h .c-aula-container.curso .card-t .content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 10px;
background: var(--caed-slip-card-cor);
color: #e8e8e8;
padding: 20px;
line-height: 1.5;
border-radius: 5px;
pointer-events: none;
transform: translateY(96%);
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.curso-sispae-40h .c-aula-container.curso .card-t .content .heading {
font-size: 32px;
font-weight: 700;
}
.curso-sispae-40h .c-aula-container.curso .card-t:hover .content {
transform: translateY(0);
}
.curso-sispae-40h .c-aula-container.curso .card-t:hover .front-content {
transform: translateY(-30%);
}
.curso-sispae-40h .c-aula-container.curso .card-t:hover .front-content p {
opacity: 0;
}
.curso-sispae-40h .c-aula-container.curso .flip-card-flexbox {
display: flex;
/* gap: 30px; */
margin-top: 3vh;
margin-bottom: 3vh;
flex-wrap: wrap;
justify-content: center;
}
.curso-sispae-40h .c-aula-container.curso .card-t .content p {
font-size: 16px !important;
color: #fff !important;
}
.curso-sispae-40h .c-aula-container.curso .square {
display: inline-flex;
background-color: var(--cor-secundaria);
padding: 0.2rem 0.8rem;
max-width: 140px;
min-width: 135px;
}
.curso-sispae-40h .c-aula-container.curso .div__square {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
gap: 1rem;
}
.curso-sispae-40h div.curso .box {
padding: 20px;
width: 150px;
height: 100px;
border: 2px solid orange;
display: flex;
justify-content: center;
align-items: center;
background-color: #f3f3f3;
text-align: center;
font-size: 14px;
color: orange;
font-weight: bold;
text-decoration: none;
}
.curso-sispae-40h div.curso .box:hover {
background-color: #ffe0b3;
}
.curso-sispae-40h div.curso .box-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
.curso-sispae-40h .c-aula-container.curso .div-box-aula {
display: flex;
justify-content: space-around;
}
.curso-sispae-40h .c-aula-container.curso .box-aula {
min-width: 45%;
border: 2px solid var(--cor-primaria);
padding: 0.8rem 1rem;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.curso-sispae-40h .c-aula-container.curso .box-aula:hover {
background-color: var(--cor-primaria);
}
.curso-sispae-40h .c-aula-container.curso .box-aula:hover p {
color: #fff !important;
}
.curso-sispae-40h .c-aula-container.curso .box-anos-escolares {
display: flex;
justify-content: space-between;
}
.curso-sispae-40h .c-aula-container.curso .box-anos-escolares .anos-escolares {
width: 20%;
height: 200px;
border: 2px solid var(--cor-primaria);
padding: 0.8rem;
cursor: pointer;
}
.curso-sispae-40h
.c-aula-container.curso
.box-anos-escolares
.anos-escolares:hover {
background-color: var(--cor-primaria);
cursor: pointer;
}
.curso-sispae-40h
.c-aula-container.curso
.box-anos-escolares
.anos-escolares:hover
p.p-anos {
color: #fff !important;
}
.curso-sispae-40h .c-aula-container {
--flip-card-height: 350px;
--flip-duration: 0.6s;
}
.curso-sispae-40h .caednew-flip-card-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.curso-sispae-40h .caednew-flip-card {
position: relative;
height: var(--flip-card-height);
perspective: 1000px;
/* Perspectiva aplicada no container para efeito 3D */
border-radius: 0.7rem;
overflow: hidden;
background: transparent;
}
.curso-sispae-40h .caednew-flip-card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform var(--flip-duration);
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
/* Removido transform-origin para centralizar o efeito */
}
.curso-sispae-40h .caednew-flip-card:hover .caednew-flip-card-inner,
.curso-sispae-40h .caednew-flip-card:focus-within .caednew-flip-card-inner {
transform: rotateY(180deg);
}
.curso-sispae-40h .caednew-flip-card-front,
.curso-sispae-40h .caednew-flip-card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box; /* Garante que padding e border não aumentem o tamanho total */
padding: 1rem; /* Mover padding para cá para garantir que ele seja considerado no tamanho total */
}
.curso-sispae-40h .caednew-flip-card-front {
background-color: var(--cor-secundaria);
color: #333;
}
.curso-sispae-40h .caednew-flip-card-front.white,
.curso-sispae-40h .caednew-flip-card-back.white {
background-color: #fff !important;
color: #333;
}
.curso-sispae-40h .caednew-flip-card-back {
background-color: var(--cor-secundaria);
color: #fff;
transform: rotateY(180deg);
}
.curso-sispae-40h .caednew-flip-card-front .box-imagem {
flex: 1;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
max-height: 80%;
}
.curso-sispae-40h .caednew-flip-card-front .box-imagem img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.curso-sispae-40h .caednew-flip-card-front .box-texto {
padding: 0.5rem;
text-align: left;
width: 100%;
margin-top: auto;
}
.curso-sispae-40h .caednew-flip-card-front .box-texto .titulo {
font-size: 1.2rem;
font-weight: bold;
margin: 0;
}
.curso-sispae-40h .caednew-flip-card-back p {
font-size: 1rem;
line-height: 1.4;
margin: 0;
}
.curso-sispae-40h .caednew-flip-card:focus {
outline: none;
}
.curso-sispae-40h div.curso .card-shadow {
display: flex;
padding: 1rem;
box-shadow: rgba(50, 50, 93, 0.15) 0px 6px 12px -2px,
rgba(0, 0, 0, 0.2) 0px 3px 7px -3px;
width: 50%;
}
@media (max-width: 1200px) {
.curso-sispae-40h div.curso .col-flip-card {
margin-bottom: 30px;
/* margin: 0 30px 0 30px; */
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.curso-sispae-40h div.curso .div-texto-flip {
padding-top: 0;
}
}
@media (max-width: 992px) {
.curso-sispae-40h div.curso .div-imagem-flip-card {
display: none;
}
}
.curso-sispae-40h div.curso .c-flip-card-frente {
position: absolute;
backface-visibility: hidden;
padding: 16px;
width: 100%;
height: 100%;
text-align: center;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.curso-sispae-40h div.curso .c-flip-card-traseira {
transform-origin: 50% !important;
position: absolute;
backface-visibility: hidden;
transform: rotateY(180deg);
padding: 16px;
width: 100%;
height: 100%;
background-color: #f6f8f9;
display: flex;
justify-content: center;
align-items: center;
}
.curso-sispae-40h div.curso .c-flip-card-traseira .texto-traseira {
margin: 0 10px;
}
.curso-sispae-40h div.curso .c-flip-card-inner {
transform-origin: 50% !important;
position: relative;
transform-style: preserve-3d;
transition: transform 0.6s;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
width: 250px;
height: 100%;
}
.curso-sispae-40h div.curso .c-flip-card,
.curso-sispae-40h div.curso .c-flip-card2 {
perspective: 1000px;
background-color: transparent;
height: 400px;
width: 250px;
}
@media (max-width: 992px) {
.curso-sispae-40h div.curso .c-flip-card {
width: 100%;
display: flex;
justify-content: center;
height: 130px;
}
}
@media (max-width: 992px) {
.curso-sispae-40h div.curso .c-flip-card-inner {
width: 90%;
height: 130px;
}
}
@media (max-width: 992px) {
.curso-sispae-40h div.curso .c-flip-card-traseira {
display: flex;
align-items: center;
}
}
@media (max-width: 992px) {
.curso-sispae-40h div.curso .c-flip-card-traseira .texto-traseira {
margin: 0;
}
}
.curso-sispae-40h div.curso .c-flip-card2 {
height: 350px;
}
.curso-sispae-40h div.curso .c-flip-card:hover .c-flip-card-inner,
.curso-sispae-40h div.curso .c-flip-card2:hover .c-flip-card-inner {
transform: rotateY(180deg);
}
.curso-sispae-40h div.curso .c-flip-card-p {
margin: 0 !important;
}
.curso-sispae-40h div.curso .col-flip-card {
display: flex;
justify-content: center;
align-items: center;
}
.curso-sispae-40h div.curso .div-texto-flip {
width: 100%;
padding: 0px 0px 10px 0px;
}
.curso-sispae-40h div.curso .div-texto-flip .texto-descricao {
font-size: 18px;
/*font-weight: 700;*/
text-align: left;
margin-bottom: 0;
}
.curso-sispae-40h div.curso .div-texto-flip .texto-complemento {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 13px;
}
.curso-sispae-40h div.curso .imagem-flip-card {
height: 190px;
-o-object-fit: fill;
object-fit: fill;
width: 100%;
margin-top: 10px;
}
.curso-sispae-40h div.curso .div-imagem-flip-card {
margin: 10px 0px 20px;
width: calc(100% - 4px) !important;
}
.curso-sispae-40h div.curso .texto-complemento .valor {
text-align: left;
font-size: 22px;
margin: 0;
}
.curso-sispae-40h .div-content-saiba-mais {
--card-shadow: 0 0 12px rgba(0, 0, 0, 0.27);
--card-padding: 1rem;
--card-border-radius: 8px;
--transition-default: 0.3s ease-in-out;
--icon-size: 40px;
}
.curso-sispae-40h .div-content-saiba-mais {
display: flex;
gap: 30px;
flex-wrap: wrap;
justify-content: space-evenly;
}
.curso-sispae-40h .card-saiba-mais,
.curso-sispae-40h .card-saiba-mais-peq {
display: flex;
flex-direction: column;
box-shadow: var(--card-shadow);
cursor: pointer;
border-radius: var(--card-border-radius);
overflow: hidden;
transition: transform var(--transition-default),
box-shadow var(--transition-default);
}
.curso-sispae-40h .card-saiba-mais {
width: 320px;
}
.curso-sispae-40h .card-saiba-mais-peq {
width: 250px;
}
.curso-sispae-40h div.curso .card-texto {
font-family: var(--fonte-aula);
font-size: 1.1rem !important;
font-style: normal;
font-weight: 300;
line-height: 1.3rem !important;
letter-spacing: normal !important;
padding: 10px 0 10px 0;
margin: 0;
color: var(--black);
word-wrap: break-word;
}
.curso-sispae-40h .card-saiba-mais:hover,
.curso-sispae-40h .card-saiba-mais-peq:hover {
transform: translateY(-5px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);
}
.curso-sispae-40h .div-txt-saiba {
height: 30%;
}
.curso-sispae-40h .div-img-saiba {
height: 70%;
}
.curso-sispae-40h .div-img-saiba,
.curso-sispae-40h .div-img-saiba-peq {
width: 100%;
overflow: hidden;
}
.curso-sispae-40h .div-img-saiba {
height: 250px;
}
.curso-sispae-40h .div-img-saiba-peq {
height: 180px;
}
.curso-sispae-40h .img-saiba,
.curso-sispae-40h .img-saiba-peq {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: transform var(--transition-default);
}
.curso-sispae-40h .card-saiba-mais:hover .img-saiba,
.curso-sispae-40h .card-saiba-mais-peq:hover .img-saiba-peq {
transform: scale(1.05);
}
.curso-sispae-40h .div-txt-saiba,
.curso-sispae-40h .div-txt-saiba-peq {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 0.7rem 1.3rem;
background-color: #fff;
}
.curso-sispae-40h .div-txt-saiba p,
.curso-sispae-40h .div-txt-saiba-peq p {
margin: 0;
font-size: 16px;
line-height: 1.4;
}
.curso-sispae-40h .div-txt-saiba .p-txt {
font-size: 18px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
}
.curso-sispae-40h .icon-mais {
width: var(--icon-size);
height: var(--icon-size);
background-color: #fff;
border-radius: 50%;
transition: transform var(--transition-default),
background-color var(--transition-default);
margin-left: 0.8rem;
}
.curso-sispae-40h .card-saiba-mais:hover .icon-mais,
.curso-sispae-40h .card-saiba-mais-peq:hover .icon-mais {
transform: rotate(90deg);
background-color: var(--cor-quaternaria, #1a73e8);
}
@media (max-width: 768px) {
.curso-sispae-40h .div-content-saiba-mais {
flex-direction: column;
align-items: center;
}
.curso-sispae-40h .card-saiba-mais,
.curso-sispae-40h .card-saiba-mais-peq {
width: 100%;
max-width: 320px;
}
}
@media (max-width: 480px) {
.curso-sispae-40h .div-txt-saiba .p-txt {
font-size: 16px;
letter-spacing: 0.5px;
}
.curso-sispae-40h .icon-mais {
width: 30px;
height: 30px;
}
}
.curso-sispae-40h div.curso .info-accordion-container {
display: flex;
width: 100%;
max-width: 1200px;
height: 400px;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 992px) {
.curso-sispae-40h div.curso .info-accordion-container {
flex-direction: column;
height: auto;
}
}
.curso-sispae-40h div.curso .info-accordion-item {
flex: 1;
display: flex;
flex-direction: column;
position: relative;
transition: all 0.5s ease;
cursor: pointer;
overflow: hidden;
color: #333;
}
.curso-sispae-40h div.curso .info-accordion-item:nth-child(1) {
background-color: #e1d4f5;
/* Lilás claro */
}
.curso-sispae-40h div.curso .info-accordion-item:nth-child(2) {
background-color: #fff2d6;
/* Amarelo claro */
}
.curso-sispae-40h div.curso .info-accordion-item:nth-child(3) {
background-color: #c2e8f0;
/* Azul claro */
}
.curso-sispae-40h div.curso .info-accordion-item:nth-child(4) {
background-color: #e8e8e8;
/* Cinza claro */
}
.curso-sispae-40h div.curso .info-accordion-item.active {
flex: 2.5;
}
@media (max-width: 992px) {
.curso-sispae-40h div.curso .info-accordion-item {
flex: none;
min-height: 60px;
transition: all 0.5s ease;
}
.curso-sispae-40h div.curso .info-accordion-item.active {
flex: none;
min-height: 180px;
}
}
.curso-sispae-40h div.curso .info-accordion-header {
padding: 20px 20px 0 20px;
}
.curso-sispae-40h div.curso .info-accordion-title {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 8px;
line-height: normal;
letter-spacing: normal;
padding: 0;
word-wrap: normal;
}
.curso-sispae-40h div.curso .info-accordion-subtitle {
font-size: 1.1rem;
margin-bottom: 20px;
line-height: normal;
letter-spacing: normal;
padding: 0;
font-weight: 400;
}
@media (max-width: 992px) {
.curso-sispae-40h div.curso .info-accordion-header {
padding: 15px;
}
.curso-sispae-40h div.curso .info-accordion-title {
font-size: 1.2rem;
margin-bottom: 5px;
}
.curso-sispae-40h div.curso .info-accordion-subtitle {
font-size: 0.9rem;
margin-bottom: 10px;
}
}
.curso-sispae-40h div.curso .info-accordion-content {
padding: 0 20px 20px;
opacity: 0;
max-height: 0;
overflow: hidden;
transition: opacity 0.3s ease, max-height 0.5s ease;
}
.curso-sispae-40h
div.curso
.info-accordion-item.active
.info-accordion-content {
opacity: 1;
max-height: 500px;
}
.curso-sispae-40h div.curso .info-accordion-item::after {
content: "";
position: absolute;
right: 0;
bottom: 40px;
width: 30px;
height: calc(100% - 80px);
-webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
clip-path: polygon(0 0, 100% 50%, 0 100%);
background-color: inherit;
z-index: 2;
}
.curso-sispae-40h div.curso .info-accordion-item:last-child::after {
display: none;
}
@media (max-width: 992px) {
.curso-sispae-40h div.curso .info-accordion-item::after {
right: 50%;
bottom: 0;
width: 30px;
height: 15px;
transform: translateX(50%);
-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.curso-sispae-40h div.curso .info-accordion-item:last-child::after {
display: none;
}
}
.curso-sispae-40h .suggestion-card {
display: flex;
align-items: center;
padding: 16px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
max-width: 100%;
margin: 1rem 0;
}
.curso-sispae-40h .suggestion-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.curso-sispae-40h .suggestion-image {
flex-shrink: 0;
width: 48px;
height: 48px;
margin-right: 16px;
}
.curso-sispae-40h .suggestion-image img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.curso-sispae-40h .suggestion-text {
flex: 1;
margin: 0;
font-size: 16px;
color: #333;
}
.curso-sispae-40h .suggestion-icon {
flex-shrink: 0;
width: 24px;
height: 24px;
margin-left: 16px;
color: #666;
}
/* Componente Podcast */
.curso-sispae-40h .podcast-container {
width: 100%;
max-width: 700px;
background-color: #f8f9fa;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
padding: 14px 24px;
}
.curso-sispae-40h .podcast-header {
display: flex;
gap: 30px;
margin-bottom: 20px !important;
justify-content: center;
align-items: center;
}
.curso-sispae-40h .podcast-image {
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
border: 3px solid var(--color-figma, #9747ff);
}
.curso-sispae-40h .podcast-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.curso-sispae-40h .podcast-info {
flex: 1;
}
.curso-sispae-40h .podcast-specialist {
color: #666 !important;
font-size: 14px !important;
margin-bottom: 0 !important;
padding: 0 !important;
}
.curso-sispae-40h .podcast-title {
font-size: 22px !important;
font-weight: 300 !important;
margin-bottom: 0.4rem !important;
padding: 0.3rem 0 0 0 !important;
line-height: normal !important;
letter-spacing: normal !important;
}
.curso-sispae-40h .podcast-subtitle {
font-size: 14px !important;
color: var(--black) !important;
margin-bottom: 0px !important;
line-height: normal !important;
letter-spacing: 0px !important;
}
.curso-sispae-40h .podcast-controls {
margin-top: 20px;
}
.curso-sispae-40h .podcast-actions {
display: flex;
gap: 10px;
margin-block: 15px !important;
font-weight: 500 !important;
}
.curso-sispae-40h .action-button {
padding: 6px 15px;
border-radius: 20px;
font-size: 12px;
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
transition: background-color 0.3s;
}
.curso-sispae-40h .primary-button {
background-color: var(--color-dominante, #2e90ff);
color: white;
border: none;
}
.curso-sispae-40h .primary-button:hover {
background-color: var(--cor-quaternaria, #acffc0);
transition: all 0.3s;
color: var(--color-dominante, #2e90ff);
transition: all 0.3s;
}
.curso-sispae-40h .secondary-button {
background-color: var(--cor-terciaria, #dbf7ff);
color: black !important;
border: none !important;
font-weight: 500 !important;
}
.curso-sispae-40h .secondary-button:hover {
background-color: var(--cor-quaternaria, #acffc0);
transition: all 0.3s;
color: var(--color-dominante, #2e90ff);
}
.curso-sispae-40h .progress-container {
width: 100%;
/* margin-bottom: 10px; */
}
.curso-sispae-40h .progress-bar {
width: 100%;
height: 4px;
background-color: #e1e8ed;
border-radius: 2px;
position: relative;
}
.curso-sispae-40h .progress {
position: absolute;
height: 100%;
width: 0%;
background-color: var(--color-dominante, #2e90ff);
border-radius: 2px;
}
.curso-sispae-40h .time-display {
display: flex;
justify-content: space-between;
font-size: 12px;
color: #657786;
margin-top: 5px;
}
.curso-sispae-40h .playback-controls {
display: flex;
justify-content: center;
gap: 0.4rem;
margin-top: 15px;
align-items: center;
}
.curso-sispae-40h .pod .playback-controls {
margin-top: 0 !important;
}
.curso-sispae-40h .control-button {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border: none;
background-color: #f8f9fa;
transition: background-color 0.3s;
scale: 1.2;
}
.curso-sispae-40h .control-button:hover {
background-color: #f5f8fa;
transition: all 0.3s;
}
.curso-sispae-40h .control-button.play-button {
border: none;
color: white;
transition: all 0.3s;
}
.curso-sispae-40h .control-button.play-button:hover .btn-play rect,
.curso-sispae-40h .control-button.play-button:hover .btn-pause rect {
fill: #acffc0;
transition: all 0.3s;
}
.curso-sispae-40h .control-button.play-button:hover .btn-play path {
fill: #2e90ff;
stroke: #2e90ff;
transition: all 0.3s;
}
.curso-sispae-40h .control-button.play-button:hover .btn-pause path {
fill: #2e90ff;
transition: all 0.3s;
}
.curso-sispae-40h .additional-content {
display: flex;
justify-content: space-between;
margin-top: 24px;
}
.curso-sispae-40h .additional-div {
width: 32%;
height: 60px;
border: 1px solid #e1e8ed;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: #444;
}
.curso-sispae-40h .podcast-container .sc-widget {
display: block !important;
opacity: 0 !important;
position: absolute !important;
width: 1px !important;
height: 1px !important;
pointer-events: none !important;
}
.curso-sispae-40h .play-button .btn-play {
display: block !important;
transition: all 0.3s;
}
.curso-sispae-40h .play-button .btn-pause {
display: none !important;
transition: all 0.3s;
}
.curso-sispae-40h .play-button.played .btn-play {
display: none !important;
transition: all 0.3s;
}
.curso-sispae-40h .play-button.played .btn-pause {
display: block !important;
transition: all 0.3s;
}
.curso-sispae-40h .podcast-container .part-podcast {
font-size: 14px;
font-weight: 700;
color: var(--gray-600);
}
/* Fim do Componente Podcast */
.tabela-d .tabela-desempenho th,
.tabela-d .tabela-desempenho td {
text-align: center;
vertical-align: middle;
font-weight: bold;
}
.tabela-d .tabela-desempenho .elementar-i {
background-color: #ec1c24;
color: #fff;
}
.tabela-d .tabela-desempenho .elementar-ii {
background-color: #f9cf02;
color: #000;
}
.tabela-d .tabela-desempenho .basico {
background-color: #f8b62d;
color: #000;
}
.tabela-d .tabela-desempenho .desejavel {
background-color: #3aaa35;
color: #fff;
}
.tabela-d .tabela-desempenho thead th {
background-color: #f8f9fa;
text-transform: uppercase;
}
.curso-sispae-40h´.tabela-lp .tabela-desempenho th,
.curso-sispae-40h .tabela-desempenho td {
text-align: center;
vertical-align: middle;
font-weight: bold;
}
.curso-sispae-40h .tabela-lp .tabela-desempenho thead th {
background-color: #f8f9fa;
text-transform: uppercase;
}
.curso-sispae-40h .tabela-lp .abaixo-basico {
background-color: #b7f5d4;
}
.curso-sispae-40h .tabela-lp .basico {
background-color: #6ce2a3;
}
.curso-sispae-40h .tabela-lp .adequado {
background-color: #31c67b;
}
.curso-sispae-40h .tabela-lp .avancado {
background-color: #0f5e3c;
color: white;
}
.curso-sispae-40h .tabela-lp .titulo-tabela {
font-weight: bold;
font-size: 1.2rem;
text-align: center;
margin-top: 3rem;
}
.curso-sispae-40h .tabela-mt .tabela-desempenho th,
.curso-sispae-40h .tabela-mt .tabela-desempenho td {
text-align: center;
vertical-align: middle;
font-weight: bold;
}
.curso-sispae-40h .tabela-mt .tabela-desempenho thead th {
background-color: #f8f9fa;
text-transform: uppercase;
}
.curso-sispae-40h .tabela-mt .abaixo-basico {
background-color: #b7f5d4;
}
.curso-sispae-40h .tabela-mt .basico {
background-color: #6ce2a3;
}
.curso-sispae-40h .tabela-mt .adequado {
background-color: #31c67b;
}
.curso-sispae-40h .tabela-mt .avancado {
background-color: #0f5e3c;
color: white;
}
.curso-sispae-40h .tabela-mt .titulo-tabela {
font-weight: bold;
font-size: 1.2rem;
text-align: center;
margin-top: 3rem;
}
.curso-sispae-40h .card-atividade {
background-color: #f2f2f2;
border-bottom: 2px solid var(--cor-primaria);
padding: 15px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.curso-sispae-40h .btn-atividade {
background-color: var(--cor-quaternaria) !important;
font-weight: 500;
margin-top: 20px;
gap: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.curso-sispae-40h .btn-atividade:hover {
background-color: var(--cor-primaria) !important;
}