/* ===== RESET ===== */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Satoshi',sans-serif;
  background:#fff;
  color:#1A1A1A;
  line-height:1.6;
  font-size:1rem;
  overflow-x:hidden
}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;display:block}

/* ===== VARIÁVEIS ===== */
:root{
  --primary:#1A1A1A;
  --accent:#A57865;
  --bg-light:#F9F9F9;
  --white:#fff;
  --text-light:#666;

  --radius:12px;
  --shadow-sm:0 2px 6px rgba(0,0,0,.06);
  --shadow-md:0 12px 30px rgba(0,0,0,.12);

  --h1:3.5rem;
  --h2:2.2rem;
  --h3:1.3rem;
}

/* ===== BASE ===== */
.container{max-width:1200px;margin:auto;padding:0 1.5rem}
.section{padding:6rem 0;position:relative}
.section__title{
  font-family:'Sora',sans-serif;
  font-size:var(--h2);font-weight:700;text-align:center;margin-bottom:1rem
}
.section__subtitle{
  font-size:1rem;font-family:'Satoshi',sans-serif;
  color:var(--text-light);text-align:center;max-width:680px;margin:0 auto 2rem
}

/* ===== SCROLL REVEAL (anim base) ===== */
.reveal{opacity:0;transform:translateX(80px);transition:all .9s cubic-bezier(.25,.8,.25,1)}
.reveal.show{opacity:1;transform:translateX(0)}
/* ===== HEADER ===== */
.header{
  position:fixed;width:100%;top:0;left:0;z-index:1000;
  background:rgba(255,255,255,.95);backdrop-filter:blur(10px);
  box-shadow:var(--shadow-sm)
}
.nav{height:4.5rem;display:flex;align-items:center;justify-content:space-between}
.nav__logo-img{height:64px}
.nav__menu{display:flex}
.nav__list{display:flex;gap:2rem}
.nav__link{
  font-weight:500;font-size:.95rem;position:relative;padding:.2rem 0;
  font-family:'Satoshi',sans-serif
}
.nav__link::after{
  content:"";position:absolute;bottom:-4px;left:0;
  height:2px;width:0;background:var(--accent);transition:.3s
}
.nav__link:hover::after{width:100%}
.nav__actions{display:flex;gap:1rem;align-items:center}
.nav__toggle,.nav__close{
  display:none;border:none;background:none;cursor:pointer;font-size:1.5rem
}
.cart__icon{width:28px;height:28px}
.cart__count{
  position:absolute;top:-6px;right:-6px;background:var(--accent);color:#fff;
  border-radius:50%;font-size:.7rem;padding:.2rem .5rem
}

/* ===== HERO ===== */
.hero{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#fff,#f9f9f9);padding-top:6rem;text-align:center
}
.hero__title{font-family:'Sora',sans-serif;font-size:var(--h1);font-weight:700;margin-bottom:1rem;line-height:1.2}
.hero__title-line--accent{color:var(--accent)}
.hero__subtitle{font-family:'Satoshi',sans-serif;font-size:1.1rem;color:var(--text-light);margin-bottom:2rem}
.hero__actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}

/* ===== BOTÕES ===== */
.btn{
  padding:.9rem 1.6rem;border-radius:var(--radius);
  font-weight:500;border:2px solid transparent;cursor:pointer;transition:.3s;
  font-family:'Satoshi',sans-serif
}
.btn--primary{background:var(--primary);color:#fff}
.btn--primary:hover{background:var(--accent)}
.btn--outline{border:2px solid var(--primary);color:var(--primary)}
.btn--outline:hover{background:var(--primary);color:#fff}
.btn--full{width:100%}

/* ===== SOLUÇÃO ===== */
.solucao__grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.solucao__text ul li{margin:.8rem 0;color:var(--text-light)}
.solucao__visual{display:grid;gap:1rem}
.solucao__visual .card{text-align:center;padding:1.5rem}
@media(max-width:768px){.solucao__grid{grid-template-columns:1fr;text-align:center}}

/* ===== SOBRE ===== */
#sobre .container{max-width:800px;text-align:center}
#sobre p{color:var(--text-light);font-family:'Satoshi',sans-serif}
/* ===== CARDS PLANOS ===== */
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.card{
  background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);
  padding:2rem;transition:.4s;position:relative
}
.card__title{font-family:'Sora',sans-serif;font-size:var(--h3);font-weight:600;margin-bottom:.5rem}
.card__description{color:var(--text-light);margin-bottom:1rem}
.card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}
.card__price{font-weight:600;font-family:'Satoshi',sans-serif}
.card__badge{
  background:var(--accent);color:#fff;position:absolute;top:1rem;right:1rem;
  padding:.3rem .7rem;border-radius:999px;font-size:.75rem
}
.card:hover{box-shadow:var(--shadow-md)}

/* ===== MÉTODO ORBI (com botão único premium) ===== */
.section-accent {
  background: linear-gradient(135deg, #fff, var(--bg-light));
  padding: 6rem 0;
}

.orbi__grid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px,1fr));
  gap:2rem;
  margin:3rem 0;
}

.orbi__card {
  background:#fff;
  padding:2rem;
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
  transition:.4s;
  text-align:center;
}

.orbi__card:hover {
  box-shadow:var(--shadow-md);
  transform:translateY(-5px);
}

.orbi__icon {
  font-size:2rem;
  font-weight:700;
  color:var(--accent);
  margin-bottom:.8rem;
}

.orbi__card h3 {
  font-family:'Sora',sans-serif;
  margin-bottom:.5rem;
}

.orbi__card p {
  font-family:'Satoshi',sans-serif;
  color:var(--text-light);
}

