/* ===============================================================
   ATENDAQUI · Sistema visual v2.1 · moderno & acolhedor
   Identidade aplicada sem modificar lógica JS, grid, consultas WP,
   componentes do blog ou breakpoints do CSS original.
   Arquivo carregado DEPOIS de assets/css/style.css.
   =============================================================== */

/* 1 · Identidade cromática e tipográfica */
:root {
  --atendaqui-blue: #056B9E;
  --atendaqui-blue-deep: #044D72;
  --atendaqui-blue-mid: #0C7AB3;
  --atendaqui-blue-soft: #BFE3F2;
  --atendaqui-blue-cloud: #F1F8FC;
  --atendaqui-orange: #CA6644;
  --atendaqui-orange-dark: #A95539;
  --atendaqui-orange-light: #F6E4DC;
  --atendaqui-orange-cloud: #FCF5F1;
  --atendaqui-ink: #17384C;
  --atendaqui-muted: #5F7685;
  --atendaqui-line: #DCE7ED;
  --atendaqui-paper: #F8FBFC;
  --atendaqui-white: #FFFFFF;

  /* Mapeamento para seletores existentes, sem perder compatibilidade. */
  --azul-profundo: var(--atendaqui-blue-deep);
  --azul-institucional: var(--atendaqui-blue);
  --azul-petroleo: #145F80;
  --azul-claro: var(--atendaqui-blue-soft);
  --azul-vivo: #E8F3F8;
  --azul-agua: var(--atendaqui-orange);
  --branco: var(--atendaqui-white);
  --off-white: var(--atendaqui-paper);
  --texto: var(--atendaqui-ink);
  --cinza-azulado: var(--atendaqui-muted);
  --gradient-primary: linear-gradient(125deg, #056B9E 0%, #0C7AB3 100%);
  --gradient-hero-bg: linear-gradient(118deg, #FFFFFF 0%, #F1F8FC 58%, #FCF5F1 100%);
  --shadow-soft: 0 15px 42px rgba(23, 56, 76, .075);
  --shadow-card: 0 24px 54px rgba(23, 56, 76, .12);
  --shadow-blue: 0 18px 42px rgba(5, 107, 158, .20);
}

html { scroll-padding-top: 95px; }
body,
button, input, textarea, select {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
body { color: var(--atendaqui-ink); background: var(--atendaqui-paper); }
h1, h2, h3, h4, h5, h6,
.section-title, .hero__title, .price-card__value,
.blog-card__title, .blog-page__hero h1, .single-post-card__header h1 {
  font-family: 'Nunito Sans', 'Inter', sans-serif;
  font-weight: 800;
}
h1, h2, h3 { text-wrap: balance; }
.section-title { color: var(--atendaqui-blue-deep); letter-spacing: -.035em; line-height: 1.12; }
.section-title .brand-accent, .brand-accent { color: var(--atendaqui-orange); }
.section-subtitle, .hero__subtitle { color: var(--atendaqui-muted); }
.section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  letter-spacing: .13em;
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  color: var(--atendaqui-blue);
}
.section-kicker::before, .section-kicker::after { background: var(--atendaqui-orange); }
::selection { color: var(--atendaqui-blue-deep); background: var(--atendaqui-orange-light); }
:focus-visible { outline: 3px solid var(--atendaqui-orange); outline-offset: 4px; }

/* 2 · Navegação: logo oficial e active-pill original sem underline */
.header { border-bottom-color: rgba(5, 107, 158, .08); }
.header--scrolled {
  background: rgba(255,255,255,.91);
  border-bottom: 1px solid rgba(5,107,158,.10);
  box-shadow: 0 10px 34px rgba(23,56,76,.09);
}
.header__nav-link { font-family: 'Inter', sans-serif; font-weight: 650; }
.header__nav-link:hover, .header__nav-link.is-active { color: var(--atendaqui-blue); }
.header__nav-link.is-active::before, .header__nav-link:hover::before {
  background: rgba(5,107,158,.09);
  border-color: rgba(5,107,158,.10);
}
.header__nav-link::after, .header__nav-link:hover::after, .header__nav-link.is-active::after {
  content: none !important;
  display: none !important;
}
.header .header__logo-img--default, .footer__logo img { filter: none !important; }
.header .header__logo-img--default { max-width: min(240px, 48vw); max-height: 48px; }
.header--scrolled .header__logo-img--compact { max-height: 43px; }
.mobile-menu { background: #fff; }
.mobile-menu__link.is-active { background: var(--atendaqui-blue-cloud); color: var(--atendaqui-blue); }

/* 3 · Botões: azul estrutural e laranja para CTA de conversão */
.btn {
  font-family: 'Inter', sans-serif;
  font-weight: 750;
  letter-spacing: -.015em;
  border-radius: var(--radius-pill);
  transition: background-color .24s ease, border-color .24s ease, color .24s ease, box-shadow .24s ease, transform .24s ease;
}
.btn--primary {
  color: #fff;
  background: linear-gradient(120deg, #CA6644 0%, #DA7855 100%);
  border: 1px solid rgba(169,85,57,.15);
  box-shadow: 0 14px 30px rgba(202,102,68,.22);
}
.btn--primary:hover {
  background: linear-gradient(120deg, #A95539 0%, #CA6644 100%);
  border-color: transparent;
  box-shadow: 0 19px 40px rgba(202,102,68,.28);
  color: #fff;
}
.btn--whatsapp {
  background: linear-gradient(120deg, #056B9E, #0C7AB3);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 12px 27px rgba(5,107,158,.18);
}
.btn--whatsapp:hover {
  background: linear-gradient(120deg, #044D72, #056B9E);
  box-shadow: 0 18px 34px rgba(5,107,158,.24);
}
.btn--secondary, .btn--ghost {
  color: var(--atendaqui-blue-deep);
  border-color: rgba(5,107,158,.22);
  background: rgba(255,255,255,.93);
}
.btn--secondary:hover, .btn--ghost:hover {
  color: var(--atendaqui-blue);
  background: var(--atendaqui-blue-cloud);
  border-color: rgba(5,107,158,.37);
}

/* 4 · Hero editorial com curvas e fotografia REAL das salas */
.hero {
  background:
    radial-gradient(circle at 92% 8%, rgba(202,102,68,.17) 0, transparent 29%),
    radial-gradient(circle at 3% 94%, rgba(191,227,242,.60) 0, transparent 29%),
    var(--gradient-hero-bg);
}
.hero::before {
  width: 520px;
  height: 520px;
  right: -9%; top: -20%;
  border-radius: 30% 70% 65% 35% / 47% 36% 64% 53%;
  background: linear-gradient(135deg, rgba(202,102,68,.14), rgba(252,245,241,.02));
}
.hero::after {
  width: 490px;
  height: 490px;
  left: -12%; bottom: -20%;
  background: linear-gradient(135deg, rgba(191,227,242,.4), rgba(255,255,255,0));
  border-radius: 60% 40% 30% 70% / 47% 65% 35% 53%;
}
.hero__content { position: relative; }
.hero__eyebrow {
  color: var(--atendaqui-blue-deep);
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(202,102,68,.27);
  box-shadow: 0 10px 25px rgba(23,56,76,.06);
}
.hero__eyebrow i { color: var(--atendaqui-orange); }
.hero .hero__title {
  color: var(--atendaqui-blue);
  letter-spacing: -.045em;
  line-height: 1.01;
}
.hero .hero__title span {
  display: inline;
  color: var(--atendaqui-orange);
  background: none;
  -webkit-text-fill-color: currentColor;
  text-shadow: none;
}
.hero__subtitle { font-size: clamp(15.5px, 1.5vw, 17px); line-height: 1.7; }
.hero__seal {
  color: var(--atendaqui-blue-deep);
  background: #fff;
  border: 1px solid rgba(5,107,158,.12);
  box-shadow: 0 7px 20px rgba(23,56,76,.04);
}
.hero__seal i { color: var(--atendaqui-orange); }
.hero__image-wrapper { isolation: isolate; }
.hero__image-wrapper::before {
  border-radius: 56px 24px 56px 24px;
  background: linear-gradient(148deg, rgba(202,102,68,.46), rgba(255,255,255,.95) 26%, rgba(5,107,158,.35) 90%);
  box-shadow: 0 28px 65px rgba(23,56,76,.14);
}
.hero__image-wrapper::after { background: linear-gradient(180deg, transparent 48%, rgba(4,77,114,.13)); }
.hero__image {
  border-radius: 52px 22px 52px 22px;
  object-position: center center;
}
.hero__price-card {
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(202,102,68,.24);
  box-shadow: 0 26px 66px rgba(23,56,76,.19);
}
.hero__price-card-title { color: var(--atendaqui-blue-deep); }
.hero__price-card .hero__price-icon, .hero__price-icon {
  color: var(--atendaqui-orange);
  background: var(--atendaqui-orange-cloud);
  border-color: rgba(202,102,68,.2);
}
.hero__price-value { color: var(--atendaqui-blue-deep); }
.hero__price-card .btn--primary { color: #fff; }

/* 5 · Faixa de serviços e passos: símbolos arredondados, clima acolhedor */
.inclusive { background: rgba(255,255,255,.97); border-color: rgba(5,107,158,.12); }
.inclusive__title { color: var(--atendaqui-blue-deep); }
.inclusive__icon {
  background: var(--atendaqui-blue-cloud);
  border: 1px solid rgba(5,107,158,.11);
  color: var(--atendaqui-blue);
}
.inclusive__item:nth-child(even) .inclusive__icon {
  background: var(--atendaqui-orange-cloud);
  border-color: rgba(202,102,68,.13);
  color: var(--atendaqui-orange);
}
.how-it-works {
  background:
    radial-gradient(circle at 100% 0%, rgba(246,228,220,.75), transparent 36%),
    linear-gradient(180deg, #F8FBFC, #F1F8FC);
}
.how-it-works__grid::before { background: linear-gradient(90deg, transparent, rgba(202,102,68,.36), transparent); }
.how-it-works__step {
  border-color: rgba(5,107,158,.11);
  background: #fff;
  box-shadow: var(--shadow-soft);
}
.how-it-works__number { color: rgba(202,102,68,.26); }
.how-it-works__step-title { color: var(--atendaqui-blue-deep); }
.how-it-works__step:nth-child(2) .how-it-works__number { color: rgba(5,107,158,.22); }

/* 6 · Salas e fotografias: detalhes laranja nos recortes */
.rooms { background: #fff; }
.rooms::before { background: radial-gradient(circle, rgba(246,228,220,.35), transparent 72%); }
.rooms__gallery-item, .gallery__item {
  border: 3px solid #fff;
  box-shadow: 0 20px 44px rgba(23,56,76,.11);
}
.rooms__gallery-item--large, .gallery__item--large { border-radius: 45px 24px 45px 24px; }
.rooms__gallery-item::after, .gallery__item::after { background: linear-gradient(180deg, transparent 66%, rgba(4,77,114,.16)); }
.room-card {
  background: linear-gradient(150deg, #FFFFFF 0%, #F8FBFC 100%);
  border-color: rgba(5,107,158,.10);
  box-shadow: 0 14px 34px rgba(23,56,76,.065);
}
.room-card__title { color: var(--atendaqui-blue-deep); }
.room-card__title i { color: var(--atendaqui-orange); }
.room-card__amenity { background: #F1F8FC; border-color: rgba(5,107,158,.10); color: var(--atendaqui-blue-deep); }

/* 7 · Valores: vídeo existente com overlay da NOVA marca e preços legíveis */
.pricing {
  background: linear-gradient(155deg, #064A70 0%, #056B9E 62%, #044D72 100%);
}
.pricing-bg-overlay {
  background:
    linear-gradient(135deg, rgba(4,53,79,.88) 0%, rgba(4,77,114,.83) 55%, rgba(4,53,79,.89) 100%),
    radial-gradient(circle at 15% 10%, rgba(202,102,68,.34), transparent 47%);
}
.pricing::before { background: radial-gradient(circle, rgba(202,102,68,.25), transparent 68%); }
.pricing__header .section-kicker { color: #FFD2C1; }
.pricing__header .section-title { color: #FFFFFF; }
.pricing__header .section-title .brand-accent { color: #F6AA8B; }
.pricing__header .section-subtitle { color: rgba(255,255,255,.82); }
.price-card { background: rgba(255,255,255,.95); border-color: rgba(255,255,255,.75); }
.price-card--featured {
  border: 2px solid rgba(202,102,68,.84);
  box-shadow: 0 25px 60px rgba(5,34,54,.20), 0 0 0 5px rgba(202,102,68,.13);
}
.price-card__badge { background: var(--atendaqui-orange); color: #fff; box-shadow: 0 10px 27px rgba(202,102,68,.22); }
.price-card__value { color: var(--atendaqui-blue-deep); }
.price-card__feature i { color: var(--atendaqui-orange); }
.pricing .price-card--featured .btn--primary { background: var(--atendaqui-orange); color: #fff; }

/* 8 · Comparação: azul em contraste com o laranja da identidade */
.comparison {
  background:
    radial-gradient(circle at 10% 94%, rgba(246,228,220,.55), transparent 38%),
    #F8FBFC;
}
.comparison__conventional { border: 1px solid rgba(95,118,133,.12); }
.comparison__atendaqui {
  background: linear-gradient(145deg, #056B9E, #044D72);
  border: 1px solid rgba(255,255,255,.18);
}
.comparison__vs-badge { background: var(--atendaqui-orange); color: #fff; border-color: #fff; }
.comparison__atendaqui .comparison__panel-title, .comparison__atendaqui .comparison__list-item { color: #fff; }

/* 9 · Galeria, profissões, depoimentos, FAQs */
.gallery { background: #fff; }
.for-who {
  background: linear-gradient(145deg, #F1F8FC 0%, #FCF5F1 100%);
}
.for-who__card, .testimonial-card {
  background: #fff;
  border-color: rgba(5,107,158,.1);
  box-shadow: 0 16px 40px rgba(23,56,76,.07);
}
.for-who__icon {
  background: var(--atendaqui-blue-cloud);
  border: 1px solid rgba(5,107,158,.1);
  color: var(--atendaqui-blue);
}
.for-who__card:nth-child(even) .for-who__icon {
  background: var(--atendaqui-orange-cloud);
  color: var(--atendaqui-orange);
  border-color: rgba(202,102,68,.16);
}
.testimonials {
  background: radial-gradient(circle at 90% 0%, rgba(191,227,242,.40), transparent 44%), #F8FBFC;
}
/* Não alterar overflow/padding: necessário para não cortar sombra nem mostrar o 4º card. */
.testimonials__arrow {
  color: var(--atendaqui-blue);
  background: #fff;
  border-color: rgba(5,107,158,.16);
}
.testimonials__arrow:hover { background: var(--atendaqui-blue); color: #fff; border-color: var(--atendaqui-blue); }
.location { background: #fff; }
.location__info { background: var(--atendaqui-blue-cloud); border-color: rgba(5,107,158,.1); }
.location__link i { color: var(--atendaqui-orange); }
.faq { background: linear-gradient(180deg, #F8FBFC, #F1F8FC); }
.faq__item { background: #fff; border-color: rgba(5,107,158,.10); }
.faq__item.is-open { border-color: rgba(202,102,68,.40); box-shadow: 0 18px 38px rgba(23,56,76,.08); }
.faq__icon, .faq__item.is-open .faq__icon {
  color: var(--atendaqui-orange);
  background: var(--atendaqui-orange-cloud);
  border-color: rgba(202,102,68,.24);
}
.faq__icon-down, .faq__icon-up { color: currentColor !important; }

/* 10 · CTA final e rodapé com acentos quentes, mantendo vídeo e textura originais */
.cta-final {
  background: linear-gradient(125deg, #044D72, #056B9E);
}
.cta-final-bg-overlay {
  background:
    linear-gradient(100deg, rgba(4,53,79,.88), rgba(5,107,158,.75) 50%, rgba(4,53,79,.89)),
    radial-gradient(circle at 80% 5%, rgba(202,102,68,.40), transparent 40%);
}
.cta-final__title { color: #fff; }
.cta-final__title .brand-accent { color: #F6AA8B; }
.cta-final .btn--primary { background: linear-gradient(120deg, #CA6644, #DB7A55); }
.footer {
  background:
    linear-gradient(125deg, rgba(4,53,79,.86), rgba(4,77,114,.85)),
    url('../img/footer-bg.webp') center / cover no-repeat;
  color: #fff;
}
.footer::before { background: radial-gradient(circle, rgba(202,102,68,.23), transparent 67%); }
.footer__col-title { color: #fff; }
.footer__link:hover, .footer__social-link:hover { color: #F6AA8B; }
.footer__contact-item i, .footer__link i { color: #ECA184; }
.footer__logo { background: #fff; }
.footer__bottom { border-color: rgba(255,255,255,.12); }

/* 11 · Blog dinâmico WordPress: cards e postagens na mesma identidade */
.blog-preview {
  background:
    radial-gradient(circle at 8% 95%, rgba(191,227,242,.45), transparent 34%),
    radial-gradient(circle at 90% 5%, rgba(246,228,220,.68), transparent 34%),
    #F8FBFC;
}
.blog-card, .single-post-card, .atendaqui-content-card, .blog-preview__empty {
  background: #fff;
  border-color: rgba(5,107,158,.11);
  box-shadow: 0 16px 42px rgba(23,56,76,.08);
}
.blog-card:hover { border-color: rgba(202,102,68,.36); box-shadow: 0 26px 58px rgba(23,56,76,.13); }
.blog-card__category { color: #fff; background: var(--atendaqui-orange); }
.blog-card__title { color: var(--atendaqui-blue-deep); }
.blog-card__link, .single-post-card__back, .single-post-card__content a { color: var(--atendaqui-blue); }
.blog-card__link:hover, .single-post-card__content a:hover { color: var(--atendaqui-orange-dark); }
.blog-page, .blog-archive, .single-post-page, .atendaqui-page {
  background:
    radial-gradient(circle at 85% 4%, rgba(246,228,220,.78), transparent 26%),
    linear-gradient(180deg, #F8FBFC, #F1F8FC 65%, #FFFFFF);
}
.blog-page__hero .section-kicker { color: var(--atendaqui-orange); }
.blog-page__hero h1 { color: var(--atendaqui-blue-deep); }
.blog-page__hero p { color: var(--atendaqui-muted); }
.atendaqui-pagination .current { background: var(--atendaqui-orange); color: #fff; }
.single-post-card__content { font-family: 'Inter', sans-serif; }
.single-post-card__content h2, .single-post-card__content h3 { color: var(--atendaqui-blue-deep); }
.single-post-nav__card:hover { border-color: rgba(202,102,68,.35); }

/* 12 · Responsividade, movimento reduzido e foco acessível */
@media (max-width: 1024px) {
  .hero__image-wrapper::before, .hero__image { border-radius: 38px 22px 38px 22px; }
}
@media (max-width: 768px) {
  html { scroll-padding-top: 75px; }
  .hero { background: linear-gradient(150deg, #fff 0%, #F1F8FC 60%, #FCF5F1 100%); }
  .hero__content { margin-top: 0; }
  .hero .hero__title { font-size: clamp(34px, 8.5vw, 47px); line-height: 1.07; }
  .hero__image { aspect-ratio: 1.12 / 1; object-fit: cover; }
  .hero__image-wrapper::before { inset: -4px; }
  .hero__price-card { margin-top: 18px; }
  .header .header__logo-img--default { max-width: min(58vw, 220px); max-height: 40px; }
  .pricing-bg-overlay {
    background: linear-gradient(150deg, rgba(4,53,79,.90), rgba(5,107,158,.86));
  }
  .cta-final-bg-overlay { background: linear-gradient(150deg, rgba(4,53,79,.90), rgba(5,107,158,.83)); }
  .footer { background-size: cover; }
}
@media (max-width: 480px) {
  .hero__eyebrow { font-size: 11px; letter-spacing: .08em; }
  .hero__price-card { max-width: 100%; }
  .btn { line-height: 1.28; }
}
@media (prefers-reduced-motion: reduce) {
  .hero__image, .btn, .blog-card { transition: none !important; }
}