/*!
Theme Name: marcos brito adv
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.5.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: marcos-brito-adv
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

marcos brito adv is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


:root {
  --blue: #132137;
  --textgray: #828282;
  --textgraydois: #474545;
  --white: #ffffff;
  --black: #000000;
}


h1, h2, h3, h4, h5 { 
	color: var(--blue);
	font-family: "STIX Two Text", serif; 
}

h1 {
	font-size: 4rem;
}

a { text-decoration:none; }

/** Style Layout **/
:root {
    --primary-color: #132137; /*#2c3e50*/;
    --secondary-color: #3498db;
    --accent-color: #27ae60;
    --warning-color: #f39c12;
    --light-bg: #f8f9fa;
} 

body {
    font-family: "Mulish", sans-serif;	
    line-height: 1.6;
}

p { color: #6c757d; }

/* Custom Navbar */
.navbar {
    background: rgba(193, 193, 193, 1);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.navbar-brand {
    font-weight: 700;
    color: var(--primary-color) !important;
    font-size: 1.3rem;
}

.navbar-nav .nav-link {
    color: var(--primary-color) !important;
    font-weight: 500;
    margin: 0 10px;
    transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
    color: var(--accent-color) !important;
}

.btn-contact {
    background: var(--accent-color);
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-contact:hover {
    background: #219a52;
    color: white;
    transform: translateY(-2px);
}

/* Hero Section */
.hero {
    background: url('../marcos-brito-adv/assets/images/bg-hero.png'); /* linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%); */
    color: white;
    padding: 150px 0 80px;
    position: relative;
    overflow: hidden;
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></svg>') repeat;
    animation: float 20s infinite linear;
}

@keyframes float {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-100px); }
}

.hero-content {
    position: relative;
    z-index: 2;
}

.hero h1 {
		color: var(--white);
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.hero p {
    font-size: 1.1rem;
    opacity: 0.9;
    margin-bottom: 2rem;
}

.contact-form {
    background: #89909B;
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    overflow: hidden;
}

.form-header {
    background: var(--warning-color);
    color: white;
    padding: 1.5rem;
    display: flex;
    align-items: center;
}

.form-header i {
    font-size: 1.5rem;
    margin-right: 1rem;
}

.form-body {
    padding: 2rem;
}

.form-control {
    border: 1px solid #e9ecef;
    padding: 12px 15px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.form-control:focus {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 0.2rem rgba(39, 174, 96, 0.25);
}

.btn-submit {
    background: var(--accent-color);
    border: none;
    padding: 12px;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-submit:hover {
    background: #219a52;
    transform: translateY(-2px);
}

/* Group Section */

.group{
		background: #87898B;
		background: linear-gradient(0deg, rgba(135, 137, 139, 1) 0%, rgba(147, 145, 149, 1) 100%);
}

/* Team Section */
.team-card {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    border: none;
}

.team-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.team-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto 1rem;
}

.team-card .card-body {
    padding: 2rem;
    text-align: center;
}

.team-card h5 {
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.team-card p {
    color: #6c757d;
    font-size: 0.9rem;
}

/* Services Section */

#servicos { background-color: var(--primary-color); }

.header-top-servicos {
	padding: 30px;
	margin-top: -25px;
	margin-bottom: 3rem;
	height: 100px;
	width: 100%;
	background: #FFF;
	z-index: 1020;
	position: relative;
	border-radius: 10px;
}

.service-card {
    background: white;
    border-radius: 15px;
    padding: 2rem;
    height: 100%;
    border-left: 4px solid var(--secondary-color);
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.service-icon {
    font-size: 2rem;
    color: var(--secondary-color);
    margin-bottom: 1rem;
}

.service-card h5 {
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 1rem;
}

.service-card p {
    color: #6c757d;
    line-height: 1.6;
}

/* Location Section */
#localizacao { background-color:#d9d9d9; }

.location-card {
    background: white;
    border-radius: 15px;
    padding: 2rem;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.location-card:hover {
    transform: translateY(-5px);
}

.location-icon {
    font-size: 3rem;
    color: var(--secondary-color);
    margin-bottom: 1rem;
}

/* Quem Somos */
#quem-somos {
	background-color: var(--primary-color);
}

#quem-somos .section-title { color: #ffffff; }

/* Rights Section */
.rights-card {
    background: #D9D9D9;
    border-radius: 15px;
    padding: 2rem;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    height: 100%;
}

.rights-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    background-color: #F6F6F6;
}

.rights-icon {
    width: 60px;
    height: 60px;
    background: var(--secondary-color);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    font-size: 1.5rem;
}

.rights-card h6 {
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 1rem;
}

.rights-card p {
    color: #6c757d;
    font-size: 0.9rem;
}

/* Pages */
.all-pages {
    padding: 84px 0 80px;
}

/* Card Notícias - Pages */

.entry-meta {
  margin-bottom: 20px;
  font-size: 12px;
  color: #6c757d;
}


/* Section Entry Titles */
.entry-title {
    font-size: 2.5rem;
    font-weight: normal;
    color: #000000;
    margin-bottom: 3rem;
    position: relative;
}

.entry-title::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 30px;
    transform: translateX(-50%);
    width: 60px;
    height: 5px;
    background: var(--secondary-color);
}

section.listaNoticias { background-color: #f7f7f8; }

/* Alterações no card */
.card { border:none; }
.card:hover {
    transition: 0.6s;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.card-body {
  padding: 25px !important;
  min-height: 200px;
}

/* Lista Notícias */
.topListaNoticias { 
    background:url("assets/images/bg_top_blog.png"); 
    padding: 90px;
}
.topListaNoticias .entry-title { color:#ffffff; } 

/* Aside */
.widget-area{
    box-shadow: 0 10px 21px -10px rgba(0,0,0,.75);
    padding: 20px 20px 0px;
}

.wpcf7-form-control-wrap input, textarea { background-color: #f9f9f9; }

/* Footer */
.footer {
    background: var(--primary-color);
    color: white;
    padding: 60px 0 30px;
}

.footer h6 {
    color: var(--secondary-color);
    margin-bottom: 1rem;
    font-weight: 600;
}

.footer p, .footer a {
    color: #bdc3c7;
    text-decoration: none;
    line-height: 1.8;
}

.footer a:hover {
    color: white;
}

.footer-bottom {
    border-top: 1px solid #34495e;
    padding-top: 2rem;
    margin-top: 2rem;
    text-align: center;
    color: #bdc3c7;
}

/* Section Titles */
.section-title {
    font-size: 2.5rem;
    font-weight: normal;
    color: #000000;
    margin-bottom: 3rem;
    position: relative;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 30px;
    transform: translateX(-50%);
    width: 60px;
    height: 5px;
    background: var(--secondary-color);
}


/* Utilities */
.lead {
    color: #ffffff;
    font-weight: lighter;
}

.bg-light-custom {
    background-color: var(--light-bg) !important;
}

.text-primary-custom {
    color: var(--primary-color) !important;
}

.text-secondary-custom {
    color: var(--secondary-color) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero h1 {
        font-size: 2rem;
    }
    
    .section-title {
        font-size: 2rem;
    }
    
    .hero {
        padding: 100px 0 60px;
    }
}