#img-semana-do-consumidor{
width: 100%;
height: 15vw;
background-image: url(https://www2.fsa.br/wp-content/themes/fsaportal/assets/images/banner-pos-site-semana-consumidor.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
} .modal-natal .modal-dialog {
max-width: 600px;
}
.modal-natal .modal-content {
background: transparent;
border: none;
position: relative;
overflow: hidden;
}
.modal-natal .btn-close {
position: absolute;
top: 15px;
right: 15px;
z-index: 10;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 50%;
width: 40px;
height: 40px;
opacity: 1;
padding: 0;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.modal-natal .btn-close:hover {
background-color: #fff;
transform: scale(1.1);
}
.modal-natal .modal-body {
padding: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 600px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
}
.black-pos p{
color: white;
line-height: 1rem;
} .modal-natal-content {
text-align: center;
padding: 40px 30px;
max-width: 100%;
width: 100%;
color: #fff;
}
.modal-natal-content h2 {
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 20px;
line-height: 1.3;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.modal-natal-text {
font-size: 1.4rem;
margin-bottom: 15px;
line-height: 1.5;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.modal-natal-text strong {
font-weight: 700;
}
.modal-natal-cta {
font-size: 1.4rem;
margin-bottom: 30px;
font-weight: 500;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
} @media (max-width: 768px) {
.modal-natal .modal-dialog {
margin: 10px;
max-width: 95%;
}
.modal-natal .modal-body {
min-height: 550px;
border-radius: 12px;
}
.modal-natal-content {
padding: 30px 20px;
}
.modal-natal-content h2 {
font-size: 1.5rem;
}
.modal-natal-text {
font-size: 1rem;
}
.modal-natal-cta {
font-size: 0.95rem;
margin-bottom: 25px;
}
.btn-natal-whatsapp {
padding: 14px 28px;
font-size: 1rem;
}
.black-pos p{
text-align: center;
}
}
@media (max-width: 480px) {
.modal-natal .modal-body {
min-height: 500px;
}
.modal-natal-content {
padding: 25px 15px;
}
.modal-natal-content h2 {
font-size: 1.3rem;
margin-bottom: 15px;
}
.modal-natal-text {
font-size: 0.95rem;
margin-bottom: 12px;
}
.modal-natal-cta {
font-size: 0.9rem;
margin-bottom: 20px;
}
.btn-natal-whatsapp {
padding: 12px 24px;
font-size: 0.95rem;
gap: 8px;
color: white;
}
.btn-natal-whatsapp svg {
width: 20px;
height: 20px;
}
} @media (max-width: 360px) {
.modal-natal .modal-body {
min-height: 450px;
}
.modal-natal-content h2 {
font-size: 1.2rem;
}
} .modal-natal .modal-natal-content,
.modal-natal .modal-natal-content h2,
.modal-natal .modal-natal-content p,
.modal-natal .modal-natal-text,
.modal-natal .modal-natal-cta {
color: #fff !important;
}
.modal-natal .modal-natal-text strong {
color: #fff !important;
font-weight: 700;
} .modal-natal .btn-natal-whatsapp,
.modal-natal .btn-natal-whatsapp:hover,
.modal-natal .btn-natal-whatsapp:focus,
.modal-natal .btn-natal-whatsapp:active {
color: #fff !important;
}
.modal-natal .btn-natal-whatsapp svg {
color: #fff !important;
fill: #fff !important;
} .fsa-pos-graduacao {
color: var(--fsa-color-maastricht-blue);
}
.fsa-pos-graduacao .fsa-section.fsa-top-section,
.fsa-pos-graduacao .fsa-section.fsa-banner-section {
background-color: var(--fsa-color-maastricht-blue);
}
.fsa-pos-graduacao .fsa-section:not(.fsa-top-section) {
padding-top: 4rem;
padding-bottom: 4rem;
}
.fsa-pos-graduacao .fsa-section.fsa-sobre-section .row {
gap: 2rem 0;
}
.fsa-pos-graduacao .fsa-content-wrap {
justify-content: flex-end;
align-items: center;
}
.fsa-pos-graduacao .fsa-button-subscribe {
background-color: var(--fsa-color-earth-yellow);
color: var(--fsa-color-maastricht-blue);
}
.fsa-pos-graduacao .fsa-button-subscribe svg {
fill: var(--fsa-color-maastricht-blue);
}
.fsa-pos-graduacao .fsa-section-title {
text-align: start;
}
.fsa-pos-graduacao .fsa-section-title-second-span {
font-size: 1.5rem;
color: var(--fsa-color-maastricht-blue);
text-transform: uppercase;
}
.fsa-pos-graduacao .fsa-section-title-first-span {
font-size: 1.2rem;
color: var(--fsa-color-earth-yellow);
}
.fsa-pos-graduacao .fsa-section-text {
margin-bottom: 20px;
padding: 0;
color: var(--fsa-color-black-80);
text-align: start;
}
.fsa-pos-graduacao .fsa-section-text p {
padding: 0;
color: var(--fsa-color-black-80);
text-align: start;
}
.fsa-pos-graduacao .fsa-divider-memphis {
margin: 0;
}
.fsa-pos-graduacao .fsa-list-item-icon svg {
color: var(--fsa-color-earth-yellow);
}
.fsa-pos-graduacao .fsa-list-item-title {
color: var(--fsa-color-black-80);
font-weight: 600;
}
.fsa-course-prerequisites-section .col-md-6:nth-child(3) {
margin-top: 3rem;
}
.fsa-pos-graduacao .fsa-section.fsa-pos-course-subjects-section {
padding-top: 6rem;
} .fsa-course-modalities-section {
background-color: var(--fsa-color-earth-yellow);
}
.fsa-course-modalities-container {
display: grid;
grid-template-columns: repeat(4, minmax(0px, 1fr));
padding: 0px;
gap: 1rem;
}
.fsa-course-modalities-item {
padding: 15px;
display: flex;
align-items: center;
}
.fsa-course-modalities-item:not(:first-child) {
border-left: 1px solid #002d440F;
}
.fsa-course-modalities-item a {
display: flex;
align-items: center;
}
.fsa-course-modalities-item-icon {
margin-right: 10px;
}
.fsa-course-modalities-item-icon svg {
height: 50px;
color: var(--fsa-color-maastricht-blue);
}
.fsa-course-modalities-item-content {
display: flex;
flex-direction: column;
justify-content: center;
}
.fsa-course-modalities-item-label {
font-size: 1.2rem;
font-weight: 700;
color: var(--fsa-color-maastricht-blue);
}
.fsa-course-modalities-item-text {
font-size: 1rem;
font-weight: 400;
color: var(--fsa-color-maastricht-blue);
}
.fsa-modal-pos-graduacao-valores .modal-header {
border-bottom: none;
}
.fsa-modal-pos-graduacao-valores .modal-body {
padding: 0 3rem 3rem;
color: var(--fsa-color-maastricht-blue);
}
.fsa-modal-pos-graduacao-valores .modal-body p {
margin: 0;
color: var(--fsa-color-maastricht-blue);
} .promo-section {
background: var(--fsa-color-ateneo-blue);
background: radial-gradient(circle, var(--fsa-color-ateneo-blue) 0%, var(--fsa-color-maastricht-blue) 70%);
margin: 0;
padding: 2rem 0;
font-family: "Roboto", sans-serif;
display: flex;
justify-content: center;
align-items: center;
color: white;
}
.promo-card {
margin: 0 auto;
width: 300px;
text-align: center;
}
.promo-content {
position: relative;
margin: 0 auto;
border: 40px solid transparent;
border-top: 10px solid;
border-bottom: 10px solid;
border-image: url(http://fsa.local/wp-content/themes/fsaportal/assets/images/frame-colchetes.png) 10% stretch;
}
.promo-percent {
margin: 0;
color: white;
font-family: "Lato", sans-serif;
font-size: 5.5rem;
font-weight: 900;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
letter-spacing: 5px;
line-height: 1;
}
.promo-text-container {
padding: 0;
}
.promo-text-container p {
margin: 0;
color: white;
font-size: 1rem;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.promo-asterisk {
font-size: 2rem;
font-weight: 400;
vertical-align: top;
}
.promo-button {
height: 100%;
min-height: 200px;
;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
}
.promo-button p {
margin: 0;
color: white;
font-family: "Montserrat", sans-serif;
font-size: 1.5rem;
font-weight: 900;
line-height: 1;
text-align: center;
text-transform: uppercase;
}
.promo-section .highlight {
color: var(--fsa-color-earth-yellow);
}
.fsa-pos-graduacao .swiper-pagination-bullet {
background: var(--fsa-color-earth-yellow);
}
.fsa-pos-graduacao .swiper-pagination-bullet-active {
background: var(--fsa-color-earth-yellow);
} .fsa-pos-dark-section {
background-color: var(--fsa-color-maastricht-blue);
color: var(--fsa-color-white);
}
.fsa-pos-graduacao .fsa-pos-dark-section .fsa-section-title-second-span {
color: var(--fsa-color-white);
}
.fsa-pos-graduacao .fsa-pos-dark-section .fsa-divider-memphis {
background-color: var(--fsa-color-white);
}
.fsa-pos-graduacao .fsa-pos-dark-section .fsa-section-text,
.fsa-pos-graduacao .fsa-pos-dark-section pre,
.fsa-pos-graduacao .fsa-pos-dark-section p,
.fsa-pos-graduacao .fsa-pos-dark-section h1,
.fsa-pos-graduacao .fsa-pos-dark-section h2,
.fsa-pos-graduacao .fsa-pos-dark-section h3,
.fsa-pos-graduacao .fsa-pos-dark-section h4,
.fsa-pos-graduacao .fsa-pos-dark-section h5,
.fsa-pos-graduacao .fsa-pos-dark-section h6 {
color: var(--fsa-color-white);
}
.fsa-pos-graduacao .fsa-pos-dark-section a:not(.fsa-button) {
color: var(--fsa-color-earth-yellow);
}
.fsa-pos-graduacao .fsa-pos-dark-section a:not(.fsa-button):hover,
.fsa-pos-graduacao .fsa-pos-dark-section a:not(.fsa-button):focus {
text-decoration: underline;
}
.fsa-pos-graduacao .fsa-pos-dark-section a:not(.fsa-button) span i {
margin-left: 10px;
}
.fsa-pos-graduacao .fsa-pos-dark-section .fsa-button-secondary {
background-color: transparent;
color: var(--fsa-color-earth-yellow);
border: 1px solid var(--fsa-color-earth-yellow);
}
.fsa-pos-graduacao .fsa-pos-dark-section .fsa-list-item-title {
color: var(--fsa-color-white);
} .fsa-pos-graduacao .accordion {
margin-bottom: 20px;
}
.fsa-pos-graduacao .accordion-item {
color: var(--fsa-color-white);
background-color: unset;
border: none;
border-bottom: 1px solid var(--fsa-color-white);
}
.fsa-pos-graduacao .accordion-item:first-of-type,
.fsa-pos-graduacao .accordion-item:last-of-type {
border-radius: unset;
}
.fsa-pos-graduacao .accordion-button {
color: var(--fsa-color-white);
background-color: transparent;
text-transform: uppercase;
line-height: 1.2;
}
.fsa-pos-graduacao .accordion-item:first-of-type .accordion-button,
.fsa-pos-graduacao .accordion-item:last-of-type .accordion-button.collapsed {
border-radius: unset;
}
.fsa-pos-graduacao .accordion-button:focus {
border-color: unset;
box-shadow: none;
}
.fsa-pos-graduacao .accordion-button:not(.collapsed) {
color: var(--fsa-color-white);
background-color: initial;
box-shadow: none;
}
.fsa-pos-graduacao .accordion-button::after {
background-image: inherit;
}
.fsa-pos-graduacao .accordion-button:not(.collapsed)::after {
background-image: inherit;
}
.fsa-pos-graduacao .accordion-button span i {
margin: 0 10px 10px 0;
transition: all 0.3s ease;
}
.fsa-pos-graduacao .accordion-button[aria-expanded="true"] span i {
transform: rotate(-90deg);
transition: all 0.3s ease;
}
.fsa-pos-graduacao .accordion-item:last-of-type .accordion-collapse {
border-radius: unset;
}
.fsa-pos-graduacao .accordion-body {
padding-top: 0
} .fsa-pos-graduacao .fsa-card-mensalidade {
margin-bottom: 30px;
padding: 3rem;
position: relative;
background-color: var(--fsa-color-white);
color: var(--fsa-color-maastricht-blue);
border-radius: 30px;
}
.fsa-card-mensalidade-info {
margin-bottom: 20px;
position: relative;
width: 100%;
}
.discount-badge {
width: 160px;
position: absolute;
top: -50%;
right: -15%;
}
.discount-badge .star-bg {
fill: var(--fsa-color-white);
stroke: var(--fsa-color-ateneo-blue);
}
.discount-badge .star-border {
fill: var(--fsa-color-ateneo-blue);
stroke: var(--fsa-color-ateneo-blue);
}
.discount-badge .badge-percent {
font-family: 'Roboto', sans-serif;
font-size: 86px;
font-style: italic;
font-weight: bold;
line-height: 1;
fill: var(--fsa-color-maastricht-blue);
transform: translate(45%, 50%);
}
.discount-badge .badge-percent-symbol {
font-family: 'Roboto', sans-serif;
font-size: 40px;
font-style: italic;
font-weight: bold;
line-height: 1;
fill: var(--fsa-color-maastricht-blue);
transform: translate(75%, 50%);
}
.discount-badge .badge-subtext {
font-family: 'Roboto', sans-serif;
font-size: 22px;
font-style: italic;
line-height: 1;
fill: var(--fsa-color-ateneo-blue);
transform: translate(50%, 70%)
}
.fsa-card-mensalidade-valores {
display: flex;
flex-direction: column;
}
.fsa-card-mensalidade-valores span {
text-align: center;
line-height: 1.1em;
}
.fsa-card-mensalidade-valor-integral {
color: var(--fsa-color-maastricht-blue);
font-size: 1.4rem;
text-decoration: line-through;
}
.fsa-card-mensalidade-valor-desconto-container {
color: var(--fsa-color-earth-yellow);
font-weight: 700;
text-align: center;
}
.fsa-pos-graduacao .fsa-card-mensalidade a:not(.fsa-button) {
color: var(--fsa-color-maastricht-blue);
}
.fsa-card-mensalidade-parcelas-container {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.3rem;
font-weight: 700;
}
.fsa-card-mensalidade-parcelas {
display: flex;
flex-direction: column;
}
.fsa-card-mensalidade-parcelas-valor {
font-size: 6rem;
}
.fsa-card-mensalidade-switch {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.fsa-card-mensalidade-condicoes {
margin-bottom: 1.5rem;
text-align: center;
font-size: 14px;
line-height: 1;
} .fsa-pos-coordination {
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.fsa-pos-coordination-image {
margin-bottom: 20px;
}
.fsa-pos-coordination-image img {
width: 200px;
height: 200px;
box-sizing: content-box;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.fsa-pos-coordination-information {
margin-bottom: 20px;
}
.fsa-pos-coordination-information h3 {
font-size: 1.4rem;
}
.fsa-pos-coordination-information h4 {
font-size: 1.2rem;
} .fsa-single.fsa-pos-graduacao .fsa-testimonial {
background-color: var(--fsa-color-maastricht-blue);
border: none;
}
.fsa-single.fsa-pos-graduacao .fsa-testimonial-text {
color: var(--fsa-color-earth-yellow);
}
.fsa-single.fsa-pos-graduacao .fsa-testimonial-name,
.fsa-single.fsa-pos-graduacao .fsa-testimonial-job-title,
.fsa-single.fsa-pos-graduacao .fsa-testimonial-title {
color: var(--fsa-color-white);
}
.fsa-single.fsa-pos-graduacao .fsa-testimonial-icon {
color: var(--fsa-color-earth-yellow);
} .fsa-pos-graduacao .fsa-courses-section {
background: #0C273A;
background: linear-gradient(180deg, rgba(12, 39, 58, 1) 0%, rgba(0, 78, 104, 1) 100%);
}
.fsa-pos-course-container {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1rem;
}
.fsa-pos-course-item {
position: relative;
min-height: 260px;
background: linear-gradient(180deg, rgba(12, 39, 58, 1) 0%, rgba(0, 78, 104, 1) 100%);
border: 2px solid var(--fsa-color-earth-yellow);
overflow: hidden;
box-sizing: border-box;
transition: transform 0.3s ease;
}
.fsa-pos-course-item:hover {
transform: scale(1.02);
}
.fsa-pos-graduacao .fsa-pos-dark-section a.fsa-pos-course-link {
position: relative;
display: block;
width: 100%;
height: 100%;
color: var(--fsa-color-earth-yellow);
text-decoration: none;
}
.fsa-pos-graduacao .fsa-pos-dark-section a.fsa-pos-course-link:hover,
.fsa-pos-graduacao .fsa-pos-dark-section a.fsa-pos-course-link:focus {
color: var(--fsa-color-earth-yellow);
text-decoration: none;
}
.fsa-pos-course-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(244, 162, 89, 0);
transition: background 0.3s ease;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
}
.fsa-pos-course-item:hover .fsa-pos-course-overlay {
background: rgba(220, 168, 104, 0.100);
opacity: 1;
}
.fsa-pos-course-content {
width: 100%;
height: 100%;
padding: 25px;
position: relative;
z-index: 1;
}
.fsa-pos-course-modality {
margin-bottom: 10px;
font-size: 1.6rem;
font-weight: bold;
text-align: end;
text-transform: uppercase;
}
.fsa-pos-course-line {
margin: 10px 0;
width: 75%;
height: 2px;
position: absolute;
right: 0;
background: var(--fsa-color-earth-yellow);
line-height: 1.2;
}
.fsa-pos-course-title {
margin-top: 60px;
font-size: 1.2rem;
} .fsa-single.fsa-pos-graduacao .fsa-modal-interesse .modal-content {
background-color: var(--fsa-color-maastricht-blue);
}
.fsa-single.fsa-pos-graduacao .fsa-modal-interesse .modal-content a:not(.fsa-button) {
color: var(--fsa-color-earth-yellow);
}
.fsa-single.fsa-pos-graduacao .fsa-modal-interesse .modal-content a:hover:not(.fsa-button),
.fsa-single.fsa-pos-graduacao .fsa-modal-interesse .modal-content a:focus:not(.fsa-button) {
color: var(--fsa-color-earth-yellow);
}
@media (max-width: 1399.98px) {
.fsa-card-mensalidade-valor-intergal,
.fsa-card-mensalidade-valor-desconto-container,
.fsa-card-mensalidade-primeira-texto,
.fsa-card-mensalidade-primeira-valor,
.fsa-card-mensalidade-parcelas-container {
font-size: 1.2rem;
}
.discount-badge {
width: 150px;
right: -20%;
}
}
@media (max-width: 1199.98px) {
.discount-badge {
width: 130px;
right: -23%;
}
.fsa-card-mensalidade-valores {
text-align: center;
}
.fsa-pos-course-content {
padding: 20px;
}
.fsa-pos-course-title {
font-size: 1.1rem;
}
.fsa-pos-course-modality {
font-size: 1.3rem;
}
}
@media (max-width: 991.98px) {
.fsa-course-modalities-container {
gap: 0.5rem;
}
.fsa-course-modalities-item-icon svg {
height: 35px;
}
.fsa-course-modalities-item-label {
font-size: 1rem;
text-align: center;
}
.fsa-course-modalities-item-text {
font-size: 0.9rem;
text-align: center;
}
.fsa-course-modalities-item,
.fsa-course-modalities-item a {
flex-direction: column;
justify-content: center;
align-items: center;
}
.fsa-course-modalities-item-icon {
margin-right: 0;
margin-bottom: 5px;
}
.fsa-course-modalities-item-content {
align-items: center;
}
.fsa-pos-course-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.fsa-pos-graduacao .fsa-card-mensalidade {
padding: 1.5rem;
}
}
.fsa-card-mensalidade-porcentagem {
position: absolute;
width: 180px;
top: -80px;
right: -70px;
z-index: 99;
} @media (max-width: 1200px) {
.fsa-card-mensalidade-porcentagem {
top: -90px;
right: -90px;
width: 180px;
}
}
@media (max-width: 992px) {
.fsa-card-mensalidade-porcentagem {
top: -90px;
right: -85px;
width: 140px;
}
}
@media (max-width: 842px) {
.fsa-card-mensalidade-porcentagem {
right: -70px;
}
}
@media (max-width: 768px) {
.fsa-card-mensalidade {
margin-top: 40px;
}
.fsa-card-mensalidade-porcentagem {
top: -60px;
right: -50px;
width: 160px;
}
}
@media (max-width: 576px) {
.fsa-card-mensalidade-porcentagem {
top: -60px;
right: -30px;
width: 150px;
}
}
@media (max-width: 447px) {
.fsa-card-mensalidade-porcentagem {
top: -60px;
right: -40px;
width: 150px;
}
}
@media (max-width: 430px) {
.fsa-card-mensalidade-porcentagem {
top: -60px;
right: -40px;
width: 120px;
}
}
.discount-badge {
width: 130px;
top: -45%;
right: initial;
}
.fsa-card-mensalidade-valores {
padding-top: 50px;
}
.fsa-modal-pos-graduacao-valores .modal-body {
padding: 0 1rem 1rem;
font-size: 0.8rem;
}
.fsa-modal-pos-graduacao-valores .modal-body p {
font-size: 0.8rem;
}
@media (max-width: 767.98px) {
.fsa-course-modalities-container {
grid-template-columns: repeat(2, minmax(0px, 1fr));
gap: 0;
}
.fsa-course-modalities-item:not(:first-child),
.fsa-course-modalities-item:nth-child(2n+1) {
border-left: none;
border-top: 1px solid #002d440F;
}
.fsa-course-modalities-item:nth-child(even) {
border-left: 1px solid #002d440F;
}
.promo-card {
margin-bottom: 2rem;
}
.fsa-pos-course-subjects-section .row {
flex-direction: column-reverse
}
.fsa-pos-graduacao .fsa-card-mensalidade {
padding: 1rem;
}
.fsa-card-mensalidade-valor-integral,
.fsa-card-mensalidade-valor-desconto-container,
.fsa-card-mensalidade-primeira-texto,
.fsa-card-mensalidade-primeira-valor,
.fsa-card-mensalidade-parcelas-container {
font-size: 1rem;
}
.fsa-card-mensalidade-desconto {
font-size: 1.4rem;
}
.fsa-pos-coordination {
margin-bottom: 30px;
}
.fsa-pos-course-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 575.98px) {
#img-semana-do-consumidor{
height: 44vw;
background-image: url(https://www2.fsa.br/wp-content/themes/fsaportal/assets/images/banner-pos-mobile-semana-consumidor.webp);
}
.fsa-pos-course-item {
min-height: 180px;
}
.fsa-pos-course-content {
padding: 10px;
}
.fsa-pos-course-modality {
margin-bottom: 5px;
font-size: 0.8rem;
}
.fsa-pos-course-title {
margin-top: 50px;
font-size: 0.7rem;
line-height: 1.5;
}
}
.fsa-card-mensalidade p{
color: var(--fsa-color-maastricht-blue)!important;
text-align: center;
line-height: 1.15em
}
.fsa-card-mensalidade h3{
color: var(--fsa-color-maastricht-blue)!important;
text-transform: uppercase;
padding-top: 50px;
}
.container-switch-docente .switch {
position: relative;
height: 32px;
width: 300px;
margin: 20px auto;
background: #F2F2F2;
background: #D7D7D7;
border-radius: 32px;
}
.container-switch-docente .switch-label {
font-weight: bold;
position: relative;
z-index: 2;
float: left;
width: 100px;
line-height: 32px;
font-size: 12px;
color: #676a6c;
text-align: center;
cursor: pointer;
}
.container-switch-docente .switch-input {
display: none;
}
.container-switch-docente .switch-input:checked + .switch-label {
color: #FFF;
transition: 0.15s ease-out;
transition-property: color, text-shadow;
}
.container-switch-docente .switch-input:checked + .switch-label-y ~ .switch-selector {
transform: translateX(0%);
background-color: #63a1d7;
}
.container-switch-docente .switch-input:checked + .switch-label-i ~ .switch-selector {
transform: translateX(100%);
background-color: #0c273a;
}
.container-switch-docente .switch-input:checked + .switch-label-n ~ .switch-selector {
transform: translateX(200%);
background-color: #dca768;
}
.container-switch-docente .switch-selector {
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
display: block;
width: 100px;
height: 32px;
border-radius: 32px;
background-color: #1ab394;
transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}