/* Rádio 3PWeb adapter: uses the same visual tokens, spacing, card geometry,
   hover language and motion timing as the 3PWeb Intelligence home. */
:root { --teal: #00a7b5; --teal-soft: #69dbe1; --ink: #062f38; --muted: #637a80; --line: #dbe5e7; --paper: #ffffff; }
body { color: var(--ink); background: #fff; font-family: Inter, Geist, ui-sans-serif, system-ui, sans-serif; }
.container { width: min(100% - 2rem, 1200px); margin-inline: auto; }
.pw-header { min-height: 76px; background: rgba(255,255,255,.92); border-bottom: 1px solid var(--line); box-shadow: none; }
.pw-header .container { min-height: 76px; }
.pw-radio-brand-logo { display:block; width:10.4rem; height:auto; object-fit:contain; object-position:center; }
.pw-brand-monogram { background: linear-gradient(135deg,#0d5965,#063842); box-shadow: 0 12px 22px rgba(2,49,58,.18); }
.pw-brand-name { letter-spacing: .13em; color: var(--ink); }
.pw-brand-sub, .pw-hero-eyebrow, .pw-section-eyebrow { color: var(--teal); letter-spacing: .18em; }
.pw-hero { position: relative; overflow: hidden; padding: clamp(6rem,12vw,10rem) 0 clamp(4rem,8vw,7rem); background: radial-gradient(circle at 94% 8%,rgba(105,219,225,.2),transparent 25%),radial-gradient(circle at 4% 88%,rgba(217,169,61,.11),transparent 22%),#fff; }
.pw-hero::before { position:absolute; inset:0; opacity:.55; background-image: linear-gradient(rgba(6,47,56,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(6,47,56,.035) 1px,transparent 1px); background-size: 34px 34px; content:""; mask-image:linear-gradient(90deg,transparent,black 40%,black 70%,transparent); }
.pw-hero-content { position:relative; max-width: 51rem; animation: radio-hero-in .75s cubic-bezier(.16,1,.3,1) both; }
.pw-hero-title { max-width: 18ch; color: var(--ink); font-size: clamp(2.8rem,6.8vw,6.4rem); line-height:.95; letter-spacing:-.075em; }
.pw-hero-subtitle { max-width: 43rem; color: var(--muted); font-size: 1.04rem; line-height:1.75; }
.pw-btn { border-radius: 1rem; font-weight: 720; transition: transform 220ms ease, box-shadow 220ms ease, background 220ms ease; }
.pw-btn:hover { transform: translateY(-3px); box-shadow: 0 14px 28px rgba(3,67,78,.18); }
.pw-btn-primary { background: linear-gradient(135deg,#064c58,#0ca9b8); }
.pw-btn-secondary { border-color: var(--line); background:#fff; color:var(--ink); }
.pw-player-section, .pw-radar-section, .pw-market-section, .pw-daily-section, .pw-poll-section { background: #fff; }
.pw-player-card, .pw-radar-card, .pw-market-card, .pw-daily-card, .pw-poll-card, .pw-intel-card, .pw-ai-card, .pw-ai-benefit, .pw-ai-panel, .pw-intel-cta { border: 1px solid var(--line); border-radius:1.2rem; background:rgba(255,255,255,.9); box-shadow:0 16px 36px rgba(18,63,74,.06); transition: transform 420ms cubic-bezier(.16,1,.3,1),box-shadow 420ms cubic-bezier(.16,1,.3,1),border-color 320ms ease; }
.pw-player-card:hover, .pw-radar-card:hover, .pw-market-card:hover, .pw-daily-card:hover, .pw-poll-card:hover, .pw-intel-card:hover, .pw-ai-card:hover, .pw-ai-benefit:hover, .pw-ai-panel:hover, .pw-intel-cta:hover { border-color: rgba(0,167,181,.42); box-shadow:0 24px 52px rgba(18,63,74,.16),0 0 0 1px rgba(105,219,225,.1) inset; transform:translateY(-7px); }
.pw-intel-services, .pw-ai-expertise { background: linear-gradient(180deg,#fff,#f7fbfb); }
.pw-hero-title, .pw-section-title, .pw-radar-title, .pw-market-title, .pw-daily-title, .pw-poll-title, .pw-intel-title, .pw-ai-title, main h2 { font-family:Inter,Geist,ui-sans-serif,system-ui,sans-serif; font-weight:760; letter-spacing:-.06em; line-height:1.02; text-wrap:balance; }
.pw-section-title, .pw-radar-title, .pw-market-title, .pw-daily-title, .pw-poll-title { color:var(--ink); }
.pw-title-word { display:inline-block; margin-right:0; color:inherit; white-space:nowrap; }
.pw-title-word:last-child { margin-right:0; }
.pw-title-word.is-accent { color:var(--teal); text-shadow:0 16px 42px rgba(0,167,181,.15); }
.pw-title-character { display:inline-block; color:inherit; will-change:transform,opacity,filter; }
.pw-motion-ready .pw-title-motion:not(.is-title-visible) .pw-title-character { opacity:0; filter:blur(7px); transform:translate3d(0,.82em,0) rotateX(-28deg); }
.pw-motion-ready .pw-title-motion.is-title-visible .pw-title-character { animation:pw-title-character-reveal 760ms cubic-bezier(.16,1,.3,1) forwards; animation-delay:calc(90ms + var(--character-index) * 38ms); }
.pw-intel-card::before, .pw-ai-card::before { background: linear-gradient(90deg,var(--teal),#d9a93d); }
.pw-intel-card, .pw-ai-card { color:var(--ink) !important; }
.pw-intel-card .pw-intel-card__title, .pw-intel-card .pw-intel-card__text, .pw-intel-card .pw-intel-card__list li, .pw-ai-card h3, .pw-ai-card p, .pw-ai-card li { color:var(--ink) !important; }
.pw-intel-card:hover .pw-intel-card__list li, .pw-intel-card:focus-within .pw-intel-card__list li { color:var(--ink) !important; }
.pw-intel-card p, .pw-ai-card p, .pw-intel-card li, .pw-ai-card li { opacity:.78; }
.pw-intel-card a, .pw-ai-card a { color:var(--teal); }
.pw-intel-card, .pw-intel-cta, .pw-ai-panel, .pw-ai-benefit, .pw-ai-client-benefit, .pw-ai-cta { background:#eaf0f1 !important; border-color:rgba(18,63,74,.14) !important; color:var(--ink) !important; }
.pw-intel-cta__title, .pw-ai-panel__title, .pw-ai-benefit h4, .pw-ai-client-benefit strong, .pw-ai-cta__title { color:var(--ink) !important; opacity:1 !important; }
.pw-intel-cta__text, .pw-ai-panel__text, .pw-ai-benefit p, .pw-ai-client-benefit p, .pw-ai-cta__text { color:#506b72 !important; opacity:1 !important; }
.pw-intel-btn--secondary, .pw-ai-btn--secondary { border-color:rgba(18,63,74,.22) !important; color:var(--ink) !important; }
.pw-intel-btn--secondary:hover, .pw-ai-btn--secondary:hover { border-color:var(--teal) !important; background:#fff !important; color:var(--ink) !important; }
.pw-intel-card:hover, .pw-intel-card:focus-within, .pw-intel-cta:hover, .pw-ai-panel:hover, .pw-ai-benefit:hover, .pw-ai-client-benefit:hover, .pw-ai-cta:hover { background:#fff !important; }
.pw-footer { border-top:1px solid rgba(255,255,255,.14); background:#063842; color:rgba(255,255,255,.7); }
.pw-footer-grid { display:grid; gap:2.5rem; padding-block:4rem 2.75rem; }
.pw-footer-intro { display:grid; gap:1rem; max-width:20rem; }
.pw-footer-intro img { display:block; width:12rem; height:auto; border-radius:.6rem; }
.pw-footer-intro p { color:rgba(255,255,255,.62); font-size:.82rem; line-height:1.65; }
.pw-footer-column { display:grid; align-content:start; gap:.65rem; font-size:.78rem; line-height:1.6; }
.pw-footer-column strong { margin-bottom:.2rem; color:#fff; font-size:.7rem; letter-spacing:.13em; text-transform:uppercase; }
.pw-footer-column a { color:var(--teal-soft); text-decoration:none; }
.pw-footer-partner { display:inline-flex; align-items:center; gap:.55rem; width:fit-content; color:#fff; font-size:.7rem; font-weight:720; line-height:1.25; text-decoration:none; }
.pw-footer-partner img { width:2.6rem; height:2.6rem; object-fit:contain; border-radius:.45rem; background:#fff; }
.pw-footer-bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; padding-block:1.1rem; border-top:1px solid rgba(255,255,255,.14); font-size:.68rem; }
.pw-footer-bottom a { color:var(--teal-soft); text-decoration:none; }
.pw-google-partner { display:inline-flex; align-items:center; gap:.55rem; margin-left:1rem; color:var(--ink); font-size:.68rem; font-weight:700; text-decoration:none; }
.pw-google-partner img { width:2rem; height:2rem; object-fit:contain; }
@keyframes radio-hero-in { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
@keyframes pw-title-character-reveal { from { opacity:0; filter:blur(7px); transform:translate3d(0,.82em,0) rotateX(-28deg); } to { opacity:1; filter:blur(0); transform:translate3d(0,0,0); } }
@media (min-width:720px) { .container { width:min(100% - 4rem,1200px); } .pw-footer-grid { grid-template-columns:minmax(15rem,1.5fr) 1fr 1fr auto; } }
@media (prefers-reduced-motion:reduce) { .pw-hero-content { animation:none; } .pw-title-character,.pw-motion-ready .pw-title-motion:not(.is-title-visible) .pw-title-character,.pw-motion-ready .pw-title-motion.is-title-visible .pw-title-character { opacity:1; filter:none; transform:none; animation:none; } .pw-player-card:hover, .pw-radar-card:hover, .pw-market-card:hover, .pw-daily-card:hover, .pw-poll-card:hover, .pw-intel-card:hover, .pw-ai-card:hover, .pw-ai-benefit:hover, .pw-ai-panel:hover, .pw-intel-cta:hover, .pw-btn:hover { transform:none; } }