*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --teal:#18777d;
  --teal-dark:#135f64;
  --teal-light:#e6f4f5;
  --gold:#b18d4f;
  --gold-light:rgba(177,141,79,0.15);
  --sand:#f7f2ea;
  --sand-dark:#ede6d8;
  --text:#2c2c2c;
  --text-muted:#6b6b6b;
  --white:#ffffff;
  --radius:10px;
  --shadow:0 2px 16px rgba(0,0,0,0.10);
}
html{scroll-behavior:smooth}
body{font-family:'Lato',sans-serif;color:var(--text);background:var(--sand);line-height:1.6}
h1,h2,h3,h4{font-family:'Raleway',sans-serif}

/* ── HERO ── */
.hero{
  position:relative;
  background:linear-gradient(160deg, #0d4a4e 0%, #18777d 55%, #1a8a91 100%);
  color:#fff;
  padding:40px 24px 80px;
  text-align:center;
  overflow:hidden;
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
}
/* cover image — place cover.jpg in the same folder as index.html */
.hero-bg{
  position:absolute;inset:0;
  background:url('cover.jpg') center center / cover no-repeat;
  z-index:0;
}
/* dark gradient overlay so text stays readable */
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to bottom,
    rgba(0,0,0,0.18) 0%,
    rgba(0,0,0,0.35) 50%,
    rgba(0,0,0,0.62) 100%);
  z-index:1;
}
.hero>*:not(.hero-bg):not(.hero-overlay){position:relative;z-index:2}
.hero-badge{
  display:inline-block;
  background:rgba(255,255,255,0.15);
  border:1px solid rgba(255,255,255,0.3);
  color:#fff;
  font-family:'Raleway',sans-serif;font-size:1vh;font-weight:600;
  letter-spacing:2.5px;text-transform:uppercase;
  padding:6px 18px;border-radius:30px;margin-bottom:20px;
}
.hero h1{
  font-size:clamp(2rem,5vw,2.2rem);font-weight:800;
  letter-spacing:-0.5px;line-height:1.15;margin-bottom:10px;
}
.hero h1 em{font-style:normal;color:#f0c96e}
.hero-sub{
  font-family:'Raleway',sans-serif;font-size:1.1rem;
  font-weight:300;letter-spacing:1px;opacity:0.88;margin-bottom:32px;
}
.hero-pills{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
}
.hero-pill{
  display:flex;align-items:center;gap:7px;
  background:rgba(255,255,255,0.13);
  border:1px solid rgba(255,255,255,0.22);
  border-radius:30px;padding:8px 16px;
  font-size:13px;font-weight:600;
  font-family:'Raleway',sans-serif;letter-spacing:0.3px;
}
.hero-pill svg{width:14px;height:14px;opacity:0.85;flex-shrink:0}

/* ── CTA STRIP ── */
.cta-strip{
  background:var(--gold);text-align:center;padding:16px 24px;
}
.cta-strip a{
  font-family:'Raleway',sans-serif;font-weight:700;font-size:1rem;
  color:#fff;text-decoration:none;letter-spacing:0.5px;
}
.cta-strip a:hover{text-decoration:underline}

/* ── LAYOUT ── */
.page-wrap{max-width:960px;margin:0 auto;padding:0 20px}
.page-wrap-v{max-width:90vw;margin:0 auto;padding:0 20px}

/* ── SECTION CARDS ── */
.card{
  background:var(--white);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:40px 36px;margin-top:28px;
}
.card:first-child{margin-top:-40px;position:relative;z-index:2}

.section-title{
  font-family:'Raleway',sans-serif;font-size:1.45rem;font-weight:700;
  color:var(--teal-dark);margin-bottom:6px;
}
.section-title2 {
  font-family:'Raleway',sans-serif;font-size:1rem;font-weight:700;
  color:var(--teal-dark);margin-bottom:6px;
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 10px;
}
.section-menu {
  flex: 1 1 200px;
  border-radius: 10px;
  background-color: var(--teal-light);
  text-align: center;
  padding: 5px;
  cursor: pointer;
  color: var(--teal);
}
.section-menu-sair {
  flex: 0 0 120px;
  border-radius: 10px;
  background-color: var(--gold);
  text-align: center;
  padding: 5px;
  cursor: pointer;
  color: white;
}
.section-title-line{
  width:40px;height:3px;background:var(--gold);
  border-radius:2px;margin-bottom:22px;
}

.vendedor{
  display:grid;
  gap:16px;margin-bottom:20px;
}

.in-btn{
  width:100%;margin-top:24px;padding:16px;
  background:var(--gold);color:#fff;border:none;
  border-radius:10px;font-family:'Raleway',sans-serif;
  font-size:1.05rem;font-weight:700;letter-spacing:0.5px;
  cursor:pointer;transition:background 0.2s,transform 0.1s;
}
.in-btn:hover{background:#9a7a41}

.lista_ordens {
  width: 100%;
  border: 0;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
}
.lista_ordens th { border-radius: 5px; font-weight: bold; background: teal; color: white; }
.lista_ordens td { border-radius: 5px; text-align: center; cursor:pointer; }

.lista_ordens tr:nth-child(even) {
  background: #e6f4f5;
}
.lista_ordens span { cursor: pointer; }

/* ── PRICING ── */
.pricing-cards{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:16px;margin-bottom:20px;
}
.price-card{
  border:2px solid var(--sand-dark);border-radius:10px;
  padding:20px;text-align:center;transition:border-color 0.2s;
  position:relative;
}
.price-card:hover{border-color:var(--teal); cursor: pointer;}
.price-card.featured{border-color:var(--gold);background:var(--gold-light)}
.price-card .badge{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--gold);color:#fff;
  font-family:'Raleway',sans-serif;font-size:10px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;
  padding:3px 12px;border-radius:12px;white-space:nowrap;
}
.price-card .currency{
  font-family:'Raleway',sans-serif;font-size:11px;font-weight:600;
  letter-spacing:1px;text-transform:uppercase;
  color:var(--text-muted);margin-bottom:4px;
}
.price-card .amount{
  font-family:'Raleway',sans-serif;font-size:1.75rem;font-weight:800;
  color:var(--teal-dark);line-height:1.1;
}
.price-card .condition{font-size:12px;color:var(--text-muted);margin-top:6px;line-height:1.45}
.usd-note{
  background:var(--sand);border-radius:8px;padding:12px 16px;
  font-size:13px;color:var(--text-muted);
}
.usd-note strong{color:var(--text)}
.not-included{
  background:#fff8f0;border-left:3px solid var(--gold);
  border-radius:8px;padding:14px 18px;margin-top:14px;
  font-size:13px;color:var(--text-muted);line-height:1.7;
}
.not-included strong{color:var(--text);display:block;margin-bottom:3px}

/* ── CHECKOUT FORM ── */
.checkout-card{
  background:var(--teal-dark);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:36px;margin-top:28px;
}
.checkout-card .section-title{color:#fff}
.checkout-card .section-title-line{background:var(--gold)}
.checkout-card .form-intro{
  font-size:1.5vh;color:rgba(255,255,255,0.7);
  margin-bottom:26px;line-height:1.6;
}

.f-group{margin-bottom:16px;}
.f-group label{
  display:block;font-family:'Raleway',sans-serif;
  font-size:1.5vh;font-weight:600;letter-spacing:0.5px;
  text-transform:uppercase;color:rgba(255,255,255,0.75);
  margin-bottom:6px;
}
.f-group input[type=text],
.f-group input[type=number],
.f-group input[type=email],
.f-group input[type=tel],
.f-group input[type=date],
.f-group select{
  width:100%;padding:12px 14px;
  border:1.5px solid rgba(255,255,255,0.2);
  border-radius:10px;
  font-family:'Lato',sans-serif;font-size:1.5vh;
  color:var(--text);background:#fff;
  transition:border-color 0.2s,box-shadow 0.2s;
  outline:none;-webkit-appearance:none;
}
.f-group input:read-only,
.f-group textarea:read-only {
  background: #ededed;
  color: #696969;
}
.f-group input:focus,.f-group select:focus{
  border-color:#f0c96e;box-shadow:0 0 0 3px rgba(240,201,110,0.2);
}
.f-group select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
  padding-right:36px;cursor:pointer;
}
.f-group a { color: white; }
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.f-row-3{display:grid;grid-template-columns:2fr 1fr 2fr;gap:14px;margin-bottom:16px}
.f-row-4{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:16px}


.terms-row{
  display:flex;gap:12px;align-items:flex-start;
  background:rgba(255,255,255,0.08);
  border:1.5px solid rgba(255,255,255,0.15);
  border-radius:8px;padding:14px;margin-top:6px;
  align-items: center;
}
.terms-row input[type=checkbox]{
  accent-color:#f0c96e;
  width:18px;height:18px;flex-shrink:0;margin-top:2px;cursor:pointer;
}
.terms-row label{
  font-size:13px;color:rgba(255,255,255,0.7);
  line-height:1.55;cursor:pointer;
}
.terms-row label a{color:#f0c96e;text-decoration:underline}

.pay-btn{
  width:100%;margin-top:24px;padding:16px;
  background:var(--gold);color:#fff;border:none;
  border-radius:10px;font-family:'Raleway',sans-serif;
  font-size:1.05rem;font-weight:700;letter-spacing:0.5px;
  cursor:pointer;transition:background 0.2s,transform 0.1s;
}
.pay-btn:hover{background:#9a7a41}
.pay-btn:active{transform:scale(0.99)}
.pay-btn:disabled{background:rgba(177,141,79,0.4);cursor:not-allowed}

/* ── SOBRE ── */
.sobre-section{margin-top:28px;margin-bottom:48px}
.sobre-section p{
  font-size:1.01rem;color:var(--text);
  line-height:1.8;margin-bottom:14px;
}
.sobre-section p:last-child{margin-bottom:0}
.details-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:12px;margin-top:22px;
}
.detail-card{
  background:var(--teal-light);border-left:3px solid var(--teal);
  border-radius:8px;padding:14px 16px;
}
.detail-card .label{
  font-size:10px;font-family:'Raleway',sans-serif;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;
  color:var(--teal);margin-bottom:3px;
}
.detail-card .value{
  font-family:'Raleway',sans-serif;font-size:.95rem;
  font-weight:600;color:var(--text);line-height:1.35;
}

.form_revisa {
  width:100%; height: calc(100% - 22px); padding: 10px 0 5px 15px; border-radius: 10px; background: var(--teal-light); font-size: 1.5vh; overflow: hidden;
}

/* ── FOOTER ── */
footer{
  background:var(--teal-dark);color:rgba(255,255,255,0.65);
  text-align:center;padding:10px 14px;font-size:13px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100vw;
}
footer strong{color:#fff}
footer a{color:#f0c96e;text-decoration:none}

/* ── RESPONSIVE ── */
@media(max-width:580px){
  .card,.checkout-card{padding:28px 20px}
  .f-row{grid-template-columns:1fr}
  .hero{padding:48px 20px 64px}
  .pricing-cards{grid-template-columns:1fr}
}

#form_n8n {
  min-width: 500px;
  width:100%;
  margin: auto;
  height: 100%;
  min-height: 1000px;
  border: 0;
  border-radius: 20px;
}

#zerar {
  min-height: 50px;
  min-width: 100px;
  border-radius: 8px;
  border: 0;
  padding: 20px;
  position: absolute;
  top: 20px;
  right: 37px;
  color: white;
  background: var(--teal-dark);
  cursor: pointer;
}
#a {
  min-height: 50px;
  min-width: 100px;
  border-radius: 8px;
  border: 0;
  padding: 20px;
  position: absolute;
  top: 20px;
  right: 160px;
  color: white;
  background: var(--teal-dark);
  cursor: pointer;
}

#b {
  min-height: 50px;
  min-width: 100px;
  border-radius: 8px;
  border: 0;
  padding: 20px;
  color: white;
  background: var(--gold);
  cursor: pointer;
}

