/* CABOOK Experiencia Integrada V02 - primeira dobra, cards e controles. */
:root {
  --cabook-v2-green: #0b4a35;
  --cabook-v2-green-deep: #063728;
  --cabook-v2-gold: #d7aa43;
  --cabook-v2-paper: #fffdf8;
  --cabook-v2-cream: #f7f3e9;
  --cabook-v2-ink: #17352b;
  --cabook-v2-border: #e1d6c3;
  --cabook-v2-radius: 18px;
  --cabook-v2-shadow: 0 16px 38px rgba(16, 53, 42, .11);
}

.site-header {
  min-height: 68px !important;
}

.site-header .nav {
  min-height: 68px !important;
  padding-block: 6px !important;
}

.site-header .brand img {
  max-height: 48px !important;
}

.btn,
.cabook-commerce-actions a,
.cabook-commerce-more,
.author-actions a {
  min-height: 42px !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
}

.page-hero {
  display: grid !important;
  align-items: center !important;
  min-height: 220px !important;
  max-height: 34svh !important;
  padding-block: clamp(30px, 5svh, 54px) !important;
}

.page-hero h1 {
  max-width: 760px;
  margin-bottom: 12px !important;
  font-size: clamp(34px, 4.8vw, 58px) !important;
  line-height: .98 !important;
}

.page-hero p {
  max-width: 760px;
  margin-bottom: 0 !important;
  font-size: clamp(14px, 1.5vw, 18px) !important;
}

.cabook-commerce-shell {
  padding-top: 24px !important;
}

.cabook-commerce-note {
  border-radius: var(--cabook-v2-radius) !important;
  box-shadow: var(--cabook-v2-shadow) !important;
}

.cabook-commerce-card {
  border-color: color-mix(in srgb, var(--cabook-v2-gold) 48%, var(--cabook-v2-border)) !important;
  border-top: 3px solid var(--cabook-v2-gold) !important;
  border-radius: var(--cabook-v2-radius) !important;
  box-shadow: var(--cabook-v2-shadow) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

.cabook-commerce-card:hover,
.cabook-commerce-card:focus-within {
  transform: translateY(-3px);
  box-shadow: 0 20px 46px rgba(16, 53, 42, .16) !important;
}

.cabook-commerce-actions .cabook-read {
  background: var(--cabook-v2-green) !important;
  color: #fff !important;
}

.cabook-commerce-actions .cabook-amazon,
.cabook-commerce-more {
  border: 1px solid var(--cabook-v2-gold) !important;
  background: var(--cabook-v2-paper) !important;
  color: var(--cabook-v2-green) !important;
}

/* O card do autor passa a ser uma abertura visual, sem texto escondido abaixo da foto. */
#como-funciona .editor-panel {
  min-height: min(620px, calc(100svh - 96px)) !important;
  border-radius: 24px !important;
  box-shadow: var(--cabook-v2-shadow) !important;
}

#como-funciona .editor-copy h2 {
  font-size: clamp(34px, 4vw, 56px) !important;
  line-height: 1 !important;
}

.author-highlights span {
  border-radius: 999px !important;
}

/* AURA usa o mesmo ritmo compacto de cards e botoes do portal. */
#cabook-aura .aura-launch {
  width: 68px !important;
  height: 68px !important;
  border: 2px solid var(--cabook-v2-gold) !important;
  box-shadow: 0 14px 34px rgba(3, 20, 38, .24) !important;
}

#cabook-aura .aura-chat {
  width: min(390px, calc(100vw - 24px)) !important;
  max-height: min(620px, calc(100svh - 96px)) !important;
  border: 1px solid rgba(215, 170, 67, .62) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 70px rgba(3, 20, 38, .24) !important;
}

#cabook-aura .aura-chat header,
#cabook-aura .aura-chat form {
  min-height: 62px !important;
}

#cabook-aura .aura-chips button,
#cabook-aura .aura-chat form button,
#cabook-aura .aura-links a {
  border-radius: 12px !important;
  font-weight: 800 !important;
}

@media (max-width: 900px) {
  .page-hero {
    max-height: none !important;
  }

  #como-funciona .editor-panel {
    min-height: auto !important;
  }
}

@media (max-width: 640px) {
  .site-header,
  .site-header .nav {
    min-height: 60px !important;
  }

  .page-hero {
    min-height: 190px !important;
    padding-block: 24px !important;
  }

  .page-hero h1 {
    font-size: clamp(31px, 10vw, 44px) !important;
  }

  .cabook-commerce-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #cabook-aura .aura-launch {
    width: 60px !important;
    height: 60px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cabook-commerce-card {
    transition: none !important;
  }
}