/*********************************************************/
/*CSS MODE - MRPNET 2025
/*********************************************************/
/*CORES*/
:root {
  --cor_1: #cbb262;
  --cor_2: #762c40;
  --cor_3: #5c1f30;
}
/*********************************************************/
.botao {padding: 10px 30px; color: #fff; background-color: var(--cor_1); border-radius: 10px; font-weight: 500; text-transform: uppercase; cursor: pointer;}
.botao:hover {background-color: #000;}

span {color: var(--cor_1);}
p {font-size: 1em; line-height: 30px; font-weight: 400;}

.centrosite {width: 100%; background-image: url(../images/bgsite.jpg); display: table; background-position: top center; background-attachment: fixed;}
/*********************************************************/
/*HEADER DO SITE*/
header {width: 100%; position: relative; padding: 10px 0; z-index: 1000; height: 100%;}
header h1 {color: #fff; font-size: 2.6em; line-height: 50px; padding-bottom: 40px;}
header p {color: #fff; font-size: 1.1em;}
header .content {display: flex; align-items: center; justify-content: space-between;}
header .esquerda {padding-top: 15%;}
header .imagem {position: absolute; bottom: 0; right: 15%; width: 26%; height: 900px; background-position: bottom center;}
/*********************************************************/
.marquee {width: 100%; padding: 20px 0; background-color: var(--cor_1);}
/*********************************************************/
.tela-1 {width: 100%; display: table; padding: 160px 0 80px 0;}
.tela-1 h1 {color: var(--cor_1); font-size: 1.8em; padding-bottom: 40px;}
.tela-1 p {color: #fff; font-size: 0.9em;}
.tela-1 .esquerda {width: 45%; padding-top: 5%;}
.tela-1 .direita {width: 45%;}
/*********************************************************/
.tela-2 {width: 100%; display: table; padding: 60px 0 80px 0;}
.tela-2 h1 {color: #fff; text-align: center; font-size: 1.8em; margin-bottom: 40px;}
.tela-2 h2 {color: #fff; font-size: 1.2em; margin-bottom: 20px;}
.tela-2 p, li {color: #fff; font-size: 0.9em;}
.tela-2 li {line-height: 30px;}
.tela-2 i {color: var(--cor_1); padding-right: 5px;}
.tela-2 .imagem {width: 80%; margin: 0 10%; border-radius: 10px; height: 240px; background-position: center center;}
/*********************************************************/
.tela-3 {width: 100%; padding: 60px 0; background-color: #762c40;}
.tela-3 h1 {color: #fff; text-align: center; font-size: 1.8em; padding-bottom: 20px;}
.tela-3 h3 {color: var(--cor_1); font-size: 4em; text-align: right; margin-top: -80px;}
.tela-3 .centro {color: #fff; text-align: center; font-size: 0.9em;}
.tela-3 .mairoquadro {width: 100%; padding: 0 20px;}
.tela-3 .quadro {margin: 30px auto 10px auto; background-color: var(--cor_3); border-radius: 10px; padding: 30px 20px 20px 20px; width: 95%; min-height: 200px;}
.tela-3 .quadro p {font-size: 0.8em; line-height: 25px; color: #fff;}
/*********************************************************/
.tela-4 {width: 100%; display: table; padding: 180px 0; background-position: right;}
.tela-4 h1 {color: #fff; font-size: 1.6em; padding-bottom: 40px;}
.tela-4 p {color: #fff; font-size: 0.9em;}
/*********************************************************/
.tela-5 {width: 100%; display: table; padding: 80px 0; background-color: var(--cor_2);}
.tela-5 h1 {color: #fff; font-size: 1.8em; padding-bottom: 40px; text-align: center;}
/*********************************************************/
.tela-6 {width: 100%; display: table; position: relative; padding: 80px 0; background-color: #000;}
.tela-6 h1 {color: #fff; font-size: 1.8em; padding-bottom: 40px; text-align: center;}
.tela-6 p {color: #fff; font-size: 0.9em;}
.tela-6 .imagem {width: 35%;height: 850px; position: absolute; left: 15%; bottom: 0; background-position: bottom center;}
/*********************************************************/
.tela-7 {width: 100%; padding: 80px 0; background-color: var(--cor_2); text-align: center;}
.tela-7 h1 {color: #fff; font-size: 1.8em; padding-bottom: 10px;}
.tela-7 h2 {color: var(--cor_1); font-size: 1.2em;}
.tela-7 p {color: #fff; font-size: 0.9em;}
.tela-7 .quadro {width: 90%; margin: 10px auto;}
.tela-7 .imagem {width: 100%; border-radius: 10px; height: 220px; background-position: center center; margin-bottom: 10px;}
/*********************************************************/
.tela-8 {width: 100%; display: table; background-color: #590914;}
.tela-8 h1 {color: #fff; font-size: 1.8em; padding-bottom: 40px;}
.tela-8 p {color: #fff; font-size: 0.9em;}
.tela-8 .esquerda {width: 50%; min-height: 840px; background-position: center center; background-size: cover;}
.tela-8 .direita {width: 50%; padding: 80px;}
/*********************************************************/
.tela-9 {width: 100%; display: table; position: relative; background-image: url(../images/bgsite.jpg); min-height: 800px; background-position: top center; padding: 80px 0;}
.tela-9 h1 {color: #fff; font-size: 1.8em; padding-bottom: 40px; text-align: center;}
.tela-9 p {color: #fff; font-size: 0.9em;}
.tela-9 .imagem {width: 25%; position: absolute; left: 20%; height: 650px; bottom: 0; background-position: bottom center;}
.tela-9 .direita {padding-top: 10%;}
/*********************************************************/
footer {background-color: #000; width: 100%; display: table; text-align: center; padding: 15px 0;}
footer p {color: #fff; font-size: 0.8em; font-weight: 300;}
footer a {color: #fff;}
footer a:hover {color: var(--cor_1);}
/*********************************************************/

/*********************************************************/