/* ESTILOS GLOBAIS -------------------------------------------------- */ /* Padding abaixo do footer e texto mais suave no */ html { position: relative; min-height: 100%; scroll-behavior: smooth; } body { padding-bottom: 3rem; color: #5a5a5a; box-sizing: border-box; margin-bottom: 60px; /* Margin bottom by footer height */ } .pfooter { font-size: 1rem; } .topo { background-color: #f7931e; } .img-fluid { width: 100%; height: auto; max-width: 100%; } .card { margin: 20px auto; } .card-text { font-size: 1rem !important; line-height: 10px !important; } .card-img-top { width: 100%; height: auto; max-width: 100%; } .navbar-nav { font-weight: bold; } /* CUSTOMIZA O CAROUSEL -------------------------------------------------- */ /* Classe base do carousel */ .carousel { margin-bottom: 0rem; } /* Já que usamos posicionamento de imagens, precisaremos fazer alguns ajustes na legenda */ .carousel-caption { bottom: 10rem; z-index: 10; } /* Declaramos alturas, devido ao posicionamento do elemento img */ .carousel-item { height: 32rem; background-color: #777; } .carousel-item>img { position: absolute; top: 0; left: 0; min-width: 100%; height: 32rem; filter: brightness(40%) } .bg-dark { background: black; } /* CONTEÚDO DO MARKETING -------------------------------------------------- */ /* Alinha, centralmente, o texto dentro das três colunas abaixo do carousel */ .marketing { margin: 3% auto 0 auto; } .marketing .col-lg-4 { margin-bottom: 1.5rem; text-align: center; } .marketing h2 { font-weight: bolder; font-size: xx-large; } .marketing .col-lg-4 p { margin-right: .75rem; margin-left: .75rem; } /* CONTEÚDO DA ENQUETE -------------------------------------------------- */ /* Alinha, centralmente, o texto dentro das três colunas abaixo do carousel */ .enquete { margin: 3% auto 150px auto; } .enquete .col-md-4 { margin-bottom: 0 !important; text-align: center; } .enquete h2 { font-weight: bolder; font-size: xx-large; } .enquete .col-md-4 p { margin-right: .75rem; margin-left: .75rem; } /* CONTEÚDO DA ENQUETE -------------------------------------------------- */ /* Alinha, centralmente, o texto dentro das três colunas abaixo do carousel */ .subpag { margin: 3% auto 150px auto; } .subpag .col-md-4 { margin-bottom: 0 !important; text-align: center; } .subpag h2 { font-weight: bolder; font-size: xx-large; } .subpag .col-md-4 p { margin-right: .75rem; margin-left: .75rem; } /* Featrurezinhas ------------------------- */ .featurette-divider { margin: 3rem 0; /* Espaça o elemento

mais */ } /* Afina os cabeçalhos de marketing */ .featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -.05rem; } /* CSS RESPONSIVE -------------------------------------------------- */ /* CSS media query dentro de um stylesheet */ @media (max-width: 600px) { .carousel-caption { bottom: 6rem; text-align: center; } .carousel-caption p { font-size: 1.25rem; line-height: 1.4; } } @media (min-width: 40em) { /* Aumenta o tamanho do conteúdo do carousel */ .carousel-caption p { margin-bottom: 0.5rem; font-size: 1.25rem; line-height: 1.4; } .featurette-heading { font-size: 50px; } } @media (min-width: 62em) { .featurette-heading { margin-top: 7rem; } } .footer { position: absolute; bottom: 0; width: 100%; /*height: 60px; Set the fixed height of the footer here */ /*line-height: 60px; Vertically center the text there */ background-color: #f5f5f5; } /*link footer*/ a.nav-link-footer:link, a.nav-link-footer:visited { color: orange; transition: 0.3s; font-size: xx-large; } a.nav-link-footer:hover { color: rgb(209, 150, 40); text-decoration: none; } /*link footer*/ a.link-share:link, a.link-share:visited { color: orange; transition: 0.3s; font-size: small; } a.link-share:hover { color: rgb(209, 150, 40); text-decoration: none; } /*link footer*/ a.link-news:link, a.link-news:visited { color: #343a40; transition: 0.3s; font-size: small; } a.link-news:hover { color: #767c82; text-decoration: none; } .whats{ position: fixed; bottom: 1%; right: 1%; bottom: 15px; right:15px; } .par_large{ font-size: 1.2em; } div.video{ position: relative; padding-top: 56.25%; } div.video > iframe{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; }