@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400italic);
@font-face {
	font-family: 'FonteLogo';
	src: url("../_fonts/bubblegum-sans-regular.otf");
}

body {
	background-color: white;
	Color: rgba(0,0,0,1);
}
div#interface {
		
		width: 1000px;
		margin: -20px auto 0px auto;
		box-shadow: 0px 0px 10px black;
		padding: 10px;
		
}	
	
p {
	text-align: justify;
	text-indent: 50px;
}

/* Formatação de imagem com legenda */

figure.foto-legenda{
	position: relative;	
	border: 8px solid white;

}
/* Foto do cabeçalho */
figure.foto-legenda img {
	
	width: 20%;
	heigdt: 20%;
}

figure.foto-legenda figcaption {
	opacity:0;
	position: absolute;
	top: 0px;
	background-color: rgba(0,0,0,0.4);
	Color: white;
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	transition: opacity 1s;
}


figure.foto-legenda:hover figcaption{
	
	opacity:1;
	
}

section#corpo {
	display: block;
	width: 520px;
	float: left;
	border-right: 1px solid #606060;
	padding-right: 15px;	
}

article#noticia-principal  h2 {
		font-size: 12pt;
		color: #606060;
		background-color: rgb(153,153,153);
		padding: 5px 0px 5px 0px;
		margin: 10px 0px 10px 20px;
}
header#cabecalho-artigo h1 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	color: #606060;
	margin-bottom: 0px;
	margin-top: 0px;
}

/* Hero */
    .hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px; padding:64px 0}
    .hero h1{font-size:clamp(28px, 4.3vw, 56px);line-height:1.06;margin:0 0 12px;font-weight:800}
    .hero p{color:var(--muted);font-size:clamp(14px,1.6vw,18px)}
    .hero-card{background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); border:1px solid var(--stroke); border-radius:var(--radius-2xl); padding:20px; display:grid; gap:14px}
    .hero-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
    .badge{padding:8px 12px;border-radius:999px;background:rgba(34,197,94,.15); border:1px solid rgba(34,197,94,.35); font-weight:600; font-size:13px}
    .trust{display:grid;grid-template-columns:repeat(4,1fr); gap:14px; margin-top:22px}
    .trust .card{background:#cccccc; border:1px solid var(--stroke); border-radius:16px; padding:14px}

	.whatsapp-link {
			position: fixed;
			width: 60px;
			height: 60px;
			bottom: 40px;
			right: 40px;
			background-color: #25d366;
			color: #fff;
			border-radius: 50px;
			text-align: center;
			font-size: 30px;
			box-shadow: 1px 1px 2px #888;
			z-index: 1000;
		}
 
		.fa-whatsapp {
			margin-top: 16px;
		}
		
		/* Header */
		/* Formatação do Menu */
    header{
     
      
      border-bottom:1px solid var(--stroke);
    }
    .nav{display:flex;align-items:center;gap:20px; padding:14px 0}
    .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
    .brand-logo{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg, var(--brand), var(--brand-2));display:grid;place-items:center;box-shadow:var(--shadow)}
    .brand-logo svg{filter:drop-shadow(0 2px 6px rgba(16,185,129,.45))}
     nav ul{list-style:none;display:flex;gap:18px;padding:0;margin:0}
     nav a{padding:8px 12px;border-radius:12px;border:1px solid transparent}
     nav a:hover{background:rgba(148,163,184,.08);border-color:var(--stroke)}
    .cta{margin-left:auto;display:flex;gap:10px}
    .btn{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:14px;border:1px solid var(--stroke);background:red;transition:.2s;cursor:pointer}
    .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
    .btn-primary{background:linear-gradient(135deg, var(--brand), var(--brand-2)); border:none;color:green;font-weight:700}
    .btn-outline{background:transparent;color:var(--text)}
	
	nav#menu  ol {
		list-style: none;
		text-transform: uppercase;
		position: absolute;
		top: 40px;
		left: 250px;
		list-style:none;display:flex;gap:18px;padding:0;margin:0}
}

nav#menu  h1 {
	display:none;
	display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
	display:flex;align-items:center;gap:20px; padding:14px 0}
}

nav#menu  li:hover {
	
	background-color: red ;
	background:linear-gradient(135deg, var(--brand), var(--brand-2)); border:none;color:green;font-weight:700}
    background:rgba(148,163,184,.08);border-color:var(--stroke)
	transform:translateY(-1px);box-shadow:var(--shadow)
    
}