/*
Theme Name: PF-795
Theme URI:	https://softfocus.com.br/
Author: Rafael Forcadell
Version: 1.0
*/


/* 
Configurações gerais 
--------------------------------------------
*/


* { position: relative; margin: 0; box-sizing: border-box; cursor: default; appearance: none; }
img { display: block; margin: 0; max-width: 100%; height: auto; }

html { scroll-behavior: smooth; }

body {
	display: flex;
	flex-direction: column;
	max-width: 100vw; 
	max-width: calc(var(--vw, 1vw) * 100); 
	min-height: 100vh; 
	margin: 0; 
	font-family: var(--font-family); 
	font-weight: var(--font-weight-light); 
	font-size: var(--font-size); 
	line-height: var(--line-height);
	color: var(--cor-cinza-medio); 
	background-color: var(--cor-fundo);  
	-webkit-font-smoothing: antialiased; 
	overflow-x: hidden; 
}


strong, b { font-weight: var(--font-weight-medium); }
*:focus { outline: none; }
*::-ms-clear { display: none; }
*::-ms-reveal { display: none; }
*::selection { background-color: rgba(0,0,0,.25); opacity: 1; }


a[href], a[tabindex="0"] {
	text-decoration: none;
	background-image: linear-gradient(var(--cor-cinza-mais-claro), var(--cor-cinza-mais-claro));
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: 0% 1px;
	transition: background-size 100ms ease-in-out;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
}
a[href] * { cursor: pointer; }
a:link { color: var(--cor-link); text-decoration: none; }
a:visited { color: var(--cor-visited); }
a.estatico:visited { color: var(--cor-link); }
a[href]:hover, a[href]:focus,
a[tabindex="0"]:hover, a[tabindex="0"]:focus { text-decoration: none; background-size: 100% 1px; background-position: 0 100%; }
a[href]:active, a[href].static:active { color: var(--cor-active); background-image: linear-gradient(var(--cor-active), var(--cor-active)); }

a[href^="tel"] {}


h1, h2, h3, h4, h5, h6 { font-family: var(--h-font-family); font-weight: var(--font-weight-medium); line-height: 1.2em; }

h1 { font-size: var(--h1-font-size); }
h2 { font-size: var(--h2-font-size); }
h3 { font-size: var(--h3-font-size); }
h4 { font-size: var(--h4-font-size); }
h5 { font-size: var(--h5-font-size); }
h6 { font-size: var(--h6-font-size); }

h1 strong, h1 b,
h2 strong, h2 b,
h3 strong, h3 b,
h4 strong, h4 b,
h5 strong, h5 b,
h6 strong, h6 b { font-weight: var(--font-weight-semibold); }


p { margin: 0 0 1em 0; }

ul { margin: 0 0 1em 0; padding:0 0 0 15px; }
ul li { }

ol { margin: 0 0 1em 0; padding: 0; list-style: none; counter-reset: contador; }
ol li { counter-increment: contador; }
ol li::before { content: counter(contador) ". ";  }


span.contagem { display: inline-block; vertical-align: middle; min-width: var(--line-height); margin-left: 7px; font-size: var(--h6-font-size); font-weight: var(--font-weight-regular); padding: 0 8px; color: var(--cor-fundo-claro); background-color: var(--cor-cinza-claro); border-radius: calc(var(--line-height) * .5); text-align: center; }
span.contagem.mais:before { position: absolute; top: -2px; right: calc(var(--h6-font-size) * -.5); width: var(--h6-font-size); background-color: var(--cor-cinza-medio); font-size: var(--h6-font-size); font-weight: var(--font-weight-regular); line-height: var(--h6-font-size); border-radius: 100%; text-align: center; content: "+"; }
img + span.contagem,
svg + span.contagem { margin-left: calc(var(--line-height) * -1); transform: translateY(-50%); font-size: var(--font-size-menor-ainda); font-weight: var(--font-weight-medium); background-color: var(--cor-info-invertido); }


a.botao {
	display: inline-block; 
	vertical-align: middle;
	font-size: var(--h6-font-size); 
	font-weight: var(--font-weight-semibold); 
	line-height: var(--line-height); 
	color: var(--cor-cinza-medio);
	text-transform: uppercase;
	border: 1px solid var(--cor-cinza-mais-claro); 
	border-radius: 30px;
	padding: 18px 30px;
	background-color: transparent;
	transition: all 100ms ease-in-out;
	transition-property: border-color, background-color;
	cursor: pointer; 
}
a.botao:hover,
a.botao:focus { background-color: var(--cor-secundaria); border-color:  var(--cor-secundaria); background-size: 0; }

a.botao-pequeno {
	display: inline-block; 
	vertical-align: middle;
	font-size: var(--h5-font-size); 
	font-weight: var(--font-weight-medium); 
	line-height: var(--line-height); 
	color: var(--cor-cinza-escuro);
	border-radius: 17px;
	padding: 6px 20px;
	background-color: var(--cor-secundaria);
	transition: all 100ms ease-in-out;
	transition-property: color, background-color;
	cursor: pointer; 
}
a.botao-pequeno:hover,
a.botao-pequeno:focus { color: var(--cor-fundo-claro); background-color: var(--cor-info); background-size: 0; }

a.botao-pequeno.transparente { 
	color: var(--cor-cinza-medio);
	border: 1px solid var(--cor-borda); 
	background-color: transparent; 
	transition-property: border-color, background-color;
}
a.botao-pequeno.transparente:hover,
a.botao-pequeno.transparente:focus { background-color: var(--cor-secundaria); border-color:  var(--cor-secundaria); }


a.botao-simples { display: inline-block; vertical-align: top; line-height: 30px; }
a.botao-simples:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px dashed var(--cor-cinza-mais-claro); content: ""; }


.rotulo.info:before { position: absolute; top: 5px; right: -10px; width: 6px; height: 6px; border-radius: 100%; background-color: var(--cor-info); content: ""; }


.clicavel, .clicavel * { cursor: pointer; }


.sombra { box-shadow: 0 0 var(--sombra-blur) var(--sombra); }