textarea { width:100%; height: 6em; padding: 15px; border-radius: 10px; }

.icon {
  width: 22px;
  height: auto;
  border: 0;
  cursor: pointer;
}

.redCancel { color: red; }
.greenPaid { color: darkgreen; }
.yellowStarted { color: #5c5300; }

.th1, .th4, .th5, .th6, .th8 {
  width: 12%;
}

.th2, .th3 {
  width: 18%;
}

.th7 {
  width: 4%;
}

.statusRed { color: #ff0000; }

.message {
  width: 100%;
  min-height: 30px;
  background-color: var(--teal);
  color: white;
  font-size: 1em;
  font-weight: bold;
  border-radius: 10px;
  padding: 3px;
  text-align: center;
}

.message a { color: white; }

.success { background-color: green; }
.warn { background-color: saddlebrown; }
.error { background-color: orangered; }

.filtros {
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.filtros-div {
  flex: 1 1 150px;
  color: var(--gold);
  padding: 5px;
}
.summary {
  background-color: var(--gold);
  border-radius: 5px;
  padding-left: 10px;
  flex: 0 1 90%;
  color: white;
  cursor: pointer;
}
.filtros input,select {
  border-radius: 5px;
  border: 0;
  margin-left: 5px;
  background-color: var(--sand);
  color: var(--gold);
  padding: 2px 10px;
}

.filtros input::placeholder { color: grey; }
.filtros input[type=submit] { height: 100%; float: right; background-color: var(--gold); color:var(--sand); }
.submit { 
  flex: 0 1 10%;
  color: var(--sand);
  display: block;
}

.pagination-main {
  width:100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: var(--gold);
  color: white;
  padding: 3px;
  border-radius: 5px;
}

.pagination-left {
  display: flex;
  flex: 1 1 20%;
  text-align: center;
}
.pagination-left div {
  cursor: pointer;
  flex: 1 1 50%;
}
.pagination-middle {
  flex: 1 1 60%;
  text-align: center;
}
.pagination-right {
  display: flex;
  flex: 1 1 20%;
  text-align: center;
}
.pagination-right div {
  cursor: pointer;
  flex: 1 1 50%;
}

fieldset { border: 0; }