/* Section 01: areas. All selectors are scoped; other sections stay unchanged. */
#areas .pf7-areas-stage{position:relative;isolation:isolate;padding:32px clamp(17px,2.6vw,32px) 29px;border-radius:30px;background:linear-gradient(125deg,#fff 0%,#faf7ff 55%,#f3faff 100%);border:1px solid #683df114;box-shadow:0 13px 40px #07112f0b}
#areas .pf7-areas-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:28px}
#areas .pf7-heading-copy{min-width:0}
#areas .pf7-heading-copy .pf-kicker{color:#5833ce}
#areas .pf7-heading-copy .pf-kicker:before{background:#ffcb2f}
#areas .pf7-areas-head h2{font:900 clamp(30px,3.55vw,47px)/1.06 'Nunito Sans',Sora,sans-serif;letter-spacing:-.06em;margin:9px 0;color:#07112f}
#areas .pf7-areas-head p{font:600 clamp(13px,1.2vw,15px)/1.5 'Nunito Sans',sans-serif;color:#5f6a85;margin:8px 0 0}
#areas .pf7-spark{display:inline-block;--pf-doodle-size:35px;vertical-align:middle;margin-left:5px;transform:rotate(11deg) translateY(-4px)}
#areas .pf7-view-all{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:9px;min-height:43px;padding:11px 17px;border-radius:999px;border:1.5px solid #c8b7ff;background:#fff;color:#5833ce;box-shadow:0 5px 13px #5630d112;font:900 13px 'Nunito Sans',sans-serif;transition:background .2s,color .2s,transform .2s}
#areas .pf7-view-all span{font-size:19px;line-height:1}
#areas .pf7-view-all:hover{background:#683df1;color:#fff;transform:translateY(-2px)}
#areas .pf7-doodle{position:absolute;z-index:0;pointer-events:none}
#areas .pf7-loop{right:10%;top:12px;--pf-doodle-size:82px;opacity:.31;transform:rotate(15deg)}
#areas .pf7-route{right:32%;top:108px;--pf-doodle-size:132px;opacity:.25;transform:rotate(-12deg)}
#areas .pf7-area-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(11px,1.4vw,17px)}
#areas .pf7-area-item{min-width:0}
#areas .pf7-area-item .pf-area{display:block;width:100%;height:315px;overflow:hidden;border-radius:23px;border:3px solid white;background:#eee5fa;box-shadow:0 12px 29px #131e481f;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
#areas .pf7-area-item .pf-area img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .45s cubic-bezier(.16,1,.3,1)}
#areas .pf7-area-item .pf-area:after{background:linear-gradient(180deg,#07112f26,transparent 36%,#07112fd9)}
#areas .pf7-area-item .pf-area:hover,#areas .pf7-area-item .pf-area:focus-visible{transform:translateY(-6px);box-shadow:0 20px 36px #131e482c}
#areas .pf7-area-item .pf-area:hover img{scale:1.035}
#areas .pf7-card-badge{position:absolute;z-index:2;top:14px;left:14px;display:grid;place-items:center;width:35px;height:33px;border:1px solid #ffffffc9;border-radius:11px;background:#fff9;color:#5833ce;font:900 12px 'Nunito Sans',sans-serif;box-shadow:0 4px 12px #07112f18}
#areas .pf7-tone-coral .pf7-card-badge{background:#ffe0d7}
#areas .pf7-tone-azul .pf7-card-badge{background:#dcf1ff}
#areas .pf7-tone-amarelo .pf7-card-badge{background:#fff1ad}
#areas .pf7-tone-menta .pf7-card-badge{background:#d5f9e9}
#areas .pf7-area-item .pf-area-copy{left:18px;right:46px;bottom:17px}
#areas .pf7-area-item .pf-area-copy strong{font:900 clamp(18px,1.8vw,24px)/1.1 'Nunito Sans',Sora,sans-serif;letter-spacing:-.045em}
#areas .pf7-area-item .pf-area-copy span{display:block;font-size:12px;line-height:1.45;font-weight:600;opacity:.97;margin-top:6px}
#areas .pf7-card-arrow{position:absolute;z-index:2;right:14px;bottom:20px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #ffffffc9;background:#683df1ad;color:white;font:900 21px sans-serif}
#areas .pf7-view-all:focus-visible,#areas .pf7-area-item .pf-area:focus-visible{outline:3px solid #683df1;outline-offset:3px}
@media(max-width:760px){#areas .pf7-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#areas .pf7-area-item .pf-area{height:325px}#areas .pf7-route{right:8%;top:110px}}
@media(max-width:620px){
#areas .pf7-areas-stage{padding:25px 15px 20px;border-radius:24px}
#areas .pf7-areas-head{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:22px}
#areas .pf7-areas-head h2{font-size:clamp(29px,7.25vw,39px)}
#areas .pf7-spark{--pf-doodle-size:27px}
#areas .pf7-view-all{min-height:40px;padding:9px 15px}
#areas .pf7-loop{top:110px;right:3%;--pf-doodle-size:58px}#areas .pf7-route{display:none}
#areas .pf7-area-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#areas .pf7-area-item .pf-area{height:250px;border-radius:17px;border-width:2px}
#areas .pf7-area-item .pf-area-copy{left:12px;right:10px;bottom:12px;padding-right:23px}
#areas .pf7-area-item .pf-area-copy strong{font-size:clamp(16px,4.55vw,21px)}
#areas .pf7-area-item .pf-area-copy span{font-size:11px;line-height:1.3;margin-top:4px}
#areas .pf7-card-badge{top:9px;left:9px;width:29px;height:27px}
#areas .pf7-card-arrow{right:9px;bottom:10px;width:27px;height:27px;font-size:17px}
}
@media(max-width:390px){#areas .pf7-area-grid{grid-template-columns:1fr}#areas .pf7-area-item .pf-area{height:240px}#areas .pf7-area-item .pf-area-copy strong{font-size:23px}#areas .pf7-area-item .pf-area-copy span{font-size:13px}}
@media(prefers-reduced-motion:reduce){#areas .pf7-view-all,#areas .pf7-area-item .pf-area,#areas .pf7-area-item .pf-area img{transition:none!important}#areas .pf7-area-item .pf-area:hover img{scale:1}}

/* Movimento discreto nos quatro cards de áreas, após entrada em tela. */
#areas .pf7-area-item .pf-area{will-change:transform;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}
#areas .pf7-area-item .pf-area:hover,#areas .pf7-area-item .pf-area:focus-visible{transform:translateY(-9px);border-color:#d3c2ff;box-shadow:0 24px 40px #49278131}
#areas .pf7-card-arrow{transition:background .24s ease,transform .24s ease}
#areas .pf7-area-item.is-visible .pf7-card-arrow{animation:pf-area-nudge 3.3s ease-in-out infinite}
#areas .pf7-area-item:nth-child(2) .pf7-card-arrow{animation-delay:.35s}
#areas .pf7-area-item:nth-child(3) .pf7-card-arrow{animation-delay:.7s}
#areas .pf7-area-item:nth-child(4) .pf7-card-arrow{animation-delay:1.05s}
#areas .pf7-area-item .pf-area:hover .pf7-card-arrow,#areas .pf7-area-item .pf-area:focus-visible .pf7-card-arrow{animation-play-state:paused;transform:translateX(3px);background:#683df1}
@keyframes pf-area-nudge{0%,80%,100%{translate:0 0}88%{translate:4px -2px}95%{translate:0 0}}
@media(prefers-reduced-motion:reduce){#areas .pf7-area-item .pf-area{will-change:auto;transition:none!important}#areas .pf7-card-arrow{animation:none!important;transition:none!important;translate:0 0!important}}