/*
 *  SA Formação — main.css
 *  Base: PixFort MegaPack
 *  Purificado e formatado
 */

/* ============================================================
   IMPORTS DE FONTES
   ============================================================ */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);


/* ============================================================
   BASE
   ============================================================ */
html {
    height: 100vh;
    min-height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    -webkit-text-size-adjust: 100%;
    background: linear-gradient(to left, #1d4d60, #3fbcd5) fixed !important;
}

body, html {
    overflow-x: hidden;
}


/* ============================================================
   TIPOGRAFIA
   ============================================================ */
.secondary-font { font-family: Montserrat, sans-serif; }

a:focus, a:hover { text-decoration: none; }

h1 { font-size: 48px; line-height: 77px; }
h2 { font-size: 36px; line-height: 58px; }
h3 { font-size: 28px; line-height: 45px; }
h4 { font-size: 24px; line-height: 38px; }
h5 { font-size: 20px; line-height: 32px; }
h6 { font-size: 16px; line-height: 26px; }
p  { font-size: 14px; line-height: 22px; }

.pix-inline-block  { display: inline-block; }
.big-text-60       { font-size: 60px; line-height: 86px; }
.big-text-24       { font-size: 24px; line-height: 38px; }
.big-text-20       { font-size: 20px; line-height: 32px; }
.big-text          { font-size: 16px; line-height: 26px; }
.small-text        { font-size: 14px; }
.extra-small-text  { font-size: 12px; }

.pix-sm-lineheight   { line-height: 58px; }
.pix-lineheight-24   { line-height: 24px; }
.pix-lineheight-32   { line-height: 32px; }
.pix-lineheight-36   { line-height: 36px !important; }

.pix-bold      { font-weight: 700; }
.pix-icon-big  { font-size: 40px; }
.big-line-height { line-height: 50px; }


/* ============================================================
   ÍCONES
   ============================================================ */
.small-icon-25  { font-size: 25px; line-height: 25px; }
.small-icon-30  { font-size: 32px; line-height: 32px; }
.small-icon-36  { font-size: 36px; line-height: 36px; }
.small-icon-40  { font-size: 40px; line-height: 40px; }
.big-icon-50    { font-size: 50px; line-height: 50px; }
.big-icon-55    { font-size: 55px; }
.big-icon-65    { font-size: 65px; line-height: 65px; }
.big-icon-60    { font-size: 60px; line-height: 60px; }
.big-icon       { font-size: 70px; }
.big-icon-80    { font-size: 80px; line-height: 80px; }
.big-icon-90    { font-size: 90px; line-height: 90px; }
.big-icon-100   { font-size: 100px; line-height: 100px; }
.big-icon-120   { font-size: 120px; line-height: 120px; }
.big-icon-140   { font-size: 140px; line-height: 140px; }

.big-icon-link i { font-size: 64px; margin: 10px 30px; line-height: 64px; display: inline-block; }
.big-icon-link:focus,
.big-icon-link:hover { text-decoration: none; opacity: .7; }


/* ============================================================
   LARGURAS MÁXIMAS DE TEXTO
   ============================================================ */
.pix-max-width-120    { max-width: 120px; }
.pix-max-width-220    { max-width: 120px; }
.pix-xs-width-text    { max-width: 520px; display: inline-block; }
.pix-small2-width-text { max-width: 580px; display: inline-block; }
.pix-small-width-text { max-width: 700px; display: inline-block; }
.pix-md-width-text    { max-width: 750px; display: inline-block; }


/* ============================================================
   LOGO — DESKTOP / MOBILE
   ============================================================ */
#logo-mobile  { display: none; }


/* ============================================================
   SECÇÃO VANTAGENS — CARDS MESMA ALTURA
   ============================================================ */
#section-vantagens .row          { display: flex; align-items: stretch; }
#section-vantagens .col-xs-12    { display: flex; }
#section-vantagens .col-xs-12 > div { flex: 1; }


/* ============================================================
   CARROSEL CURSOS — CARDS MESMA ALTURA + SETAS VISÍVEIS
   ============================================================ */
.slick-cursos {
    position: relative;
    margin: 0 40px;
}

/* CORRIGIDO: height fixa substituída por min-height para o texto não ser cortado */
.slick-cursos .slick-slide > div > div {
    min-height: 260px;
    height: auto;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
}

.slick-cursos .slick-prev {
    left: -40px;
    z-index: 10;
}

.slick-cursos .slick-next {
    right: -40px;
    z-index: 10;
}

.slick-cursos .slick-slide h5 {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 10px 0 !important;
}

/* ============================================================
   CORES DE FUNDO
   ============================================================ */
.light-black-bg { background: #222; }
.gray-bg        { background: #f4f4f4; }
.gray-2-bg      { background: #eee; }
.gray-3-bg      { background: #ddd; }
.gray-4-bg      { background: #aaa; }
.gray-5-bg      { background: #888; }
.gray-6-bg      { background: #666; }
.white-bg       { background: #fff; }
.orange-bg      { background: #f79700; }
.blue-bg        { background: #59a3fc; }
.red-bg         { background: #ea4335; }
.yellow-bg      { background: #fdbd10; }
.light-blue-bg  { background: #f2f6fa; }
.pix-t-gray-bg  { background: rgba(0,0,0,.08); }


/* ============================================================
   CORES DE TEXTO
   ============================================================ */
.pix-black            { color: #000; }
.pix-light-black      { color: #333; }
.pix-black-gray       { color: #666; }
.pix-black-gray-light { color: #888; }
.pix-white            { color: #fff; }
.pix-light-white      { color: #ddd; }
.pix-gray             { color: #999; }
.pix-light-gray       { color: #aaa; }
.pix-orange           { color: #f7941d; }
.pix-orange-2         { color: #ffdfb8; }
.pix-blue             { color: #59a3fc; }
.pix-blue-light       { color: #f2f6fa; }
.pix-blue-light-2     { color: #889db2; }
.pix-red              { color: #ea4335; }
.pix-yellow           { color: #fdbd10; }
.pix-yellow-2         { color: #b3870d; }


/* ============================================================
   TRANSPARÊNCIAS DE FUNDO
   ============================================================ */
.pix-black-transparent-15 { background: rgba(0,0,0,.15); }
.pix-black-transparent-20 { background: rgba(0,0,0,.2); }
.pix-black-transparent-30 { background: rgba(0,0,0,.3); }
.pix-black-transparent-40 { background: rgba(0,0,0,.4); }
.pix-black-transparent-50 { background: rgba(0,0,0,.5); }


/* ============================================================
   BORDAS
   ============================================================ */
.pix-border-gray { border-color: #bbb; }

.pix_blue_border   { border-top: thick solid #1274e7; border-width: 3px; }
.pix_red_border    { border-top: thick solid #f44336; border-width: 3px; }
.pix_gray_border   { border-top: thick solid #777;    border-width: 3px; }
.pix_orange_border { border-top: thick solid #ff9800; border-width: 3px; }
.pix_yellow_border { border-top: thick solid #ffeb3b; border-width: 3px; }

.pix-border-box          { border: 2px solid #eee; border-radius: 10px; }
.pix-border-box-3        { border: 2px solid #eee; border-radius: 3px; }
.pix-border-box-3-light-blue { border: 2px solid #f2f6fa; border-radius: 3px; }
.pix-border-box-d        { border: 3px solid #ddd; border-radius: 3px; }
.pix-border-box-10       { border: 2px solid #eee; border-radius: 10px; }

.pix-radius-3  { border-radius: 3px;  overflow: hidden; }
.pix-radius-5  { border-radius: 5px;  overflow: hidden; }
.pix-radius-10 { border-radius: 10px; overflow: hidden; }
.pix-radius-15 { border-radius: 15px; overflow: hidden; }


/* ============================================================
   BOTÕES
   ============================================================ */
.btn        { border-radius: 3px; padding: 8px 18px; border: 0; }
.btn.btn-lg { padding: 14px 30px; }
.btn.btn-md { padding: 12px 26px; }
.btn.btn-sm { padding: 6px 14px; }
.btn.btn-xs { padding: 2px 10px; }

.btn:not(.pix-line):not(.btn-flat):not(.btn-link):hover {
    box-shadow: 0 0 3rem 3rem rgba(0,0,0,.08) inset;
}
.btn.pix-white:hover { color: #fff; }
.btn.pix-line        { border: 3px solid; }

.btn-round-lg,
form.form-round-lg .form-control { border-radius: 30px; }

.btn.btn-link:focus,
.btn.btn-link:hover { text-decoration: none; background: rgba(0,0,0,.02); }

.pix-margin-links .btn.btn-link { margin-bottom: 10px; }

/* Botões linha coloridos */
.pix-white-line, .pix-white-line:focus, .pix-white-line:hover { border-color: #fff;    color: #fff; }
.pix-orange-line, .pix-orange-line:hover                      { border-color: #f7941d; color: #f7941d; }
.pix-yellow-line, .pix-yellow-line:hover                      { border-color: #fdbd10; color: #fdbd10; }


/* ============================================================
   LINKS / SOCIAL
   ============================================================ */
.pix-link-icon               { position: relative; display: inline-block; }
.small-social i              { font-size: 26px; line-height: 26px; margin: 0 5px; }
.pix-link-icon:focus,
.pix-link-icon:hover,
.small-social:focus,
.small-social:hover          { text-decoration: none; opacity: .7; }


/* ============================================================
   ANIMAÇÃO SETA (arrow bounce)
   ============================================================ */
@-webkit-keyframes new_icon {
    0%   { top: 0; }
    100% { top: 15px; }
}
@-moz-keyframes new_icon {
    0%   { top: 0; }
    100% { top: 15px; }
}


/* ============================================================
   PADDING
   ============================================================ */
.pix-padding         { padding: 60px 0; }
.pix-padding-20      { padding: 20px; }
.pix-padding-v-5     { padding-top: 5px;   padding-bottom: 5px; }
.pix-padding-v-9     { padding-top: 9px;   padding-bottom: 9px; }
.pix-padding-v-10    { padding-top: 10px;  padding-bottom: 10px; }
.pix-padding-v-20    { padding-top: 20px;  padding-bottom: 20px; }
.pix-padding-v-30    { padding-top: 30px;  padding-bottom: 30px; }
.pix-padding-v-35    { padding-top: 35px;  padding-bottom: 35px; }
.pix-padding-v-40    { padding-top: 40px;  padding-bottom: 40px; }
.pix-padding-v-50    { padding-top: 50px;  padding-bottom: 50px; }
.pix-padding-v-65    { padding-top: 65px;  padding-bottom: 65px; }
.pix-padding-v-75    { padding-top: 75px;  padding-bottom: 75px; }
.pix-padding-v-85    { padding-top: 85px;  padding-bottom: 85px; }
.pix-padding-v-100   { padding-top: 100px; padding-bottom: 100px; }
.pix-padding-v-120   { padding-top: 120px; padding-bottom: 120px; }
.pix-padding-v-130   { padding-top: 130px; padding-bottom: 130px; }
.pix-padding-v-150   { padding-top: 150px; padding-bottom: 150px; }
.pix-padding-v-200   { padding-top: 200px; padding-bottom: 200px; }
.pix-padding-h-5     { padding-left: 5px;   padding-right: 5px; }
.pix-padding-h-10    { padding-left: 10px;  padding-right: 10px; }
.pix-padding-h-20    { padding-left: 20px;  padding-right: 20px; }
.pix-padding-h-30    { padding-left: 30px;  padding-right: 30px; }
.pix-padding-h-90    { padding-left: 90px;  padding-right: 90px; }
.pix-padding-top-10  { padding-top: 10px; }
.pix-padding-top-15  { padding-top: 15px; }
.pix-padding-top-20  { padding-top: 20px; }
.pix-padding-top-30  { padding-top: 30px; }
.pix-padding-top-40  { padding-top: 40px; }
.pix-padding-top-50  { padding-top: 50px; }
.pix-padding-top-60  { padding-top: 60px; }
.pix-padding-top-80  { padding-top: 80px; }
.pix-padding-top-100 { padding-top: 100px; }
.pix-padding-top-120 { padding-top: 120px; }
.pix-padding-top-150 { padding-top: 150px; }
.pix-padding-bottom-10 { padding-bottom: 10px; }
.pix-padding-bottom-15 { padding-bottom: 15px; }
.pix-padding-bottom-20 { padding-bottom: 20px; }
.pix-padding-bottom-25 { padding-bottom: 25px; }
.pix-padding-bottom-30 { padding-bottom: 30px; }
.pix-padding-bottom-40 { padding-bottom: 40px; }
.pix-padding-bottom-60 { padding-bottom: 60px; }
.pix-padding-bottom-80 { padding-bottom: 80px; }
.pix-padding-right-20  { padding-right: 20px; }
.pix-padding-left-10   { padding-left: 10px; }
.pix-padding-left-5    { padding-left: 5px; }
.pix-no-h-padding      { padding-left: 0; padding-right: 0; }
.pix-no-padding        { padding: 0; }


/* ============================================================
   MARGIN
   ============================================================ */
.pix-margin-v-10  { margin: 10px 0; }
.pix-margin-v-20  { margin: 20px 0; }
.pix-margin-v-30  { margin: 30px 0; }
.pix-margin-v-40  { margin-top: 40px; margin-bottom: 40px; }
.pix-margin-v-50  { margin: 50px 0; }
.pix-margin-v-80  { margin: 80px 0; }
.pix-margin-v-90  { margin: 90px 0; }
.pix-margin-v-100 { margin: 100px 0; }
.pix-margin-h-10  { margin-left: 10px; margin-right: 10px; }
.pix-margin-h-20  { margin-left: 20px; margin-right: 20px; }
.pix-margin-h-40  { margin-left: 40px; margin-right: 40px; }
.pix-margin-top-5   { margin-top: 5px; }
.pix-margin-top-10  { margin-top: 10px; }
.pix-margin-top-20  { margin-top: 20px; }
.pix-margin-top-30  { margin-top: 30px; }
.pix-margin-top-40  { margin-top: 40px; }
.pix-margin-top-50  { margin-top: 50px; }
.pix-margin-top-60  { margin-top: 60px; }
.pix-margin-top-80  { margin-top: 80px; }
.pix-margin-top-100 { margin-top: 100px; }
.pix-margin-bottom-10 { margin-bottom: 10px; }
.pix-margin-bottom-15 { margin-bottom: 15px; }
.pix-margin-bottom-20 { margin-bottom: 20px; }
.pix-margin-bottom-22 { margin-bottom: 22px; }
.pix-margin-bottom-30 { margin-bottom: 30px; }
.pix-margin-bottom-50 { margin-bottom: 50px; }
.pix-margin-right-5   { margin-right: 5px; }
.pix-margin-right-10  { margin-right: 10px; }
.pix-margin-right-20  { margin-right: 20px; }
.pix-no-margin        { margin: 0; }
.pix-no-margin-top    { margin-top: 0; }
.pix-no-margin-bottom { margin-bottom: 0; }
.pix-no-h-margin      { margin-left: 0; margin-right: 0; }
.pix-margin-fix-top   { position: relative; top: -3px; }


/* ============================================================
   SOMBRAS / MISC
   ============================================================ */
.pix-shadow-20 { box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); }
.pix-round-3   { border-radius: 50%; width: 50px; position: absolute; display: block; }
.pix-relative  { position: relative; }

.pix-media-img-220 img { max-width: 220px; position: relative; }

.pix-icon-area     { min-width: 90px; }
.pix-icon-area-64  { max-width: 64px;  height: auto; }
.pix-icon-area-100 { max-width: 100px; height: auto; }
.pix-icon-area-128 { max-width: 128px; height: auto; }

.inner_section     { width: 100%; }
.inner_section *   { max-width: 100%; }
.inner_section .container { padding: 0; }

.pix_section .pix_section .row { margin: 0; }


/* ============================================================
   FORMULÁRIOS
   ============================================================ */
.pix-form-style input {
    background: #eee;
    border: 0;
    border-radius: 3px;
    outline: 0;
    box-shadow: none;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    padding: 14px 15px;
    height: 100%;
}
.pix-form-style .checkbox          { margin-bottom: 20px; }
.pix-form-style input:focus,
.pix-form-style select:focus       { outline: 0; box-shadow: none; }
.pix-form-style button[type=submit] { margin-bottom: 20px; }
.pix-form-style select {
    background: #eee;
    border: 0;
    border-radius: 3px;
    outline: 0;
    box-shadow: none;
    margin-bottom: 20px;
    font-size: 14px;
}
.pix-form-style input[type=date]:before        { content: attr(placeholder) !important; color: #aaa; margin-right: .5em; }
.pix-form-style input[type=date]:focus:before,
.pix-form-style input[type=date]:valid:before  { content: ""; }
.pix-form-style input[type=date]               { width: 100% !important; }

@media screen and (max-width: 768px) {
    .pix-form-style input[type=checkbox] {
        position: relative;
        right: 4px;
        bottom: -6px;
        width: 20px;
        height: 20px;
    }
}

form.pix-form-white-bg .form-control      { background: #fff; }
form.pix-form-light-white-bg-2 .form-control { background: #eee; }
form.pix-form-light-white-bg .form-control   { background: #ddd; }
form.pix-form-gray-bg .form-control          { background: #f4f4f4; }
form.pix-form-light-blue-bg .form-control    { background: #f2f6fa; }


/* ============================================================
   MEDIA BOX
   ============================================================ */
.media-box-area         { display: table-cell; }
.media-box-area .pix-inner { padding-left: 5px; padding-right: 5px; }

.col-md-1 .media-box-area,
.col-md-2 .media-box-area,
.col-md-3 .media-box-area,
.col-md-4 .media-box-area {
    width: 100%;
    display: table-row;
    text-align: center;
}
.col-md-1 .media-box-area .pix-inner,
.col-md-2 .media-box-area .pix-inner,
.col-md-3 .media-box-area .pix-inner,
.col-md-4 .media-box-area .pix-inner { padding-top: 10px; padding-bottom: 10px; }

@media (max-width: 768px) {
    .media-box-area        { width: 100%; display: table-row; text-align: center; }
    .media-box-area .pix-inner { padding-top: 10px; padding-bottom: 10px; }
    .media-sm-center       { display: table; width: 100%; }
    .pix-sm-text-center    { text-align: center; }
}


/* ============================================================
   BACKGROUNDS TEMÁTICOS
   ============================================================ */
.pix-real-1 {
    background-image: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url(../images/real_estate/intro-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
}
.pix-marketing-1 {
    background-image: linear-gradient(rgba(234,67,53,.4), rgba(234,67,53,.4)), url(../images/agency/bg-intro-agency.jpg);
    background-size: cover;
    background-position: center;
}
.pix-restaurant-1 {
    background-image: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url(../images/restaurant/intro-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}
.pix-restaurant-2 {
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(../images/restaurant/intro-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}
.pix-event-1 {
    background-image: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url(../images/event/intro-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}


/* ============================================================
   POPUPS
   ============================================================ */
.pix-popup-15           { background: transparent !important; box-shadow: none !important; }
.pix-popup-15 .close    { color: #efefef; }
.pix-popup-16 {
    background-image: linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15)), url(../images/popups/popup-16.jpg);
    background-size: cover; background-attachment: scroll; background-position: center;
}
.pix-popup-17 {
    background-image: linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15)), url(../images/popups/popup-17.jpg);
    background-size: cover; background-attachment: scroll; background-position: center;
}
.pix-popup-18 {
    background-image: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url(../images/popups/popup-18.jpg);
    background-size: cover; background-attachment: scroll; background-position: center;
}

.fancybox-container { z-index: 99999 !important; }


/* ============================================================
   MODAIS
   ============================================================ */
.modal {
    background: rgba(0,0,0,0);
    -moz-transition:    all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition:      all .2s ease-in-out;
    -ms-transition:     all .2s ease-in-out;
    transition:         all .2s ease-in-out;
}
.modal-content {
    border: none;
    border-radius: 2px;
    box-shadow: 0 16px 28px 0 rgba(0,0,0,.05), 0 30px 75px 0 rgba(0,0,0,.1);
}
.modal-header {
    border-bottom: 0;
    padding: 0 26px;
}
.modal-body {
    border-bottom: 0;
    padding: 0 26px 10px;
    font-size: 15px;
}
.modal-header .close {
    margin-top: 5px;
    margin-right: -15px;
    font-size: 30px;
}
.modal-open { overflow-y: auto !important; }
.modal-body .container { position: relative; max-width: 100%; }

@media (min-width: 768px) {
    .modal-sm-2 { width: 400px; }
}


/* ============================================================
   MOBILE — MISC
   ============================================================ */
@media screen and (max-width: 768px) {
    .mobile-text-center { text-align: center !important; }
    .mobile-text-left   { text-align: left !important; }
    img.pix-logo-img    { max-height: 28px !important; width: auto; }
}

@media screen and (min-width: 768px) {
    .pix-lg-inline-block { display: inline-block; }
}

@media (max-width: 767px) {
    /* Remover espaço entre colunas no hero */
    #hero .col-xs-12.col-sm-6.column { padding: 0 !important; }
}


/* ============================================================
   CURSOS — CONTAINERS DE CONTEÚDO
   ============================================================ */
#container-curso1 .pix-content,
#container-curso2 .pix-content,
#container-curso3 .pix-content,
#container-curso4 .pix-content,
#container-curso5 .pix-content,
#container-curso6 .pix-content { background-size: contain; }



/* ============================================================
   MOBILE — NOVA LP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {

    /* HERO — coluna da imagem: visível completa, sem corte */
    #hero .col-xs-12.col-sm-6:last-child {
        display: block !important;
        min-height: 320px !important;
        max-height: none !important;
        background-size: contain !important;
        background-position: center bottom !important;
        background-repeat: no-repeat !important;
    }

    /* Cursos — padding lateral */
    #container-curso1, #container-curso2,
    #container-curso3, #container-curso4,
    #container-curso5, #container-curso6 {
        padding-left: 25px;
        padding-right: 25px;
    }
    #container-curso1 .pix-content,
    #container-curso2 .pix-content,
    #container-curso3 .pix-content,
    #container-curso4 .pix-content,
    #container-curso5 .pix-content,
    #container-curso6 .pix-content { background-size: cover; }

    #vantagens-img { width: 100%; margin-bottom: 30px; }

    /* Esconder onda SVG */
    #hero svg { display: none !important; }

    /* Logo: mostrar mobile, esconder desktop */
    #logo-mobile { display: block !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }

    /* Hero sem margem top */
    #hero { margin-top: 0 !important; }

    /* HERO: imagem em cima, formulário em baixo */
    #hero > .container-fluid > .row { flex-direction: column-reverse !important; }

    /* Coluna do formulário */
    #hero .col-xs-12.col-sm-6:first-child { padding: 0 15px !important; }
    #hero .col-xs-12.col-sm-6:first-child > div {
        max-width: 100% !important;
        padding: 0 15px !important;
    }

    /* Título do hero */
    #hero h2 { font-size: 20px !important; line-height: 28px !important; }

    /* Secção vantagens */
    #section-vantagens .container-fluid { padding: 0 15px !important; }
    #section-vantagens .row > div       { width: 100% !important; float: none !important; }
    #section-vantagens                  { padding: 40px 0 !important; }
    #section-vantagens h2               { font-size: 22px !important; line-height: 30px !important; }

    /* Carrosel cursos — CORRIGIDO: altura fixa e largura +10% no mobile */
    .slick-cursos                   { padding: 0 10px !important; }
    .slick-cursos .container-fluid  { padding: 0 15px !important; }
    .slick-cursos .slick-slide > div > div {
        height: 300px !important;
        min-height: 300px !important;
        width: 110% !important;
        margin-left: -5% !important;
        overflow: hidden;
        padding-bottom: 20px;
    }

    /* Secção DGERT */
    #section_7 .media       { display: block !important; text-align: center; }
    #section_7 .media-right { display: block !important; margin-top: 20px; text-align: center !important; }
    #section_7              { padding-top: 40px !important; padding-bottom: 40px !important; }
    #section_7 .pix-content { padding-bottom: 0 !important; }

    /* Títulos de secções */
    h2.secondary-font { font-size: 22px !important; line-height: 30px !important; }

    /* Rodapé */
    #section_titles_4 .row          { display: block !important; }
    #section_titles_4 [class*=col-] { width: 100% !important; float: none !important; display: block !important; text-align: center !important; }
    #section_titles_4 .pix-content  { text-align: center !important; }
}


/* ============================================================
   IE FIX
   ============================================================ */
::-ms-backdrop {
    position: relative;
    display: inline-block;
    height: 100%;
    width: auto;
    max-width: inherit;
    left: 0;
    top: 0;
    -webkit-transform: translateY(0) translateX(0);
}


/* ============================================================
   MODAL BACKDROP
   ============================================================ */
.modal-backdrop                      { position: fixed; }
body:not(.modal-open) .modal-backdrop { display: none; }