/*
Theme Name: Mascotix Hello
Description: Tema filho do Hello Elementor. Acabamento visual para os templates Mascotix.
Author: Mascotix
Template: hello-elementor
Version: 1.0.0
Text Domain: mascotix-hello
*/
.mx{box-sizing:border-box;min-width:0}.mx p:last-child{margin-bottom:0}.mx-inner{width:100%;max-width:1180px;margin-inline:auto}.mx-section{scroll-margin-top:24px}.mx .elementor-heading-title{overflow-wrap:break-word}.mx-header{border-bottom:1px solid #e9e1ef}.mx-nav{min-height:96px}.mx-logo{width:110px;flex:0 0 110px}.mx-logo img{display:block;width:110px;height:110px;object-fit:contain}.mx-navlinks{width:auto}.mx-navlink .elementor-button{box-shadow:none;border:0;padding:10px 12px}.mx-hero{position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 8% 20%,#EDE1FD 0,transparent 38%),radial-gradient(ellipse at 95% 40%,#E3F6FA 0,transparent 35%)}.mx-hero-copy{text-align:center;align-items:center}.mx-hero-title{max-width:1050px}.mx-lead{max-width:690px}.mx-kicker{letter-spacing:2px;font-weight:800}.mx-actions{justify-content:center;flex-wrap:wrap;width:auto;margin-block:8px 24px}.mx-hero-art{width:100%;position:relative;transform-origin:center bottom;animation:mx-arrive 900ms ease-out both}.mx-hero-art img{display:block;width:100%;height:auto;margin:auto;filter:drop-shadow(0 20px 16px #45305219)}.mx-center{text-align:center}.mx-stripe{text-align:center;border-block:2px solid #292039}.mx-grid{display:grid!important;width:100%;margin-top:28px;align-items:stretch!important}.mx-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mx-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mx-card,.mx-plan{width:100%;border:2px solid #292039;border-radius:24px;box-shadow:5px 5px 0 #292039;transition:transform .22s,box-shadow .22s}.mx-card:hover,.mx-plan:hover{transform:translateY(-5px);box-shadow:7px 10px 0 #292039}.mx-plan>.mx-btn{margin-top:auto}.mx-btn .elementor-button{border:2px solid #292039;box-shadow:4px 4px 0 #292039;transition:transform .18s,box-shadow .18s}.mx-btn .elementor-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #292039}.mx-navlink .elementor-button,.mx-navlink .elementor-button:hover{box-shadow:none;border:0}.mx a:focus-visible{outline:3px solid #209DD3;outline-offset:5px}.mx-faq{border-bottom:2px solid #e9e1ef;padding-bottom:26px}.mx-contact{text-align:center;background-image:radial-gradient(circle at 0 100%,#209dd350 0,transparent 45%),radial-gradient(circle at 100% 0,#ffcf1930 0,transparent 45%)}.mx-contact .mx-inner{align-items:center}.mx-contact .elementor-widget-text-editor{max-width:690px}.mx-footer{text-align:center}.mx-footer .mx-inner{align-items:center}.mx-in-view{animation:mx-arrive .65s ease-out both}@keyframes mx-arrive{from{transform:translateY(20px)}to{transform:translateY(0)}}
@media(min-width:1025px){.mx-hero-art:hover{transform:translateY(-4px);transition:transform .4s}}
@media(max-width:1024px){.mx-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-nav{flex-wrap:wrap}.mx-navlinks{order:3;width:100%;justify-content:center}.mx-nav .mx-btn{width:auto}}
@media(max-width:767px){.mx-grid-2,.mx-grid-3,.mx-grid-4{grid-template-columns:1fr}.mx-nav{flex-direction:row!important;gap:10px!important;justify-content:space-between}.mx-navlinks{flex-direction:row!important;flex-wrap:wrap;gap:0!important}.mx-navlinks .elementor-button{padding:8px;font-size:13px}.mx-logo{width:82px;flex-basis:82px}.mx-logo img{width:82px;height:82px}.mx-nav>.mx-btn .elementor-button{font-size:15px;padding:12px 18px}.mx-actions{width:100%;align-items:center}.mx-hero-art{margin-top:8px}.mx-kicker{letter-spacing:1px}.mx-hero-title .elementor-heading-title{font-size:40px}.mx-card,.mx-plan{box-shadow:3px 3px 0 #292039}}
@media(prefers-reduced-motion:reduce){.mx,.mx *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mx-card:hover,.mx-plan:hover,.mx-hero-art:hover{transform:none}}
.elementor-editor-active .mx,.elementor-editor-active .mx *{animation:none!important}.elementor-editor-active .mx-card:hover,.elementor-editor-active .mx-plan:hover{transform:none}