/* ===========================================================
   SEI PRONTO TAXI — styles (vibrant taxi look, no icons)
   Brand red  #ff3019   ·   Brand green #03ac51
   =========================================================== */
:root{
  --red:#ff3019;
  --red-d:#d81e0a;
  --green:#03ac51;
  --green-d:#02913f;
  --ink:#0f1115;
  --ink-2:#171a21;
  --card:#1d212b;
  --line:#2b3040;
  --text:#f4f5f7;
  --muted:#aeb4c2;
  --radius:18px;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  background:var(--ink);
  color:var(--text);
  line-height:1.5;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* ---- Top bar ---- */
.topbar{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px;gap:12px;
  position:sticky;top:0;z-index:20;
  background:rgba(15,17,21,.85);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.topbar__mark{height:34px;width:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.lang{display:flex;gap:6px}
.lang__btn{
  font:600 13px/1 inherit;color:var(--muted);
  background:transparent;border:1px solid var(--line);
  padding:8px 12px;border-radius:999px;cursor:pointer;
  transition:.15s;
}
.lang__btn:hover{color:var(--text);border-color:var(--muted)}
.lang__btn.is-active{
  color:#fff;background:var(--red);border-color:var(--red);
}

/* ---- Hero ---- */
.hero{
  position:relative;overflow:hidden;
  padding:40px 20px 48px;text-align:center;
  background:
    repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 22px,transparent 22px 44px),
    linear-gradient(180deg,var(--ink-2),var(--ink));
}
.hero__glow{
  position:absolute;inset:-40% -20% auto;height:520px;
  background:
    radial-gradient(closest-side,rgba(255,48,25,.45),transparent 70%) 18% 0/60% 100% no-repeat,
    radial-gradient(closest-side,rgba(3,172,81,.40),transparent 70%) 82% 8%/60% 100% no-repeat;
  filter:blur(20px);pointer-events:none;
}
.hero__inner{position:relative;max-width:680px;margin:0 auto}
.hero__logo{
  width:min(86%,520px);margin:6px auto 18px;
  filter:drop-shadow(0 6px 16px rgba(0,0,0,.55));
}
.badge{
  display:inline-flex;align-items:center;gap:7px;
  font:700 13px/1 inherit;letter-spacing:.04em;text-transform:uppercase;
  color:var(--green);background:rgba(3,172,81,.16);
  border:1px solid rgba(3,172,81,.5);
  padding:8px 14px;border-radius:999px;
}
.hero__tagline{
  font-size:clamp(26px,6.4vw,40px);font-weight:800;
  margin:16px 0 6px;letter-spacing:-.01em;
}
.hero__subtitle{color:var(--muted);font-size:clamp(15px,3.6vw,18px);margin-bottom:24px}

.cta{
  display:inline-flex;align-items:center;gap:14px;
  padding:18px 32px;border-radius:999px;
  background:linear-gradient(180deg,var(--red),var(--red-d));
  color:#fff;font-weight:700;
  box-shadow:0 12px 28px rgba(255,48,25,.4);
  transition:transform .12s, box-shadow .12s;
}
.cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(255,48,25,.5)}
.cta:active{transform:translateY(0)}
.cta span{display:flex;flex-direction:column;line-height:1.15;text-align:center}
.cta strong{font-size:19px;letter-spacing:.01em}
.cta small{font-size:14px;opacity:.95;font-weight:700;margin-top:2px}

/* ---- Layout wrap ---- */
.wrap{max-width:760px;margin:0 auto;padding:36px 16px 8px}
.section-title{
  font-size:clamp(20px,4.6vw,26px);font-weight:800;
  text-align:center;margin:6px 0 18px;
}

/* ---- Contact grid (no icons, colored accent bar on the left) ---- */
.grid{
  display:grid;gap:12px;
  grid-template-columns:repeat(2,1fr);
}
.tile{
  position:relative;
  display:flex;align-items:center;justify-content:flex-start;
  padding:20px 18px 20px 22px;border-radius:var(--radius);
  background:var(--card);border:1px solid var(--line);
  box-shadow:var(--shadow);overflow:hidden;
  transition:transform .12s,border-color .12s,background .12s;
  min-height:84px;
}
.tile::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:6px;
  background:var(--muted);
}
.tile:hover{transform:translateY(-3px)}
.tile:active{transform:translateY(0)}
.tile__txt{display:flex;flex-direction:column;min-width:0}
.tile__txt strong{font-size:17px}
.tile__txt small{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}

.tile--call{grid-column:1/-1;background:linear-gradient(180deg,rgba(255,48,25,.10),rgba(255,48,25,.02))}
.tile--call::before{background:linear-gradient(180deg,var(--red),var(--red-d))}
.tile--call:hover{border-color:var(--red)}

.tile--wa::before{background:#25d366}
.tile--wa:hover{border-color:#25d366}

.tile--ig::before{background:linear-gradient(180deg,#f9ce34,#ee2a7b 50%,#6228d7)}
.tile--ig:hover{border-color:#ee2a7b}

.tile--fb::before{background:#1877f2}
.tile--fb:hover{border-color:#1877f2}

.tile--loc::before{background:linear-gradient(180deg,var(--green),var(--green-d))}
.tile--loc:hover{border-color:var(--green)}

/* ---- Save contact ---- */
.savecard{
  display:flex;align-items:center;justify-content:center;
  width:100%;margin:14px 0 4px;padding:16px;
  background:transparent;color:var(--text);
  border:1.5px dashed var(--line);border-radius:var(--radius);
  font:700 15px/1 inherit;cursor:pointer;transition:.15s;
}
.savecard:hover{border-color:var(--green);color:#dffeee}

/* ---- Footer ---- */
.footer{
  text-align:center;padding:32px 16px 40px;margin-top:30px;
  border-top:1px solid var(--line);color:var(--muted);font-size:13px;
}
.footer__mark{height:40px;width:auto;margin:0 auto 12px;opacity:.9}

@media (max-width:380px){
  .grid{grid-template-columns:1fr}
  .tile--call{grid-column:auto}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important}
}