/* Botão destacado ORBI */
.orbi__cta {
  text-align:center;
  margin-top:3rem;
}

.btn--large {
  padding:1.2rem 2.5rem;
  font-size:1.1rem;
  border-radius:50px;
  letter-spacing:.5px;
  text-transform:uppercase;
  font-weight:600;
  box-shadow:var(--shadow-md);
}
/* ===== POSICIONAMENTO PREMIUM ===== */
.pos-card {
  max-width:700px;
  margin:2rem auto;
  padding:2.5rem;
  text-align:center;
  border-radius:var(--radius);
  background:#fff;
  box-shadow:var(--shadow-sm);
  transition:.4s;
}
.pos-card:hover{ box-shadow:var(--shadow-md); transform:translateY(-4px); }

.pos-card .card__title {
  font-family:'Sora',sans-serif;
  font-size:var(--h3);
  font-weight:600;
  margin-bottom:.5rem;
}
.pos-card .card__price {
  font-weight:700;
  font-family:'Sora',sans-serif;
  font-size:1.3rem;
  color:var(--accent);
  margin:1rem 0;
}
.pos-card .card__description {
  font-family:'Satoshi',sans-serif;
  color:var(--text-light);
  margin:0 auto 1.5rem;
  max-width:500px;
}
.pos-deliverables {
  text-align:left;
  color:var(--text-light);
  max-width:500px;
  margin:0 auto 2rem;
}
.pos-deliverables li {
  margin:.5rem 0;
  padding-left:1.2rem;
  position:relative;
}
.pos-deliverables li::before {
  content:"✔";
  position:absolute;
  left:0;
  color:var(--accent);
  font-weight:700;
}

/* ====== IDENTIDADE VISUAL & VERBAL ====== */
.identity__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
  margin-top: 2rem;
}

.identity-card {
  text-align: left;
  padding: 2rem;
  border-radius: var(--radius);
  background: #fff;
  box-shadow: var(--shadow-sm);
  transition: .4s;
}

.identity-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
}

.identity-card .card__title {
  font-family: 'Sora', sans-serif;
  font-size: var(--h3);
  font-weight: 600;
  margin-bottom: .5rem;
}

.identity-card .card__description {
  color: var(--text-light);
  margin-bottom: 1.2rem;
  font-family: 'Satoshi', sans-serif;
}

.identity-deliverables {
  margin: 0 0 1.5rem;
  color: var(--text-light);
  font-family: 'Satoshi', sans-serif;
}

.identity-deliverables li {
  margin: .4rem 0;
  padding-left: 1.2rem;
  position: relative;
}

.identity-deliverables li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: var(--accent);
  font-weight: 700;
}

/* ====== BOTÃO ÚNICO DE PEDIDO ====== */
.orbi__cta {
  text-align: center;  /* Centralizar o botão de pedido */
  margin-top: 3rem;    /* Espaçamento superior */
}

.btn--large {
  padding: 1.2rem 2.5rem;
  font-size: 1.1rem;
  border-radius: 50px;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-weight: 600;
  box-shadow: var(--shadow-md);
}

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

.btn--primary:hover {
  background: var(--accent);
}
/* ===== CONTATO ===== */
form.form-compact{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}
form input,form select,form textarea{
  padding:1rem;border:1px solid #ddd;border-radius:var(--radius);
  font-family:'Satoshi',sans-serif;font-size:1rem;width:100%
}
form button{margin-top:1rem}

:root {
  --primary-color: #333;
  --secondary-color: #666;
  --bg-color: #f9f9f9;
  --border-color: #e0e0e0;
}

.section-muted {
  background: var(--bg-color);
  padding: 4rem 0;
}

/* FAQ – estrutura e estados */
.faq__list{ max-width:780px; margin:0 auto; display:grid; gap:.75rem }
.faq-header{
  width:100%; text-align:left; display:flex; justify-content:space-between; align-items:center;
  background:#fff; border:1px solid rgba(0,0,0,.08); padding:1rem;
  border-radius:16px; box-shadow:0 4px 14px rgba(0,0,0,.06);
  font-weight:600;
}
.faq-icon{ transition: transform .2s ease }
.faq-content{ background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:16px; padding:1rem; margin-top:.5rem }
.faq-content[hidden]{ display:none }

/* acessibilidade: foco visível coerente com o resto do site */
.faq-header:focus-visible{ outline:2px solid var(--accent); outline-offset:2px }

/* ===== FOOTER ===== */
.footer{background:var(--primary);color:#fff;text-align:center;padding:2rem}
.footer__text{color:rgba(255,255,255,.7);font-family:'Satoshi',sans-serif}

/* ===== CARRINHO POPUP ===== */
.cart__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.3s;z-index:900}
.cart__overlay.show{opacity:1;visibility:visible}
.cart__popup{
  position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);
  width:90%;max-width:500px;background:#fff;border-radius:var(--radius);
  box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:.3s;z-index:1000;display:flex;flex-direction:column
}
.cart__popup.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.cart__header,.cart__footer{
  padding:1rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center
}
.cart__items{flex:1;overflow-y:auto;padding:1rem}
.cart__item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:.7rem 0}
.cart__empty{padding:2rem;text-align:center;color:var(--text-light)}

/* ===== RESPONSIVIDADE ===== */
@media(max-width:768px){
  .nav__menu{position:fixed;top:0;right:-100%;width:70%;height:100%;background:#fff;flex-direction:column;gap:2rem;padding:5rem 2rem;transition:.3s}
  .nav__menu.show-menu{right:0}
  .nav__toggle,.nav__close{display:block}
  .services-grid{grid-template-columns:1fr}
  .hero{padding-top:7rem}
}