@charset "utf-8";

/**********************************************************************************************
						HIDROJATEAMENTO
**********************************************************************************************/

/* HIDROJATEAMENTO */
.swe_capa .e_area_hidrojateamento { background: #d2d6db url("../img/bg-hidrojateamento.jpg") no-repeat center fixed; background-size: 1000px auto; padding: 6vh 10px; padding-bottom: 5vh; }
.swe_capa .e_area_hidrojateamento .e_cont_hidrojateamento { max-width: 1000px; padding: 0; }
.swe_capa .e_area_hidrojateamento .e_area_titulo_hidrojateamento { position: relative; padding: 20px; padding-bottom: 60px; border-top-left-radius: 6px; overflow: hidden; display: -webkit-flex; align-items: center; margin-bottom: -40px; }
.swe_capa .e_area_hidrojateamento .e_area_titulo_hidrojateamento:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 50%; z-index: 0; background: rgba(255,255,255,.5); border-radius: 6px; transform: skew(30deg); transform-origin: top right; }
.swe_capa .e_area_hidrojateamento .e_area_titulo_hidrojateamento > * { position: relative; z-index: 1; }
.swe_capa .e_area_hidrojateamento .e_area_titulo_hidrojateamento .e_icone_hidrojateamento { width: 100px; height: 100px; display: inline-block; vertical-align: middle; background: #fff; border-radius: 100%; padding: 20px; flex-shrink: 0; }
.swe_capa .e_area_hidrojateamento .e_area_titulo_hidrojateamento .e_icone_hidrojateamento img { width: 100%; }
.swe_capa .e_area_hidrojateamento .e_area_titulo_hidrojateamento .e_titulo_hidrojateamento { display: inline-block; vertical-align: middle; line-height: 1.25em; font-size: 30px; color: #1154b9; font-family: "Noir"; text-transform: uppercase; letter-spacing: -.05em; padding-left: 2.5%; }
.swe_capa .e_area_hidrojateamento .e_area_titulo_hidrojateamento .e_titulo_hidrojateamento strong { display: block; font-size: 1.25em; color: #17a2ea; }
/* IMAGENS */
.swe_capa .e_area_hidrojateamento .e_area_img_hidrojateamento { display: -webkit-flex; flex-wrap: wrap; gap: 5px; position: relative; z-index: 1; text-align: center; }
.swe_capa .e_area_hidrojateamento .e_area_img_hidrojateamento .e_cont_img { min-width: 150px; flex: auto; background: #082038; border-radius: 4px; overflow: hidden; position: relative; }
.swe_capa .e_area_hidrojateamento .e_area_img_hidrojateamento .e_cont_img div { padding-top: 75%; position: relative; z-index: 0; }
.swe_capa .e_area_hidrojateamento .e_area_img_hidrojateamento .e_cont_img .swfa { width: 60px; height: 60px; line-height: 60px; font-size: 16px; color: #fff; position: absolute; top: 50%; left: 50%; z-index: 1; margin-top: -30px; margin-left: -30px; background: rgba(8, 32, 56, .8); border-radius: 100%; transform: scale(.6); opacity: 0; transition: .25s ease; }
.swe_capa .e_area_hidrojateamento .e_area_img_hidrojateamento .e_cont_img img { position: absolute; top: 0; left: 0; z-index: 0; will-change: transform; transition: .6s ease; }
.swe_capa .e_area_hidrojateamento .e_area_img_hidrojateamento .e_cont_img:hover .swfa { transform: scale(1); opacity: 1; transition-delay: .1s; }
.swe_capa .e_area_hidrojateamento .e_area_img_hidrojateamento .e_cont_img:hover img { transform: scale(1.2); opacity: .4; transition-duration: .2s; }
/* TEXTO */
.swe_capa .e_area_hidrojateamento .e_area_txt_hidrojateamento { margin-top: 4vh; background: #fff; padding: 10px 20px; border-radius: 5px; font-size: 13px; color: #54595f; text-align: justify; line-height: 1.85; }
/* BOTÃO */
.swe_capa .e_area_hidrojateamento .e_area_btn_hidrojateamento { width: 190px; height: 65px; line-height: 65px; margin: auto; margin-top: 4vh; background: #2f7cc0; font-size: 14px; color: #fff; text-align: center; border-radius: 4px; transition: .2s ease; }
.swe_capa .e_area_hidrojateamento .e_area_btn_hidrojateamento:hover { background: #045ead; }

/* **************************** MEDIAS **************************** */

@media (max-width: 600px) {

	/* HIDROJATEAMENTO */
	.swe_capa .e_area_hidrojateamento .e_area_titulo_hidrojateamento { display: block; text-align: center; }
	.swe_capa .e_area_hidrojateamento .e_area_titulo_hidrojateamento .e_icone_hidrojateamento { width: 80px; height: 80px; padding: 10px; margin-bottom: 15px; }
	.swe_capa .e_area_hidrojateamento .e_area_titulo_hidrojateamento .e_titulo_hidrojateamento { font-size: 6vw; }	
}