/* 1. Painel
--------------*/
#painel .carousel img {height: calc(100vh - 151px); object-fit: cover;}
#painel .carousel .carousel-caption {top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, .5); padding: 1rem;}
#painel .carousel .carousel-caption h1 {font-size: 30px; font-weight: 900; text-align: center; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 1.75rem 0;}
#painel .carousel .carousel-caption h2 {font-weight: 300; text-transform: uppercase; letter-spacing: 3px;}
#painel .carousel .carousel-indicators {margin-bottom: 0;}
#painel .carousel .carousel-indicators li {width: auto; height: auto; font-size: 36px; text-indent: unset; background: transparent; border: 0; color: #FFF;}
#painel .carousel .carousel-indicators li i {line-height: 1;}
#painel .carousel .carousel-indicators li.active .bi-key {display: none;}
#painel .carousel .carousel-indicators li:not(.active) .bi-key-fill {display: none;}

/* 2. Sobre
-------------*/
#sobre h2 {font-size: 18px; font-weight: 300; letter-spacing: 2px; color: #767676; margin-bottom: 0.15rem;}
#sobre p {text-align: justify;}
#sobre img {height: 325px; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .30); object-fit: cover;}

/* 3. Serviços
----------------*/
#servicos {background: #F5F5F5; box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .15);}
#servicos .box {background: #FFF; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); padding: 1rem;}
#servicos .box h2 {font-weight: 900; text-transform: uppercase; line-height: 1.5; margin-bottom: 0;}
#servicos .box img {height: 80px;}

/* 4. Produtos
----------------*/
#produtos .produto .image {text-align: center; margin-bottom: 0.75rem;}
#produtos .produto .image img {width: 150px; height: 150px; background: #FFF; border-radius: 100%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); object-fit: contain; padding: 0.5rem;}
#produtos .produto .text h2 {font-size: 18px; font-weight: 900; text-align: center; text-transform: uppercase; line-height: 1.5; margin-bottom: 0;}

/* 5. Call to Action
----------------------*/
#call-to-action {background: url(../images/jpg/background/call-to-action.jpg); background-attachment: fixed; background-size: cover; color: #FFF; text-align: center; padding: 90px 0; position: relative; z-index: 0;}
#call-to-action::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .65); z-index: -1;}
#call-to-action h2 {letter-spacing: 2px;}
#call-to-action .titulo {color: inherit; margin-bottom: 1.75rem;}

/* 6. Portfólio
-----------------*/
#portfolio p {margin-bottom: 1.75rem;}
#portfolio .box {height: 215px; border-radius: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3); overflow: hidden;}
#portfolio .box img {height: 100%; object-fit: cover;}
#portfolio .slick-slider .slick-slide {margin: 5px 15px;}

/* 7. Contato
---------------*/
#contato {background: #F5F5F5; box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .15);}
#contato h2 {font-size: 18px; font-weight: 300; text-align: center;}
#contato .iframe {height: 300px;}
#contato .iframe iframe {width: 100% !important; height: 100% !important;}