/* RUMO A — gerado por design-build/convert.js a partir do Claude Design. Não edite à mão. */

:root{
--brand-action:#1656FF;
--brand-action-hover:#0D3FCC;
--brand-action-active:#0A32A6;
--brand-blue:#046BD2;
--brand-blue-hover:#035AB0;
--brand-accent:#FFCC00;
--surface-navy:#1E293B;
--surface-navy-deep:#0D1B33;
--surface-navy-alt:#16294A;
--surface-light:#F0F5FA;
--surface-white:#FFFFFF;
--border-subtle:#D1D5DB;
--text-primary:#1E293B;
--text-strong:#111111;
--text-muted:#64748B;
--text-on-dark:#FFFFFF;
--text-on-dark-muted:#94A3B8;
--success:#16A34A;
--warning:#F59E0B;
--danger:#DC2626;
--info:#046BD2;
--bg-page:var(--surface-white);
--bg-page-alt:var(--surface-light);
--bg-surface:var(--surface-white);
--bg-surface-dark:var(--surface-navy);
--text-body:var(--text-primary);
--text-heading:var(--text-strong);
--link-color:var(--brand-blue);
--link-hover:var(--brand-blue-hover);
}


:root{
--font-heading:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--font-body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;
--weight-extrabold:800;
--text-display-size:52px;
--text-display-weight:800;
--text-display-lh:1.06;
--text-h2-size:30px;
--text-h2-weight:800;
--text-h2-lh:1.2;
--text-h3-size:20px;
--text-h3-weight:700;
--text-h3-lh:1.3;
--text-h4-size:17px;
--text-h4-weight:700;
--text-h4-lh:1.3;
--text-body-l-size:17px;
--text-body-l-weight:400;
--text-body-l-lh:1.65;
--text-body-size:15px;
--text-body-weight:400;
--text-body-lh:1.6;
--text-small-size:13px;
--text-small-weight:400;
--text-small-lh:1.5;
}


:root{
--space-xs:4px;
--space-sm:8px;
--space-md:16px;
--space-lg:24px;
--space-xl:40px;
--space-2xl:64px;
--space-3xl:96px;
}


:root{
--radius-sm:4px;
--radius-md:8px;
--radius-lg:16px;
--radius-xl:24px;
--radius-pill:999px;
}


:root{
--shadow-sm:0 1px 2px rgba(16,24,40,0.06);
--shadow-md:0 4px 12px rgba(16,24,40,0.08);
--shadow-lg:0 12px 32px rgba(16,24,40,0.12);
}


*{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);color:var(--text-primary);background:var(--surface-white)}
h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-strong);margin:0}
a{color:var(--link-color);text-decoration:none}
a:hover{color:var(--link-hover);text-decoration:underline}


@import url('tokens/fonts.css');
@import url('tokens/colors.css');
@import url('tokens/typography.css');
@import url('tokens/spacing.css');
@import url('tokens/radius.css');
@import url('tokens/shadows.css');
@import url('tokens/base.css');


/* Estilos compartilhados das telas (cabeçalho, botões, dropdown). */


body{margin:0}
a{color:var(--brand-blue);text-decoration:none}
a:hover{color:var(--brand-blue-hover)}
.navlink{color:#fff;font-weight:600;font-size:14px;text-decoration:none}
.navlink:hover{color:var(--brand-accent)}
.btn-primary{background:var(--brand-action);color:#fff;border:none;border-radius:var(--radius-sm);padding:14px 28px;font-weight:700;font-size:15px;cursor:pointer;font-family:var(--font-body);display:inline-flex;align-items:center;gap:8px}
.btn-primary:hover{background:var(--brand-action-hover);color:#fff}
.btn-secondary{background:transparent;color:#fff;border:1.5px solid #fff;border-radius:var(--radius-sm);padding:14px 28px;font-weight:700;font-size:15px;cursor:pointer;font-family:var(--font-body)}
.btn-secondary:hover{background:rgba(255,255,255,.1);color:#fff}
.btn-secondary-dark{background:transparent;color:var(--brand-action);border:1.5px solid var(--brand-action);border-radius:var(--radius-sm);padding:12px 22px;font-weight:700;font-size:14px;cursor:pointer;font-family:var(--font-body)}
.btn-secondary-dark:hover{background:rgba(22,86,255,.08);color:var(--brand-action)}
.nav-dropdown{position:relative}
.nav-dropdown .dropdown-menu{display:none;position:absolute;top:100%;left:0;padding-top:10px;z-index:30}
.nav-dropdown .dropdown-menu-inner{background:#fff;border-radius:10px;box-shadow:var(--shadow-lg);padding:8px;min-width:210px}
.nav-dropdown:hover .dropdown-menu{display:block}
.dropdown-menu a{display:block;color:var(--text-primary) !important;padding:10px 12px;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none}
.dropdown-menu a:hover{background:var(--surface-light);color:var(--brand-action) !important}
.nav-caret{transition:transform .15s ease}
.nav-dropdown:hover .nav-caret{transform:rotate(180deg)}
.dest-chip{background:#fff;border-radius:var(--radius-pill);padding:10px 18px;font-size:14px;font-weight:600;color:var(--text-primary);box-shadow:var(--shadow-sm)}
.dest-chip:hover{color:var(--brand-action)}
@media (max-width:960px){
.site-nav{gap:16px !important}
.site-nav a{font-size:13px !important}
.site-actions .btn-secondary{display:none !important}
}
@media (max-width:680px){
.site-header{flex-wrap:wrap !important;row-gap:10px !important;padding:14px 20px !important}
.site-nav{order:3;width:100%;justify-content:center !important;gap:14px !important;flex-wrap:wrap}
.site-actions .btn-primary{padding:10px 16px !important;font-size:13px !important}
}


/* Integração com o tema Hello/Elementor. */
body{background:#fff;margin:0}
.site-main,.page-content{margin:0;padding:0;max-width:none}
/* O Elementor envolve o cabeçalho num contêiner: o sticky vai pra ele. */
.elementor-location-header{position:sticky;top:var(--wp-admin--admin-bar--height,0);z-index:40}
.elementor-location-header .site-header{position:static!important}
/* O Hello (header-footer.css) limita .site-header a 1140px — o design é largura total. */
header.site-header{max-width:none!important;width:100%!important;margin:0!important;box-sizing:border-box}
.elementor-widget-html{margin:0!important}
/* Logo oficial (o PNG tem margem transparente, por isso a altura maior). */
header.site-header img{height:46px!important;width:auto!important}
.elementor-location-footer footer img{height:52px!important;width:auto!important}
@media (max-width:680px){header.site-header img{height:38px!important}}
/* Âncoras (#contato, #planos...) não ficam atrás do cabeçalho fixo. */
.rumoa-page [id]{scroll-margin-top:96px}
.elementor-widget-html .rumoa-page{width:100%}
.rumoa-page img{max-width:100%;height:auto}
.rumoa-page [data-rumoa-faq]:hover,.rumoa-page [data-rumoa-faq]:focus{background:none}
.rumoa-page a:focus-visible,.rumoa-page button:focus-visible,header a:focus-visible{outline:3px solid var(--brand-accent);outline-offset:2px}
[data-rumoa-panel][hidden],[data-rumoa-faq-a][hidden]{display:none!important}
.site-header .navlink.is-current{color:var(--brand-accent)!important}