/* Orçamento rápido, compartilhar e avaliações — Onyx Viagens (usado na home e no blog) */

/* ---------- ORÇAMENTO RÁPIDO ---------- */
.orc-card{
  background:#082D4A; color:#fff; border-radius:14px; padding:40px;
  display:grid; grid-template-columns: .9fr 1.1fr; gap:36px; align-items:center;
  border:1px solid rgba(212,184,127,.3);
}
.orc-eyebrow{ display:inline-block; font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:#D4B87F; margin-bottom:10px; }
.orc-card h2{ color:#fff; margin:0 0 12px; font-size:32px; line-height:1.15; }
.orc-card .orc-texto p{ color: rgba(255,255,255,.82); font-size:16px; margin:0; }
.orc-campos{ display:grid; grid-template-columns: 1fr 1fr; gap:12px 14px; }
.orc-campos label{ display:flex; flex-direction:column; gap:6px; font-size:13.5px; font-weight:600; color: rgba(255,255,255,.9); }
.orc-campos input{
  font-family: inherit; font-size:16px; color:#082D4A; background:#fff;
  height:48px; padding:0 14px; border:2px solid transparent; border-radius:8px; width:100%; min-width:0;
}
.orc-campos input:focus{ outline:none; border-color:#00AEEF; }
.orc-campos input.invalido{ border-color:#ff8a8a; }
.orc-pessoas{ display:grid; grid-template-columns: 1fr 1fr; gap:12px 14px; grid-column: 1 / -1; }
.orc-form .btn{ width:100%; justify-content:center; margin-top:18px; font-size:16px; padding:15px 20px; }
.orc-erro{ margin:12px 0 0; padding:10px 12px; border-radius:8px; background: rgba(255,138,138,.15); color:#ffd2d2; font-size:14.5px; }
.orc-nota{ display:block; margin-top:10px; font-size:13px; color: rgba(255,255,255,.65); text-align:center; }
@media (max-width: 860px){ .orc-card{ grid-template-columns:1fr; padding:28px 22px; gap:22px; } }
@media (max-width: 620px){ .orc-card h2{ font-size:26px; } }

/* versão dentro da chamada final dos posts (fundo cinza-claro) */
.cta-final .orc-card{ text-align:left; margin-top:8px; }
.cta-final .orc-card h2{ font-size:28px; }

/* ---------- COMPARTILHAR ---------- */
.compartilhar{ border-top:1px solid rgba(8,45,74,.12); border-bottom:1px solid rgba(8,45,74,.12); padding:22px 0; margin:40px 0; display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between; }
.compartilhar p{ margin:0 !important; font-weight:600; color:#082D4A; font-size:16px; }
.comp-botoes{ display:flex; flex-wrap:wrap; gap:10px; }
.btn-comp{
  display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 16px; border-radius:100px;
  font-family: inherit; font-size:14.5px; font-weight:600; cursor:pointer;
  border:1.5px solid rgba(8,45,74,.25); background:#fff; color:#082D4A; text-decoration:none;
}
.btn-comp:hover{ border-color:#082D4A; }
.btn-comp.wa{ background:#00AEEF; border-color:#00AEEF; }
.btn-comp svg{ width:18px; height:18px; }
.comp-aviso{ font-size:13.5px; color:#0079a8; font-weight:600; }

/* ---------- AVALIAÇÕES NOS POSTS ---------- */
.avaliacoes-post{ margin:44px 0; }
.avaliacoes-post .grade{ display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; margin:18px -60px 14px; }
.avaliacao{ background:#EBEEF4; border-radius:10px; padding:20px; }
.avaliacao .estrelas{ color:#D4B87F; letter-spacing:2px; font-size:16px; margin-bottom:8px; }
.avaliacao p{ font-size:15px !important; color:#082D4A !important; margin:0 0 10px !important; line-height:1.55; }
.avaliacao span{ font-size:13.5px; font-weight:600; color:#5A6270; }
@media (max-width: 900px){ .avaliacoes-post .grade{ margin-left:0; margin-right:0; } }
@media (max-width: 760px){ .avaliacoes-post .grade{ grid-template-columns:1fr; } }

.orcamento-home{ padding:0 0 110px; background:#fff; }
@media (max-width: 720px){ .orcamento-home{ padding-bottom:80px; } }

/* celular: nada passa da borda — campos em 1 coluna, pessoas lado a lado */
.orc-card > *, .orc-campos > *, .orc-pessoas > *{ min-width:0; }
.orc-card{ grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); }
@media (max-width: 860px){ .orc-card{ grid-template-columns: minmax(0,1fr); } }
@media (max-width: 560px){
  .orc-campos{ grid-template-columns: minmax(0,1fr); }
  .orc-pessoas{ grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .orc-card{ padding:24px 18px; }
}
input[type="date"]{ -webkit-appearance:none; appearance:none; min-height:48px; }