/*
Theme Name: AGCRIA
Theme URI: http://agentecria.com/
Author: A Gente cria
*/
/* CSS Document */

/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
ul{list-style-type:none}
p, li, a, button, input, textarea, option, label, span{font-family: 'Open Sans', sans-serif;outline: none;}
h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', sans-serif;font-size:18px}
/* HTML5 display-role reset for older browsers */

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
} 
		
html{font-size:15px}
html.sr .load-hidden {  visibility: hidden;}

body{width: 100%;}
.grid-container{max-width:90.308rem}

.texto-branco{color: #fff;}
.texto-preto{color: #000;}
.texto-cinza{color: #656866;}

a{color:#FAB919;transition: all 0.2s;outline: none;}
a:hover{color: #ffffff;transition: all 0.2s;}
a:visited{color: #ffffff;}
a:visited:hover{color: #fff;}
a:focus{color:#ffffff}

noscript span{margin:5rem auto;padding:3rem;display:block;font-size: 1rem;text-align: center;font-weight:bold;color: #e10b0b;border:1px solid #e10b0b;background:rgba(255,11,11,0.5)}
noscript span a{font-size: 1rem;font-weight: 700;}	
noscript span a:hover{color:orange !important}	

hr{border-top:1px solid #b2afaf;border-bottom: 1px solid #fff}

/* ------------- header ------------- */


/* Header Large */


/* Header Small*/


:root { 		   
    --rebites-roscados:#0074ae;
	--rebitadeiras:#0074ae;
}
.bt-rebites-roscados a:hover{color:var(--rebites-roscados)}


/* ------------- conteudo  ------------- */
main{overflow:visible;margin: 0px;padding: 0px;}


		/* home */
		#boxDestaques{padding-bottom:6rem;width: 100%;text-align: center;background:url(imagens/bg_coj.jpg) no-repeat center bottom;padding-top: 4rem;background-size: cover;}
		#boxDestaques *{box-sizing:unset !important}
		#boxDestaques h1{font-size:2.8em;font-weight:700;color:#d47668;line-height: 100%;z-index: 5;text-align: left;padding: 25px;}
		#boxDestaques p {color:#72380f }
		#boxDestaques h2 {color: #505052;padding-top: 25px;padding-bottom: 45px;font-size: 1.5em;font-weight: 700;text-align: left;}
		#boxDestaques img {margin-bottom: 2rem;}
		.bt_zap {background-color:#72380f;color: #ffffff;text-transform: uppercase;font-size: 1.2em; font-weight: 500;text-align: left;text-transform: uppercase;display:grid;padding:20px;
		transform: scale(0.9);
		-webkit-border-top-right-radius: 30px;
		-webkit-border-bottom-left-radius: 30px;
		-moz-border-radius-topright: 30px;
		-moz-border-radius-bottomleft: 30px;
		}
		.bt_zap strong {font-weight: 700}
		.bt_zap :after{
			content : url(imagens/whatsapp.png);
			float: right;
			position: absolute;
			margin-top: -18px;
			margin-left: 0px;

		}
		.bt_zap:hover {background-color:#30ba45;transform: scale(1.1);}

		.animated{-webkit-animation-duration: 1s;  animation-duration: 1s; -webkit-animation-fill-mode: both;  animation-fill-mode: both;-visibility:hidden;}
		.animated{ -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s;}
		/*necessary css for slider*/




		#Lista_Especialidades {text-align: center;}
		#Lista_Especialidades ul {margin: 0px;}
		#Lista_Especialidades li {background: #916513; border-radius: 60px;-webkit-box-shadow: 0px 0px 11px 1px #d5d6d7; 
box-shadow: 0px 0px 11px 1px #d5d6d7;color:#fff; font-size: 1.3em;padding: 20px;font-weight: 700;margin: 1.9rem;padding-left: 30px;padding-right: 30px;line-height: 95%}

		#Box_Grupo {text-align: center;}
		#Box_Grupo h2 strong {background:#72380f;color: #ffffff;padding: 0.5rem;line-height: 70%}
		.diferenciais {border: solid 1px #72380f;margin: 1em;padding: 2em;}
		.diferenciais img {width: 160px}
		#Box_Grupo h3 {font-weight: 700;font-size: 1.5em;color: #72380f}
		#Box_Grupo p {color: #72380f;font-size: 1.2em}
		#Box_Grupo a img {transform: scale(0.9);transition: all 0.5s ease;}
		#Box_Grupo a img:hover {transform: scale(1);}


		#institucional p {color:#505052;font-weight:400;font-size:1.5em;line-height: 180%;padding: 12px;}
		#institucional p strong {font-weight: 700}
		#institucional {background:url(imagens/bg_header.gif) no-repeat center top;margin-top: 2rem;}
	
		section{padding:4rem 4rem}
		section:not(#boxDestaques,#Bg_Video){padding:4rem 0;}
		section h2 {color: #72380f;font-size: 3.1em;font-weight: 800;text-transform: uppercase;}









/* ------------- footer ------------- */
	footer{padding:3rem;text-align: left;padding-top: 2rem;padding-bottom: 2rem}
	footer h4{color: #72380f;font-size: 1.6em;font-weight: 600}
	footer p {color:#72380f;font-weight:400;font-size:1.1em;line-height: 180%;font-weight: 600}
	footer p a {color:#72380f;}
	footer p:hover{color: #916513;}
	.endereco {padding:30px}
	.logo {padding:20px}
	.bt_agendar {padding:30px}
	.bt_agendar:hover {filter: brightness(1.55);}
	footer .grid-container {webkit-box-shadow: 0px 0px 11px 1px #d5d6d7; 
box-shadow: 0px 0px 11px 1px #d5d6d7;border-radius: 30px;}
footer .bt_zap {font-size: 1.3em;}

.responsavel {
    background-color: #fff;
    border-radius: 6px;
    padding: 9px;
    color: #72380f;
    font-size: 0.75em;
    font-weight: 500;
    border:solid 1px #ccc;
}

.posit {
	position:fixed;
	width: 230px;
	bottom:40px;
	right: 60px;
	font-size: 14px;
}

@media screen and (max-width : 1280px){
.bt_zap ::after {margin-left: 25px;}
}

@media screen and (max-width : 1040px){

#institucional p {font-size: 1.2em;}
.box_especialidades p {font-size: 1.2em;}
.box_especialidades h2{font-size: 2.5em;}
section h2 {font-size: 2.7em;}

}

@media screen and (max-width : 900px){
.bt_zap ::after {right: -45px;}
.bt_agendar {padding: 10px;}
}

@media screen and (max-width : 850px){
	#boxDestaques a.bt_zap {padding: 20px}
	#Lista_Especialidades li {font-size: 1.5em}
	footer p {font-size: 0.9em;}
}
@media screen and (max-width : 720px){
	#boxDestaques {padding-left: 1.5rem;}	
	.bt_zap ::after {right: -35px;content: url(imagens/whatsapp_mobile.png);}
	#boxDestaques h1 {font-size: 2.4em;}
	section h2 {font-size: 2em;}
	#Lista_Especialidades li { font-size: 1.1em;}
}
@media screen and (max-width : 650px){
	#boxDestaques h1 { font-size: 2em;}
	#boxDestaques a.bt_zap {font-size: 1.1em}
	.bt_zap ::after {right: -45px;}
	.box_especialidades h2 {font-size: 2em}
}

@media screen and (max-width : 639px){
	footer {text-align: center;}
	.endereco {padding:20px}
	#Lista_Especialidades {background-size: cover;background-size: 130%}
	#Lista_Especialidades li {font-size: 1em;}
	.chaves {margin:10px}
	section h2 {font-size: 1.8em;}
}
@media screen and (max-width : 600px){
	#Lista_Especialidades {background:url(imagens/bg_guria_mobile.jpg) no-repeat center left;background-size: 150%;}
	.logo {padding: 0px;padding-top: 12px;}
	.bt_agendar {padding: 0px;}
	#Box_Chaves h3 {font-size: 1.2em}
	#Box_Chaves li {font-size: 1em;}
}
@media screen and (max-width : 380px){
	section{padding:2rem 2rem}
}