/*
Theme Name: Agência Notável Blog
Theme URI: https://agencianotavel.com.br/
Author: Agência Notável
Description: Tema de blocos leve para o blog da Agência Notável, sem Elementor.
Version: 1.0.4
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: agencia-notavel-blog
*/

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
a { text-underline-offset: .18em; }

.an-header {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid #e5e7eb;
  backdrop-filter: blur(12px);
}

.an-logo-row .wp-block-site-logo img { max-height: 54px; width: auto; }
.an-logo-row { min-height: 56px; }
.an-menu a { text-decoration: none; }
.an-menu a:hover { color: #1d4ed8; }

.an-hero {
  background:
    radial-gradient(circle at 82% 30%, rgba(29,78,216,.11), transparent 30%),
    linear-gradient(180deg, #fff 0%, #f9fafb 100%);
}

.an-kicker {
  display: inline-block;
  padding: 7px 14px;
  border-radius: 999px;
  background: #dbeafe;
  color: #1d4ed8;
  letter-spacing: .06em;
  font-size: 13px;
  font-weight: 800;
}

.an-card {
  height: 100%;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(17,24,39,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}

.an-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(17,24,39,.11);
}

.an-card .wp-block-post-featured-image img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.an-card-content { padding: 24px; }
.an-card .wp-block-post-title a { text-decoration: none; }
.an-card .wp-block-post-title a:hover { color: #1d4ed8; }
.an-card .wp-block-post-excerpt__more-link { color: #1d4ed8; font-weight: 700; }
.an-meta { color: #6b7280; font-size: 14px; }

.an-article { max-width: 780px; margin-inline: auto; }
.an-article p, .an-article li { font-size: 18px; line-height: 1.8; }
.an-article h2 { margin-top: 2em; }
.an-article h3 { margin-top: 1.6em; }
.an-article img { border-radius: 12px; }

.an-cta {
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
  color: #fff;
  border-radius: 18px;
}

.an-calculadoras {
  position: relative;
  overflow: hidden;
  border: 1px solid #dbeafe;
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 8%, rgba(29,78,216,.14), transparent 28%),
    #ffffff;
  box-shadow: 0 14px 38px rgba(17,24,39,.08);
}

.an-calculadora-card {
  height: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 13px;
  background: #f9fafb;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.an-calculadora-card:hover {
  transform: translateY(-3px);
  border-color: #93c5fd;
  background: #eff6ff;
}

.an-calculadora-card a {
  display: block;
  height: 100%;
  color: #111827;
  text-decoration: none;
}

.an-calculadora-card a:hover { color: #1d4ed8; }

.an-consent {
  position: fixed;
  z-index: 99999;
  right: 20px;
  bottom: 20px;
  left: 20px;
  display: none;
  max-width: 760px;
  margin-inline: auto;
  padding: 22px;
  border: 1px solid #d1d5db;
  border-radius: 16px;
  background: #ffffff;
  color: #111827;
  box-shadow: 0 18px 55px rgba(17,24,39,.2);
}

.an-consent.is-visible { display: block; }
.an-consent p { margin: 0; font-size: 14px; line-height: 1.55; }
.an-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.an-consent button {
  cursor: pointer;
  padding: 10px 18px;
  border: 1px solid #1d4ed8;
  border-radius: 999px;
  font: inherit;
  font-weight: 700;
}
.an-consent__accept { background: #1d4ed8; color: #fff; }
.an-consent__reject { background: #fff; color: #1d4ed8; }

.an-footer a { color: #d1d5db; text-decoration: none; }
.an-footer a:hover { color: #fff; }

@media (max-width: 781px) {
  .an-header { position: relative; }
  .an-logo-row { gap: 18px !important; }
  .an-hero { padding-top: 56px !important; padding-bottom: 56px !important; }
  .an-hero h1 { font-size: 40px !important; line-height: 1.06 !important; }
  .an-section { padding-top: 52px !important; padding-bottom: 52px !important; }
  .an-article p, .an-article li { font-size: 17px; }
  .an-calculadoras { border-radius: 16px; }
  .an-consent { right: 12px; bottom: 12px; left: 12px; padding: 18px; }
}