/* A Volar: Tests ULM — azul cielo, Nunito redondeada, nubes */
@font-face { font-family: "Nunito"; font-weight: 400 700; font-display: swap; src: url("/apps/avolar/fonts/Nunito_700Bold.ttf") format("truetype"); }
@font-face { font-family: "Nunito"; font-weight: 800; font-display: swap; src: url("/apps/avolar/fonts/Nunito_800ExtraBold.ttf") format("truetype"); }
@font-face { font-family: "Nunito"; font-weight: 900; font-display: swap; src: url("/apps/avolar/fonts/Nunito_900Black.ttf") format("truetype"); }

:root {
  --accent: #1E6FE8; --accent-ink: #fff;
  --gold: #F7B500; --gold-soft: #FFF6D6;
  --ink: #0E2A52; --muted: #5b6b85; --bg: #F3F8FF; --bg-2: #E3EEFF; --line: #D6E4FA;
  --radius: 26px; --radius-sm: 16px;
  --font-head: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --placeholder: url("/apps/avolar/img/icon.png");
}
body { background: var(--bg); }
h1, h2 { letter-spacing: -.02em; font-weight: 900; }
.kicker { color: var(--accent); }
.feat .fi { background: var(--bg-2); color: var(--accent); }

.app-hero { position: relative; overflow: hidden; background: linear-gradient(150deg, #0B5FD9, #2F8CF7 55%, #6CC4FF); color: #fff; }
.app-hero .tagline, .app-hero .platforms li { color: rgba(255,255,255,.92); }
.app-hero .icon { border-radius: 24px; box-shadow: 0 16px 40px rgba(0,20,60,.3); }
.app-hero::before, .app-hero::after { content: ""; position: absolute; border-radius: 50%; background: rgba(255,255,255,.12); filter: blur(2px); }
.app-hero::before { width: 520px; height: 520px; right: -160px; top: -180px; }
.app-hero::after { width: 380px; height: 380px; left: -140px; bottom: -200px; }
.hero-visual .phone { width: 270px; transform: rotate(4deg); }
.status-pill { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 4px; background: rgba(255,255,255,.18); color: #fff; font-weight: 800; font-size: 15px; padding: 8px 16px; border-radius: 999px; }
.status-pill .dot { width: 9px; height: 9px; border-radius: 50%; background: var(--gold); animation: av-pulse 1.8s infinite; }
@keyframes av-pulse { 0% { box-shadow: 0 0 0 0 rgba(247,181,0,.7); } 70%, 100% { box-shadow: 0 0 0 9px rgba(247,181,0,0); } }
.pill-note { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: rgba(255,255,255,.9); margin-top: 18px; }
.crown { color: var(--gold); }
.cta.soon { cursor: default; }
.cta.soon:hover { transform: none; }

.plans { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 40px; max-width: 860px; }
.plan { border: 1px solid var(--line); border-radius: var(--radius); padding: 32px; background: #fff; }
.plan.pro { background: linear-gradient(150deg, #0B2E66, #1E6FE8); color: #fff; border-color: transparent; position: relative; overflow: hidden; }
.plan.pro::after { content: "✈"; position: absolute; right: 22px; top: 6px; font-size: 90px; color: #fff; opacity: .12; }
.plan h3 { font-size: 22px; display: flex; gap: 8px; align-items: center; }
.plan .price { font-size: 40px; font-weight: 900; letter-spacing: -.02em; margin: 8px 0 4px; }
.plan .price small { font-size: 15px; font-weight: 700; opacity: .75; letter-spacing: 0; }
.plan ul { list-style: none; padding: 0; margin: 20px 0 0; display: grid; gap: 10px; }
.plan li { display: flex; gap: 10px; }
.plan li::before { content: "✓"; font-weight: 900; color: var(--accent); }
.plan.pro li::before { color: var(--gold); }
@media (max-width: 700px) { .plans { grid-template-columns: 1fr; } }
.gallery { justify-content: center; }
@media (max-width: 900px) { .gallery { justify-content: flex-start; } }
.disclaimer { font-size: 14px; color: var(--muted); max-width: 70ch; }
.app-hero .platforms li { background: rgba(255,255,255,.18); color: #fff; border-color: transparent; }
.app-hero .cta.soon { background: #fff; color: var(--ink); }
.app-hero h1 { color: #fff; }