:root{--primary:#09bfb9;--accent:#ff6b6b;--ink:#0f172a;--bg:#ffffff}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink);background:var(--bg)}
.container{max-width:1100px;margin:0 auto;padding:18px}

/* Header */
.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}
.header--stack{display:flex;flex-direction:column;align-items:flex-start;gap:8px} /* empilha logo + botão */
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.brand img{height:54px;width:auto;border-radius:6px;background:transparent}
.nav a{text-decoration:none;color:var(--ink);font-weight:700;padding:8px 14px;border-radius:12px}
.nav a.cta{background:var(--primary);color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.14);transition:transform .15s ease, filter .15s ease, box-shadow .15s ease}
.nav a.cta:hover{filter:brightness(.95);transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.18)}
/* CTA por baixo do logo com largura ao conteúdo */
.nav--under-brand .cta{display:inline-flex;width:auto;white-space:nowrap;padding:10px 16px}

/* Hero */
.hero-photo{position:relative;width:100%;overflow:hidden;background:#000}
.hero-photo img{display:block;width:100%;height:520px;object-fit:cover;object-position:center 70%}

/* Sections & cards */
.section{padding:26px 0}
.card{background:#fff;border:1px solid #eef2f7;border-radius:18px;padding:18px;box-shadow:0 10px 36px rgba(2,14,28,.06)}

/* INTRO / BENEFÍCIOS */
.intro-grid{display:grid;gap:18px}
@media(min-width:980px){ .intro-grid{ grid-template-columns: 1.3fr 1fr } }
.intro-title{margin:0 0 10px;font-size:clamp(28px,3.6vw,46px);line-height:1.1}
.intro-copy p{margin:8px 0 10px}
.msg-destaque{font-weight:800}
.intro-benefits .benefits{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.intro-benefits .benefits li{
  background:#fff;border:1px solid #eef2f7;border-radius:12px;
  padding:12px;font-weight:700;box-shadow:0 8px 24px rgba(2,14,28,.05)
}
.intro-benefits .benefits li::before{
  content:"✓";display:inline-block;margin-right:10px;width:22px;height:22px;border-radius:999px;
  background:#d1faf5;color:#065f46;text-align:center;line-height:22px;font-weight:900
}

/* SOBRE MIM */
.about-grid{display:grid;gap:18px;align-items:center}
@media(min-width:980px){ .about-grid{ grid-template-columns: 0.9fr 1.1fr } }
.about-photo img{width:100%;height:auto;border-radius:16px;object-fit:cover;box-shadow:0 10px 36px rgba(2,14,28,.08)}
.about-text h2{margin:0 0 8px}
.about-text p{text-align:justify}

/* Testemunhos list */
.testi-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.testi{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:12px;box-shadow:0 8px 24px rgba(2,14,28,.05)}
.testi .name{margin-top:8px;font-weight:700;opacity:.8}

/* Form fields */
label{font-weight:800;margin:6px 0 4px;display:block}
.req::after{content:" *"; color:#ef4444}
input[type=text],input[type=email],textarea{
  width:100%;padding:14px 14px;border:1px solid #dde7ee;border-radius:12px;background:#fff;box-shadow:none
}
textarea{min-height:150px;resize:vertical}
input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(9,191,185,.12)}

/* Grid (form) */
.form-grid{display:grid;gap:16px}
@media(min-width:980px){ .form-grid{grid-template-columns:repeat(12,minmax(0,1fr));} .col-6{grid-column:span 6} .col-12{grid-column:1 / -1} }
@media(max-width:979px){ .form-grid{grid-template-columns:1fr;} .col-6,.col-12{grid-column:1 / -1;} }

/* Consent menor e discreto */
.consent label{display:flex;align-items:flex-start;gap:8px;font-weight:600;font-size:.95rem;line-height:1.35;color:#0f172a;opacity:.9}
.consent input[type=checkbox]{margin-top:3px}
@media (max-width:640px){ .consent label{font-size:.9rem} }

/* Buttons */
.button,.cta{background:var(--primary);color:#fff;border:none;padding:14px 18px;border-radius:16px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;gap:8px;margin-top:12px;box-shadow:0 6px 16px rgba(0,0,0,.14);transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;width:auto}
.button:hover,.cta:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.18);filter:brightness(.98)}
/* botão de testemunho alinhado à esquerda */
#tt-testemunho .btn-row{display:flex;justify-content:flex-start}
#tt-testemunho .btn-row .button{min-width:unset}

/* Footer com CTA ao centro + social à direita */
.footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;margin:18px 0 10px}
.footer .cta{background:var(--primary);color:#fff;font-weight:800;text-decoration:none;padding:10px 14px;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.14)}
.footer .cta:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.18)}
.footer .social{display:inline-flex;align-items:center;gap:12px}
.footer .social .follow{font-weight:700}
.footer .social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid #dbeafe;background:#fff}
.footer .social a img{width:18px;height:18px}

/* Mobile footer layout */
@media(max-width:780px){
  .footer{grid-template-columns:1fr;gap:12px}
  .footer .cta{justify-self:start}
  .footer .social{justify-self:start}
}

/* Mobile tweaks gerais */
@media (max-width: 768px){
  .container{ padding:14px; }
  .brand img{ height:40px; }
  .nav a.cta{ padding:8px 10px;font-size:0.9rem;border-radius:12px;white-space:nowrap; }
  .hero-photo img{ height:42vh; object-position:center 65%; }
  .card{ padding:14px; border-radius:16px; box-shadow:0 8px 20px rgba(2,14,28,.06); }
  .testi-list{ grid-template-columns:1fr; }
}
/* --- Ajuste: mover botão "Pedir Orçamento" para o topo à direita --- */
.header--stack {
  flex-direction: row;         /* coloca logo + botão lado a lado */
  align-items: center;         /* alinha verticalmente ao centro */
  justify-content: space-between; /* logo à esquerda, botão à direita */
}