/* Native Elementor widget classes supply the same colors, typography and spacing
   as the three existing hero buttons on each site. */
#plex-product-links{background:none;box-shadow:none}
#plex-product-links a::before,#plex-product-links a::after{content:none!important}
nav.plex-product-links{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;padding:20px}
nav.plex-product-links>div{display:contents}
nav.plex-product-links a{display:inline-block;padding:18px 28px;border:2px solid #62b4ce;border-radius:40px;color:#fff;font:inherit;text-decoration:none}
nav.plex-product-links a:first-child{background:#4976ff;border-color:#4976ff}

/* Plex / Plex Brasil: outlined at rest; solid only on hover or selection. */
body .plex-hero-links .elementor-widget-button a.elementor-button,
body #plex-product-links a{background:transparent!important;background-image:none!important;color:#f7f9ff!important;border:2px solid #76d9ff!important;box-shadow:none!important;transition:background-color .18s ease,border-color .18s ease,color .18s ease}
body .plex-hero-links .elementor-widget-button a.elementor-button:hover,
body #plex-product-links a:hover,
body .plex-hero-links .elementor-widget-button a.elementor-button[aria-current="page"],
body #plex-product-links a[aria-current="page"],
body .plex-hero-links .elementor-widget-button a.elementor-button[aria-pressed="true"],
body #plex-product-links a[aria-pressed="true"]{background:#4379fc!important;border-color:#4379fc!important;color:#fff!important}
body .plex-hero-links a:focus-visible,body #plex-product-links a:focus-visible{outline:3px solid #fff!important;outline-offset:4px}
@media(prefers-reduced-motion:reduce){body .plex-hero-links a,body #plex-product-links a{transition:none!important}}

/* Compensate the taller Plex masthead so its central logo clears it like Plex Brasil. */
@media(min-width:768px){.elementor-1267 .elementor-element.elementor-element-cb28be9{--padding-top:clamp(10px,.8vw,16px);padding-top:clamp(10px,.8vw,16px)!important}}

/* Match the header image height of Plex Brasil (22% width at 16:9).
   Plex artwork is 3:2: 22% × 9/16 × 3/2 = 18.5625%. */
@media(min-width:768px){.elementor-1267 .elementor-element.elementor-element-6043251 img{width:18.5625%!important;height:auto!important}}