/*
Theme Name: Villar Maia Advocacia
Theme URI: https://villarmaia.adv.br
Author: Pablo Lima
Author URI: https://www.poltec.com.br
Description: Modern WordPress theme for Villar Maia Law Office - A professional law firm website with custom sections for areas of practice, team members, news, testimonials and contact information.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: villar-maia
Tags: law-firm, legal, professional, business, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
*/

:root {
  --color-primary: #ceaa5b;
  --color-primary-hover: #ceaa1b;  /* #a35419; */
  --color-secondary: #fef0e6;
  --color-text: #101828;
  --color-text-light: #4a5565;
  --color-border: #e5e7eb;
  --color-bg: #ffffff;
  --color-bg-light: #f9fafb;
}

/* Header Styles */
.site-header {
  background: white;
  border-bottom: 1px solid var(--color-border);
  position: sticky;
  top: 0;
  z-index: 1000;
}

.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}

.site-logo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text);
  text-decoration: none;
}

.site-logo svg {
  width: 32px;
  height: 32px;
  color: var(--color-primary);
}

/* Navigation */
.main-navigation ul {
  display: flex;
  gap: 2rem;
  list-style: none;
  margin: 0;
}

.main-navigation a {
  color: var(--color-text-light);
  text-decoration: none;
  transition: color 0.3s;
}

.main-navigation a:hover {
  color: var(--color-primary);
}

/* Hero Section */
.hero-section {
  position: relative;
  height: 600px;
  overflow: hidden;
}

.hero-slide {
  position: absolute;
  inset: 0;
  transition: opacity 1s;
}

.hero-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

.hero-content {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  color: white;
  z-index: 10;
}

/* Buttons */
.btn {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 0.375rem;
  text-decoration: none;
  transition: all 0.3s;
  border: none;
  cursor: pointer;
  font-weight: 500;
}

.btn-primary {
  background: var(--color-primary);
  color: white;
}

.btn-primary:hover {
  background: var(--color-primary-hover);
}

.section-title {
  text-align: center;
  font-size: 1.25rem;
  margin-bottom: 1rem;
  color: var(--color-text);
  font-weight: 500;
}

/* Cards */
.card {
  background: white;
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s;
}

.card:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.card-title {
  font-size: 1.125rem;
  color: var(--color-text);
  font-weight: 500;
}

/* Footer */
.site-footer {
  background: #111827;
  color: white;
  padding: 3rem 0;
}

.site-footer a {
  color: #9ca3af;
  text-decoration: none;
  transition: color 0.3s;
}

.site-footer a:hover {
  color: var(--color-primary);
}

/* Responsive */
@media (max-width: 768px) {
  #home {
    height: 200px;	
  }

  .main-navigation {
    display: none;
  }
  
  .grid-cols-2,
  .grid-cols-3,
  .grid-cols-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}