/* Area de Atendimento — supervised art direction V2 */
.rmx-area{--ra-ink:#171b17;--ra-deep:#0b1510;--ra-deep-2:#142019;--ra-accent:#a9b83e;--ra-accent-soft:#eef2d8;--ra-paper:#f7f8f3;--ra-line:rgba(22,31,25,.12);background:#fff;color:var(--ra-ink);overflow:hidden}
.rmx-area :where(h1,h2,h3,p){margin-top:0}.rmx-area :where(h1,h2,h3,.rmx-eyebrow,.rmx-btn,strong,b,small,summary){word-break:normal;overflow-wrap:normal;hyphens:none}.rmx-area :focus-visible{outline:3px solid var(--ra-accent);outline-offset:3px}
.rmx-area-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;border:1px solid rgba(142,158,51,.23);border-radius:50%;background:#f0f4dc}.rmx-area-icon img{display:block;width:26px;height:26px;object-fit:contain}

/* HERO */
.rmx-area-hero{position:relative;min-height:calc(100vh - var(--rmx-viewport-header-offset));min-height:calc(100dvh - var(--rmx-viewport-header-offset));display:grid;align-items:center;padding:clamp(54px,7vh,86px) 0;background:#0a1510;color:#fff;overflow:hidden}
.rmx-area-hero::before{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,12,8,.975) 0%,rgba(5,12,8,.93) 45%,rgba(5,12,8,.76) 100%),var(--rmx-area-hero-bg) center/cover no-repeat;opacity:1;content:"";pointer-events:none}
.rmx-area-hero::after{position:absolute;right:-10%;bottom:-36%;width:48vw;aspect-ratio:1;border:1px solid rgba(184,201,77,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(184,201,77,.018),0 0 0 140px rgba(184,201,77,.012);content:"";pointer-events:none}
.rmx-area-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.82fr);gap:clamp(54px,8vw,110px);align-items:center}
.rmx-area-hero-copy{max-width:790px}.rmx-area-hero .rmx-eyebrow{color:#bdca55;font-weight:900}.rmx-area-hero h1{max-width:760px;margin:0 0 24px;font-size:clamp(48px,5.3vw,76px);line-height:.95;letter-spacing:-.055em}.rmx-area-hero h1 span{display:block;color:#bdca55}.rmx-area-lead{max-width:690px;margin-bottom:28px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.68}.rmx-area-hero .is-ghost{border-color:rgba(255,255,255,.28);color:#fff!important}
.rmx-area-hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.rmx-area-hero-facts>span{display:grid;grid-template-columns:38px 1fr;column-gap:9px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035)}.rmx-area-hero-facts .rmx-area-icon{grid-row:1/3;width:36px;height:36px;background:#edf2d8}.rmx-area-hero-facts .rmx-area-icon img{width:20px;height:20px}.rmx-area-hero-facts b{font-size:11px}.rmx-area-hero-facts small{color:rgba(255,255,255,.5);font-size:9px}
.rmx-area-console{padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.028));box-shadow:0 28px 75px rgba(0,0,0,.2);backdrop-filter:blur(6px)}
.rmx-area-console-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.rmx-area-console-top span{color:#c0ce58;font-size:9px;font-weight:900;letter-spacing:.14em}.rmx-area-console-top small{color:rgba(255,255,255,.44);font-size:9px}
.rmx-area-radar{position:relative;width:min(100%,300px);aspect-ratio:1;margin:22px auto 18px;overflow:hidden;border:1px solid rgba(184,201,80,.26);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 42px,rgba(184,201,80,.11) 43px 44px),radial-gradient(circle,rgba(169,186,67,.06),transparent 68%);box-shadow:inset 0 0 70px rgba(177,194,73,.06);isolation:isolate}
.rmx-area-radar::before{position:absolute;left:50%;top:50%;width:47%;height:2px;background:linear-gradient(90deg,#d1df67 0%,rgba(190,207,86,.7) 40%,transparent 100%);content:"";transform-origin:left center;filter:drop-shadow(0 0 5px rgba(198,216,92,.7));animation:rmxAreaRadarSweep 4.8s linear infinite;z-index:4}
.rmx-area-radar::after{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#c3d15e;box-shadow:0 0 18px #c3d15e;content:"";transform:translate(-50%,-50%);z-index:5}
.rmx-area-radar-map{position:absolute;left:-13%;top:-8%;width:126%;height:116%;max-width:none;object-fit:cover;object-position:center;opacity:.13;filter:saturate(.74) brightness(.72) contrast(1.08);mix-blend-mode:screen;animation:rmxAreaRadarMapGlow 5.6s ease-in-out infinite;z-index:0}
.rmx-area-radar-sweep{position:absolute;inset:-18%;border-radius:50%;overflow:hidden;background:conic-gradient(from -6deg,rgba(201,219,88,0) 0deg,rgba(201,219,88,0) 302deg,rgba(201,219,88,.03) 312deg,rgba(201,219,88,.08) 323deg,rgba(201,219,88,.16) 334deg,rgba(201,219,88,.28) 344deg,rgba(201,219,88,.46) 352deg,rgba(201,219,88,.62) 357deg,rgba(201,219,88,.10) 360deg);filter:blur(1.4px);mix-blend-mode:screen;-webkit-mask:radial-gradient(circle at center,transparent 0 13%,#000 14% 63%,transparent 64% 100%);mask:radial-gradient(circle at center,transparent 0 13%,#000 14% 63%,transparent 64% 100%);animation:rmxAreaRadarSweep 4.8s linear infinite;z-index:3}
.rmx-area-radar-core{position:absolute;inset:0;display:grid;place-items:center;opacity:.16;z-index:1}.rmx-area-radar-core .rmx-area-icon{background:transparent;border:0}
.rmx-area-radar>i{position:absolute;width:9px;height:9px;border-radius:50%;background:#c0cf57;box-shadow:0 0 0 4px rgba(180,196,74,.08),0 0 14px rgba(197,214,90,.45);animation:rmxAreaTargetPulse 2.6s ease-in-out infinite;z-index:4}.rmx-area-radar .is-one{left:25%;top:34%}.rmx-area-radar .is-two{right:23%;top:30%;animation-delay:-.8s}.rmx-area-radar .is-three{left:34%;bottom:22%;animation-delay:-1.6s}.rmx-area-radar .is-four{right:29%;bottom:24%;animation-delay:-2.1s}
@keyframes rmxAreaRadarSweep{to{transform:rotate(360deg)}}@keyframes rmxAreaTargetPulse{0%,100%{opacity:.42;transform:scale(.75)}50%{opacity:1;transform:scale(1.18);box-shadow:0 0 0 8px rgba(180,196,74,.12),0 0 18px rgba(197,214,90,.55)}}@keyframes rmxAreaRadarMapGlow{0%,100%{opacity:.08}50%{opacity:.22}}
.rmx-area-console-copy small{display:block;color:#becb57;font-size:8px;font-weight:900;letter-spacing:.13em}.rmx-area-console-copy strong{display:block;margin-top:4px;font-size:18px;line-height:1.25}
.rmx-area-console-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.rmx-area-console-grid>span{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#0d1712}.rmx-area-console-grid .rmx-area-icon{width:36px;height:36px}.rmx-area-console-grid .rmx-area-icon img{width:20px;height:20px}.rmx-area-console-grid b{font-size:10px}

/* SHARED */
.rmx-area-section{position:relative;padding:clamp(84px,8.5vw,124px) 0}.rmx-area-section h2{font-size:clamp(36px,4.1vw,58px);line-height:1.02;letter-spacing:-.045em}.rmx-area-section h2 span{color:#697624}.rmx-area-section p{color:var(--rmx-muted);font-size:16px;line-height:1.68}.rmx-area-heading{max-width:900px}.rmx-area-heading.is-centered{margin:0 auto 44px;text-align:center}.rmx-area-heading.is-centered>p:last-child{max-width:730px;margin-left:auto;margin-right:auto}

/* TRUTH */
.rmx-area-truth{background:radial-gradient(circle at 12% 18%,rgba(169,184,62,.08),transparent 25%),linear-gradient(180deg,#fff,#f8f9f4)}
.rmx-area-truth::before{position:absolute;left:-9%;bottom:-34%;width:38vw;aspect-ratio:1;border:1px solid rgba(112,126,39,.08);border-radius:50%;box-shadow:0 0 0 62px rgba(112,126,39,.02);content:"";pointer-events:none}
.rmx-area-truth-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:14px;align-items:stretch}
.rmx-area-truth-feature,.rmx-area-truth-stack article{position:relative;border:1px solid #dfe4ca;border-radius:22px;overflow:hidden}
.rmx-area-truth-feature{display:grid;grid-template-columns:58px 1fr;column-gap:18px;align-content:end;min-height:320px;padding:32px;background:radial-gradient(circle at 82% 18%,rgba(178,195,76,.11),transparent 26%),linear-gradient(145deg,#0d1812,#172219);color:#fff;box-shadow:0 24px 60px rgba(29,42,31,.08)}
.rmx-area-truth-feature::after{position:absolute;right:-12%;top:-32%;width:52%;aspect-ratio:1;border:1px solid rgba(188,203,84,.12);border-radius:50%;box-shadow:0 0 0 48px rgba(188,203,84,.025);content:""}
.rmx-area-truth-feature .rmx-area-icon{grid-row:1/3;align-self:end;background:#eaf0cb;border-color:#d4df96}.rmx-area-truth-feature small,.rmx-area-truth-stack small{display:block;margin-bottom:6px;color:#bdca55;font-size:9px;font-weight:900;letter-spacing:.13em}
.rmx-area-truth-feature h3{max-width:610px;margin:0 0 12px;font-size:28px;line-height:1.08}.rmx-area-truth-feature p{margin:0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.55}
.rmx-area-truth-no{position:absolute!important;right:22px!important;top:20px!important;color:#8b9738!important;font-size:10px!important;font-weight:900!important}
.rmx-area-truth-stack{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.rmx-area-truth-stack article{display:grid;grid-template-columns:54px 1fr;column-gap:16px;align-items:center;padding:24px;background:#fff}
.rmx-area-truth-stack .rmx-area-icon{grid-row:1/4;width:48px;height:48px}.rmx-area-truth-stack .rmx-area-icon img{width:27px;height:27px}.rmx-area-truth-stack h3{margin:0 38px 8px 0;font-size:19px;line-height:1.14}.rmx-area-truth-stack p{margin:0;font-size:13px;line-height:1.5}

/* EVALUATION */
.rmx-area-evaluation{padding-top:clamp(72px,7vw,96px);padding-bottom:clamp(72px,7vw,96px);background:radial-gradient(circle at 10% 16%,rgba(159,177,61,.08),transparent 24%),linear-gradient(115deg,#eef2df 0%,#f8f9f3 52%,#fff 100%)}
.rmx-area-evaluation::before{position:absolute;right:-7%;top:8%;width:40vw;aspect-ratio:1;background:radial-gradient(circle,rgba(157,174,62,.08) 0 1px,transparent 2px);background-size:22px 22px;opacity:.38;content:"";pointer-events:none}
.rmx-area-evaluation-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(46px,6vw,86px);align-items:center}.rmx-area-evaluation-media{position:relative}.rmx-area-evaluation-media figure{margin:0;overflow:hidden;border-radius:24px;box-shadow:0 24px 64px rgba(38,50,31,.12)}.rmx-area-evaluation-media img{display:block;width:100%;height:390px;object-fit:cover;object-position:center}.rmx-area-evaluation-tag{position:absolute;left:26px;right:26px;bottom:24px;padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(9,16,11,.86);color:#fff;backdrop-filter:blur(4px)}.rmx-area-evaluation-tag small{display:block;color:#bdca55;font-size:8px;font-weight:900;letter-spacing:.13em}.rmx-area-evaluation-tag strong{display:block;margin-top:5px;font-size:15px;line-height:1.35}
.rmx-area-evaluation-copy>p:not(.rmx-eyebrow){max-width:630px}.rmx-area-steps{display:grid;gap:10px;margin:28px 0 0;padding:0;list-style:none}.rmx-area-steps li{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:center;padding:12px 14px;border:1px solid #dbe2bf;border-radius:14px;background:rgba(255,255,255,.8)}.rmx-area-steps .rmx-area-icon{width:42px;height:42px}.rmx-area-steps .rmx-area-icon img{width:24px;height:24px}.rmx-area-steps small{display:block;color:#78842d;font-size:8px;font-weight:900;letter-spacing:.12em}.rmx-area-steps b{display:block;margin-top:2px;font-size:13px;line-height:1.3}

/* SCOPE */
.rmx-area-scope{overflow:hidden;background:#0b1510;color:#fff}.rmx-area-scope::before{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,21,16,.98) 0%,rgba(10,21,16,.88) 46%,rgba(10,21,16,.62) 100%),var(--rmx-area-scope-bg) right center/cover no-repeat;opacity:.5;content:"";pointer-events:none}.rmx-area-scope-grid{position:relative;display:grid;grid-template-columns:1fr .86fr;gap:clamp(60px,8vw,110px);align-items:center}.rmx-area-scope .rmx-eyebrow{color:#d8e398}.rmx-area-scope p{color:rgba(255,255,255,.63)}.rmx-area-scope h2 span{color:#bdca55}.rmx-area-scope-panel{display:grid;gap:10px;padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(10,18,13,.76);backdrop-filter:blur(4px)}.rmx-area-scope-panel>span{display:grid;grid-template-columns:46px 1fr;column-gap:12px;align-items:center;min-height:76px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.03)}.rmx-area-scope-panel .rmx-area-icon{grid-row:1/3;width:42px;height:42px}.rmx-area-scope-panel small{color:#bdca55;font-size:8px;font-weight:900;letter-spacing:.12em}.rmx-area-scope-panel strong{font-size:14px}

/* CHECK */
.rmx-area-check{background:#fff}.rmx-area-check-head{display:grid;grid-template-columns:1fr .52fr;gap:70px;align-items:end;margin-bottom:40px}.rmx-area-check-head>p{margin:0 0 4px}.rmx-area-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rmx-area-check-grid>span{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;padding:16px;border:1px solid #dfe4ca;border-radius:15px;background:#fafbf6}.rmx-area-check-grid .rmx-area-icon{grid-row:1/3;width:40px;height:40px}.rmx-area-check-grid .rmx-area-icon img{width:23px;height:23px}.rmx-area-check-grid b{font-size:13px}.rmx-area-check-grid small{color:#70776c;font-size:10px}

/* FAQ */
.rmx-area-faq{background:linear-gradient(125deg,#eef2df,#fafbf5)}.rmx-area-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(58px,8vw,105px);align-items:start}.rmx-area-faq-grid>div:first-child{max-width:580px}.rmx-area-accordion{border-top:1px solid #d5ddbd}.rmx-area-accordion details{border-bottom:1px solid #d5ddbd}.rmx-area-accordion summary{position:relative;padding:22px 54px 22px 0;cursor:pointer;font-size:16px;font-weight:800;list-style:none}.rmx-area-accordion summary::-webkit-details-marker{display:none}.rmx-area-accordion summary::after{position:absolute;right:8px;top:50%;display:grid;width:30px;height:30px;place-items:center;border:1px solid #c8d095;border-radius:50%;color:#657226;content:"+";transform:translateY(-50%)}.rmx-area-accordion details[open] summary::after{content:"−";background:#101914;color:#fff;border-color:#101914}.rmx-area-accordion details p{max-width:700px;padding:0 54px 20px 0;margin:0;font-size:14px}

/* CTA */
.rmx-area-cta{padding-top:48px;padding-bottom:56px;background:#fff}.rmx-area-cta-inner{display:grid;grid-template-columns:1fr minmax(260px,.34fr);gap:52px;align-items:center;padding:clamp(42px,5.5vw,64px);border:1px solid rgba(188,202,93,.12);border-radius:28px;background:radial-gradient(circle at 88% 12%,rgba(174,190,72,.14),transparent 32%),#101814;color:#fff;box-shadow:0 28px 70px rgba(17,24,20,.12)}.rmx-area-cta-inner>div:first-child{max-width:800px}.rmx-area-cta-inner .rmx-eyebrow{color:#bdca55}.rmx-area-cta-inner h2{margin-bottom:18px}.rmx-area-cta-inner h2 span{color:#bdca55}.rmx-area-cta-inner p{margin:0;color:rgba(255,255,255,.64);font-size:14px}.rmx-area-cta-actions{display:grid;gap:10px}.rmx-area-cta-actions .rmx-btn{width:100%;justify-content:center}.rmx-area-cta-actions .is-ghost{border-color:rgba(255,255,255,.22);color:#fff!important}

@media(min-width:901px) and (max-height:900px){.rmx-area-hero{padding-block:clamp(34px,5dvh,54px)}.rmx-area-hero h1{font-size:clamp(44px,4.8vw,66px)}.rmx-area-radar{width:240px}.rmx-area-evaluation-media img{height:470px}}
@media(min-width:901px) and (max-height:760px){.rmx-area-hero{padding-block:24px}.rmx-area-hero h1{font-size:clamp(40px,4.2vw,58px);margin-bottom:16px}.rmx-area-lead{font-size:15px;margin-bottom:20px}.rmx-area-hero-facts{margin-top:20px}.rmx-area-console{padding:20px}.rmx-area-radar{width:190px;margin-block:14px}}

@media(max-width:900px){
 .rmx-area-hero{min-height:auto;padding:82px 0}.rmx-area-hero-grid,.rmx-area-evaluation-grid,.rmx-area-scope-grid,.rmx-area-check-head,.rmx-area-faq-grid,.rmx-area-cta-inner{grid-template-columns:1fr}
 .rmx-area-hero-grid{gap:44px}.rmx-area-hero-copy{text-align:center;margin:auto}.rmx-area-hero .rmx-btns{justify-content:center}.rmx-area-hero-facts{margin-inline:auto}.rmx-area-console{width:min(100%,640px);margin:auto}
 .rmx-area-truth-layout{grid-template-columns:1fr}.rmx-area-truth-feature{min-height:280px}.rmx-area-truth-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.rmx-area-evaluation-grid{gap:40px}.rmx-area-evaluation-copy{text-align:center}.rmx-area-steps{text-align:left}.rmx-area-evaluation-media{width:min(100%,680px);margin:auto}
 .rmx-area-scope-grid{text-align:center}.rmx-area-scope-panel{width:min(100%,620px);margin:auto;text-align:left}.rmx-area-check-head{gap:22px;text-align:center}.rmx-area-check-head>p{max-width:690px;margin:auto}.rmx-area-check-grid{grid-template-columns:1fr 1fr}
 .rmx-area-faq-grid{gap:36px}.rmx-area-faq-grid>div:first-child{text-align:center;margin:auto}.rmx-area-cta-inner{text-align:center;gap:32px}.rmx-area-cta-actions{width:min(100%,420px);margin:auto}
}

@media(max-width:620px){
 .rmx-area-hero{padding:68px 0 62px}.rmx-area-hero h1{font-size:clamp(39px,11.8vw,50px)}.rmx-area-lead{font-size:16px}.rmx-area-hero .rmx-btns{display:grid;grid-template-columns:1fr;width:100%}.rmx-area-hero .rmx-btn{width:100%;justify-content:center}.rmx-area-hero-facts{grid-template-columns:1fr}.rmx-area-hero-facts>span{text-align:left}.rmx-area-console{padding:18px}.rmx-area-radar{width:210px}.rmx-area-console-grid{grid-template-columns:1fr}
 .rmx-area-section{padding:74px 0}.rmx-area-section h2{font-size:clamp(34px,10.5vw,42px)}
 .rmx-area-truth-feature{grid-template-columns:46px 1fr;min-height:0;padding:24px}.rmx-area-truth-feature h3{font-size:24px}.rmx-area-truth-stack{grid-template-columns:1fr;grid-template-rows:auto}.rmx-area-truth-stack article{padding:20px}
 .rmx-area-evaluation-media img{height:280px}.rmx-area-evaluation-tag{left:14px;right:14px;bottom:14px;padding:14px 15px}
 .rmx-area-scope-panel>span{grid-template-columns:42px 1fr}.rmx-area-check-grid{grid-template-columns:1fr}
 .rmx-area-accordion summary{padding-right:44px;font-size:15px}.rmx-area-accordion details p{padding-right:0}
 .rmx-area-cta{padding-top:36px;padding-bottom:42px}.rmx-area-cta-inner{padding:32px 22px;border-radius:22px}
}
@media(prefers-reduced-motion:reduce){.rmx-area *,.rmx-area *::before,.rmx-area *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:900px){
 .rmx-area-radar-map{left:-10%;top:-6%;width:120%;height:112%}
}
@media(max-width:620px){
 .rmx-area-radar{width:190px}
 .rmx-area-radar-map{left:-14%;top:-8%;width:128%;height:116%}
}
@media(prefers-reduced-motion:reduce){
 .rmx-area-radar::before,.rmx-area-radar-sweep,.rmx-area-radar>i,.rmx-area-radar-map{animation:none!important}
}


/* ==========================================================
   AREA DE ATENDIMENTO V3 — hierarchy, density and radar fill
   ========================================================== */

/* Radar: use full-bleed cartography behind the circular sweep. */
.rmx-area-radar{
  width:100%;
  max-width:none;
  aspect-ratio:16 / 9;
  border-radius:18px;
  background:
    repeating-radial-gradient(circle at 50% 50%,transparent 0 42px,rgba(184,201,80,.10) 43px 44px),
    radial-gradient(circle at 50% 50%,rgba(169,186,67,.07),transparent 56%);
}
.rmx-area-radar-map{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center 52%!important;
  opacity:.26!important;
  filter:saturate(.86) brightness(.60) contrast(1.18)!important;
  mix-blend-mode:screen;
}
.rmx-area-radar::before{
  left:50%;top:50%;
  width:34%;
}
.rmx-area-radar-sweep{
  left:50%;
  top:50%;
  width:min(74%,290px);
  height:min(132%,290px);
  inset:auto!important;
  transform:translate(-50%,-50%);
}
.rmx-area-radar-core{inset:0}
.rmx-area-radar .is-one{left:32%;top:35%}
.rmx-area-radar .is-two{right:29%;top:31%}
.rmx-area-radar .is-three{left:39%;bottom:25%}
.rmx-area-radar .is-four{right:36%;bottom:22%}

/* Auxiliary typography — benchmarked against Home body/card scale. */
.rmx-area .rmx-eyebrow{
  font-size:12px;
  line-height:1.35;
}
.rmx-area-hero-facts b{font-size:14px;line-height:1.25}
.rmx-area-hero-facts small{font-size:12px;line-height:1.35;color:rgba(255,255,255,.66)}
.rmx-area-console-top span,.rmx-area-console-top small{font-size:10px}
.rmx-area-console-copy small{font-size:10px}
.rmx-area-console-copy strong{font-size:19px;line-height:1.3}
.rmx-area-console-grid b{font-size:12px;line-height:1.25}

.rmx-area-heading.is-centered>p:last-child{
  max-width:790px;
  font-size:clamp(16px,1.15vw,18px);
  line-height:1.62;
}

.rmx-area-truth-feature small,
.rmx-area-truth-stack small{
  font-size:10px;
}
.rmx-area-truth-feature h3{
  font-size:30px;
  line-height:1.1;
}
.rmx-area-truth-feature p{
  max-width:620px;
  font-size:16px;
  line-height:1.58;
}
.rmx-area-truth-stack h3{
  font-size:21px;
  line-height:1.16;
}
.rmx-area-truth-stack p{
  font-size:15px;
  line-height:1.56;
}
.rmx-area-truth-no{font-size:11px!important}

/* Remove dead space from the main dark card. */
.rmx-area-truth-feature{
  align-content:center;
  min-height:260px;
}
.rmx-area-truth-feature::after{
  top:-42%;
}

/* Evaluation: image and content should form one balanced editorial row. */
.rmx-area-evaluation{
  padding-top:clamp(58px,5.5vw,78px);
  padding-bottom:clamp(58px,5.5vw,78px);
}
.rmx-area-evaluation-grid{
  grid-template-columns:.88fr 1.12fr;
  gap:clamp(42px,5vw,72px);
  align-items:center;
}
.rmx-area-evaluation-media{
  align-self:center;
}
.rmx-area-evaluation-media img{
  height:460px;
}
.rmx-area-evaluation-copy>p:not(.rmx-eyebrow){
  font-size:16px;
  line-height:1.62;
}
.rmx-area-evaluation-tag small{font-size:10px}
.rmx-area-evaluation-tag strong{font-size:16px;line-height:1.35}
.rmx-area-steps small{font-size:10px}
.rmx-area-steps b{font-size:15px;line-height:1.35}
.rmx-area-steps li{min-height:66px;padding:14px 16px}

/* Scope/check/FAQ supporting content should read as content, not microcopy. */
.rmx-area-scope p{font-size:16px;line-height:1.64}
.rmx-area-scope-panel small{font-size:10px}
.rmx-area-scope-panel strong{font-size:15px;line-height:1.3}
.rmx-area-check-head>p{font-size:16px;line-height:1.62}
.rmx-area-check-grid b{font-size:14px}
.rmx-area-check-grid small{font-size:12px;line-height:1.4}
.rmx-area-accordion summary{font-size:17px;line-height:1.35}
.rmx-area-accordion details p{font-size:15px;line-height:1.58}
.rmx-area-faq-grid>div:first-child>p:last-child{font-size:16px;line-height:1.62}
.rmx-area-cta-inner p{font-size:15px;line-height:1.6}

/* Icon media: force valid sizing so failed legacy dimensions cannot collapse. */
.rmx-area-icon img{
  width:26px!important;
  height:26px!important;
  max-width:26px!important;
}
.rmx-area-hero-facts .rmx-area-icon img,
.rmx-area-console-grid .rmx-area-icon img{width:20px!important;height:20px!important;max-width:20px!important}
.rmx-area-truth-stack .rmx-area-icon img{width:27px!important;height:27px!important;max-width:27px!important}
.rmx-area-steps .rmx-area-icon img{width:24px!important;height:24px!important;max-width:24px!important}
.rmx-area-check-grid .rmx-area-icon img{width:23px!important;height:23px!important;max-width:23px!important}

/* Desktop rhythm. */
@media(min-width:901px){
  .rmx-area-truth{padding-top:92px;padding-bottom:96px}
  .rmx-area-evaluation{min-height:0}
}

/* Tablet/mobile preserve hierarchy without making secondary text tiny. */
@media(max-width:900px){
  .rmx-area-radar{aspect-ratio:16 / 10}
  .rmx-area-radar-sweep{width:min(68%,270px);height:min(110%,270px)}
  .rmx-area-truth-stack{grid-template-columns:1fr 1fr}
  .rmx-area-evaluation-media img{height:400px}
}
@media(max-width:620px){
  .rmx-area .rmx-eyebrow{font-size:11px}
  .rmx-area-radar{aspect-ratio:4 / 3}
  .rmx-area-radar-sweep{width:74%;height:74%}
  .rmx-area-hero-facts b{font-size:13px}
  .rmx-area-hero-facts small{font-size:12px}
  .rmx-area-heading.is-centered>p:last-child,
  .rmx-area-evaluation-copy>p:not(.rmx-eyebrow),
  .rmx-area-scope p,
  .rmx-area-check-head>p,
  .rmx-area-faq-grid>div:first-child>p:last-child{font-size:15px}
  .rmx-area-truth-feature h3{font-size:25px}
  .rmx-area-truth-feature p,
  .rmx-area-truth-stack p{font-size:14px}
  .rmx-area-truth-stack{grid-template-columns:1fr}
  .rmx-area-evaluation-media img{height:310px}
  .rmx-area-steps b{font-size:14px}
  .rmx-area-check-grid small{font-size:12px}
  .rmx-area-accordion summary{font-size:16px}
}


/* ==========================================================
   AREA DE ATENDIMENTO V4 — final desktop balance
   ========================================================== */

/* Distinguish icon semantics in the coverage block. */
.rmx-area-truth-feature .rmx-area-icon{
  background:#edf2d8;
}
.rmx-area-truth-stack article:first-child .rmx-area-icon{
  background:#f5f7e7;
}

/* Eliminate the empty bands around the evaluation media on desktop. */
@media(min-width:901px){
  .rmx-area-evaluation-grid{
    align-items:stretch;
  }
  .rmx-area-evaluation-media{
    display:flex;
    align-self:stretch;
  }
  .rmx-area-evaluation-media figure{
    width:100%;
    height:100%;
    min-height:620px;
  }
  .rmx-area-evaluation-media img{
    width:100%;
    height:100%;
    min-height:620px;
    object-fit:cover;
    object-position:center;
  }
  .rmx-area-evaluation-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
}

/* Keep the media natural on smaller screens. */
@media(max-width:900px){
  .rmx-area-evaluation-media,
  .rmx-area-evaluation-media figure{
    display:block;
    height:auto;
    min-height:0;
  }
  .rmx-area-evaluation-media img{
    min-height:0;
  }
}


/* ==========================================================
   AREA DE ATENDIMENTO V5 — radar sweep centering fix
   The previous sweep animation overwrote translate(-50%,-50%),
   pulling the light trail out of the radar center while rotating.
   ========================================================== */
.rmx-area-radar-sweep{
  transform-origin:50% 50%!important;
  animation:rmxAreaRadarSweepCentered 4.8s linear infinite!important;
}
@keyframes rmxAreaRadarSweepCentered{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@media(prefers-reduced-motion:reduce){
  .rmx-area-radar-sweep{
    transform:translate(-50%,-50%) rotate(0deg)!important;
  }
}


/* ==========================================================
   AREA DE ATENDIMENTO V6 — radar beam + trail on one axis
   Uses one centered rotating layer for both the pointer and its
   fading luminous tail, eliminating phase/position drift.
   ========================================================== */

/* Disable the legacy independently-rotating beam. */
.rmx-area-radar::before{
  display:none!important;
}

/* One square, centered rotor controls the complete sweep. */
.rmx-area-radar-sweep{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  inset:auto!important;
  width:min(82%,320px)!important;
  height:auto!important;
  aspect-ratio:1!important;
  border-radius:50%!important;
  overflow:visible!important;
  background:none!important;
  filter:none!important;
  mix-blend-mode:screen;
  -webkit-mask:none!important;
  mask:none!important;
  transform:translate(-50%,-50%) rotate(0deg);
  transform-origin:50% 50%!important;
  animation:rmxAreaRadarRotor 4.8s linear infinite!important;
  z-index:3;
  pointer-events:none;
}

/* Fading wedge behind the pointer. */
.rmx-area-radar-sweep::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    conic-gradient(
      from 78deg,
      transparent 0deg,
      transparent 316deg,
      rgba(201,219,88,.025) 320deg,
      rgba(201,219,88,.07) 328deg,
      rgba(201,219,88,.15) 336deg,
      rgba(201,219,88,.27) 344deg,
      rgba(201,219,88,.43) 351deg,
      rgba(201,219,88,.60) 357deg,
      rgba(201,219,88,.12) 360deg
    );
  -webkit-mask:radial-gradient(circle at center,transparent 0 11%,#000 12% 49%,transparent 50% 100%);
  mask:radial-gradient(circle at center,transparent 0 11%,#000 12% 49%,transparent 50% 100%);
  filter:blur(1.2px);
  opacity:.92;
}

/* Bright pointer fixed to the exact leading edge of the same rotor. */
.rmx-area-radar-sweep::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:47%;
  height:2px;
  background:linear-gradient(90deg,#d7e36a 0%,rgba(199,215,91,.82) 45%,rgba(199,215,91,.12) 100%);
  transform:translateY(-50%);
  transform-origin:left center;
  filter:drop-shadow(0 0 5px rgba(207,224,99,.78));
  border-radius:999px;
}

@keyframes rmxAreaRadarRotor{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}

@media(max-width:900px){
  .rmx-area-radar-sweep{width:min(80%,290px)!important}
}
@media(max-width:620px){
  .rmx-area-radar-sweep{width:78%!important}
}
@media(prefers-reduced-motion:reduce){
  .rmx-area-radar-sweep{
    animation:none!important;
    transform:translate(-50%,-50%) rotate(18deg)!important;
  }
}


/* ==========================================================
   AREA DE ATENDIMENTO V7 — sweep cone anchored at radar core
   The trail now starts at the center and fills the radial sector
   immediately behind the pointer instead of floating in an annulus.
   ========================================================== */
.rmx-area-radar-sweep{
  width:min(86%,340px)!important;
  overflow:visible!important;
}

/* Full radial cone: apex is exactly the radar core. */
.rmx-area-radar-sweep::before{
  inset:0!important;
  border-radius:50%!important;
  background:
    conic-gradient(
      from 90deg at 50% 50%,
      transparent 0deg,
      transparent 322deg,
      rgba(201,219,88,.025) 326deg,
      rgba(201,219,88,.055) 332deg,
      rgba(201,219,88,.11) 338deg,
      rgba(201,219,88,.19) 344deg,
      rgba(201,219,88,.30) 350deg,
      rgba(201,219,88,.44) 355deg,
      rgba(201,219,88,.58) 359deg,
      rgba(201,219,88,.68) 360deg
    )!important;
  -webkit-mask:
    radial-gradient(circle at 50% 50%,
      rgba(0,0,0,.38) 0%,
      #000 8%,
      #000 49%,
      transparent 50%)!important;
  mask:
    radial-gradient(circle at 50% 50%,
      rgba(0,0,0,.38) 0%,
      #000 8%,
      #000 49%,
      transparent 50%)!important;
  filter:blur(.9px)!important;
  opacity:.88!important;
  transform:none!important;
  transform-origin:50% 50%!important;
}

/* Pointer shares the same origin and radius as the cone edge. */
.rmx-area-radar-sweep::after{
  left:50%!important;
  top:50%!important;
  width:49%!important;
  height:2px!important;
  transform:translateY(-50%)!important;
  transform-origin:0 50%!important;
  background:linear-gradient(90deg,
    #dbe76f 0%,
    #d3e069 20%,
    rgba(203,220,96,.88) 62%,
    rgba(203,220,96,.30) 88%,
    rgba(203,220,96,.04) 100%)!important;
  filter:drop-shadow(0 0 4px rgba(209,226,103,.74))!important;
}

/* Keep the central beacon visually above the sweep apex. */
.rmx-area-radar::after{
  z-index:6!important;
}
.rmx-area-radar-sweep{z-index:3!important}
.rmx-area-radar>i{z-index:5!important}

@media(max-width:900px){
  .rmx-area-radar-sweep{width:min(84%,310px)!important}
}
@media(max-width:620px){
  .rmx-area-radar-sweep{width:82%!important}
}


/* ==========================================================
   AREA DE ATENDIMENTO V8 — radar axis locked to parent center
   The rotor now uses the radar viewport itself as its coordinate
   system. No translated inner square, so the pointer origin is
   mathematically identical to the center beacon (50% / 50%).
   ========================================================== */
.rmx-area-radar-sweep{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  transform:none!important;
  transform-origin:50% 50%!important;
  animation:rmxAreaRadarViewportRotor 4.8s linear infinite!important;
}

/* Trail uses the exact same 50/50 origin as the pointer. */
.rmx-area-radar-sweep::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:
    conic-gradient(
      from 90deg at 50% 50%,
      transparent 0deg,
      transparent 324deg,
      rgba(201,219,88,.03) 329deg,
      rgba(201,219,88,.07) 335deg,
      rgba(201,219,88,.14) 341deg,
      rgba(201,219,88,.24) 347deg,
      rgba(201,219,88,.37) 352deg,
      rgba(201,219,88,.52) 357deg,
      rgba(201,219,88,.66) 360deg
    )!important;
  -webkit-mask:radial-gradient(
    ellipse at 50% 50%,
    rgba(0,0,0,.42) 0%,
    #000 8%,
    #000 47%,
    transparent 50%
  )!important;
  mask:radial-gradient(
    ellipse at 50% 50%,
    rgba(0,0,0,.42) 0%,
    #000 8%,
    #000 47%,
    transparent 50%
  )!important;
  transform:none!important;
  transform-origin:50% 50%!important;
}

/* Pointer starts exactly on the parent center beacon. */
.rmx-area-radar-sweep::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:47%!important;
  height:2px!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  transform-origin:0 50%!important;
  border-radius:999px!important;
  background:linear-gradient(
    90deg,
    #dce870 0%,
    #d3df68 24%,
    rgba(203,220,96,.84) 62%,
    rgba(203,220,96,.26) 90%,
    transparent 100%
  )!important;
  filter:drop-shadow(0 0 4px rgba(209,226,103,.72))!important;
}

@keyframes rmxAreaRadarViewportRotor{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

@media(max-width:900px){
  .rmx-area-radar-sweep{width:100%!important;height:100%!important}
}
@media(max-width:620px){
  .rmx-area-radar-sweep{width:100%!important;height:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .rmx-area-radar-sweep{
    animation:none!important;
    transform:rotate(18deg)!important;
  }
}


/* ==========================================================
   AREA DE ATENDIMENTO V9 — circular rotor restored
   Square rotor is sized from the radar HEIGHT, centered at the
   viewport core. Beam and luminous trail share the same radius.
   ========================================================== */
.rmx-area-radar-sweep{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  inset:auto!important;
  height:100%!important;
  width:auto!important;
  aspect-ratio:1 / 1!important;
  border-radius:50%!important;
  overflow:visible!important;
  transform:translate(-50%,-50%) rotate(0deg)!important;
  transform-origin:50% 50%!important;
  animation:rmxAreaRadarCircularRotor 4.8s linear infinite!important;
  pointer-events:none!important;
}

/* Trail: radial sector reaches the same outer radius as the beam tip. */
.rmx-area-radar-sweep::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  background:
    conic-gradient(
      from 90deg at 50% 50%,
      transparent 0deg,
      transparent 315deg,
      rgba(201,219,88,.02) 321deg,
      rgba(201,219,88,.055) 328deg,
      rgba(201,219,88,.11) 335deg,
      rgba(201,219,88,.20) 342deg,
      rgba(201,219,88,.32) 348deg,
      rgba(201,219,88,.46) 353deg,
      rgba(201,219,88,.60) 357deg,
      rgba(201,219,88,.72) 360deg
    )!important;
  -webkit-mask:radial-gradient(circle at 50% 50%,
    rgba(0,0,0,.38) 0%,
    #000 7%,
    #000 49.5%,
    transparent 50%)!important;
  mask:radial-gradient(circle at 50% 50%,
    rgba(0,0,0,.38) 0%,
    #000 7%,
    #000 49.5%,
    transparent 50%)!important;
  filter:blur(.8px)!important;
  opacity:.96!important;
  transform:none!important;
  transform-origin:50% 50%!important;
}

/* Beam: exact same radius as the trail, from core to rotor edge. */
.rmx-area-radar-sweep::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:50%!important;
  height:2px!important;
  margin:0!important;
  border-radius:999px!important;
  transform:translateY(-50%)!important;
  transform-origin:0 50%!important;
  background:linear-gradient(
    90deg,
    #e0eb75 0%,
    #d7e36d 20%,
    rgba(208,224,100,.96) 60%,
    rgba(208,224,100,.72) 82%,
    rgba(208,224,100,.24) 96%,
    rgba(208,224,100,.04) 100%
  )!important;
  filter:drop-shadow(0 0 5px rgba(212,230,104,.82))!important;
}

@keyframes rmxAreaRadarCircularRotor{
  0%{transform:translate(-50%,-50%) rotate(0deg)}
  100%{transform:translate(-50%,-50%) rotate(360deg)}
}

@media(max-width:900px){
  .rmx-area-radar-sweep{
    height:100%!important;
    width:auto!important;
  }
}
@media(max-width:620px){
  .rmx-area-radar-sweep{
    height:100%!important;
    width:auto!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .rmx-area-radar-sweep{
    animation:none!important;
    transform:translate(-50%,-50%) rotate(18deg)!important;
  }
}


/* ==========================================================
   AREA DE ATENDIMENTO V10 — restore proven radar architecture
   Reuses the original Entrega Expressa strategy: one square dial,
   pointer anchored at 50/50, and a full-dial sweep sharing the
   same rotation. The map remains a separate full-bleed layer.
   ========================================================== */

/* Parent is only the rectangular viewport / map frame. */
.rmx-area-radar{
  position:relative!important;
  overflow:hidden!important;
}
.rmx-area-radar::before,
.rmx-area-radar::after{
  display:none!important;
}

/* Dedicated square coordinate system for the radar itself. */
.rmx-area-radar-dial{
  position:absolute;
  left:50%;
  top:50%;
  height:92%;
  width:auto;
  aspect-ratio:1 / 1;
  transform:translate(-50%,-50%);
  border:1px solid rgba(184,201,80,.18);
  border-radius:50%;
  background:
    repeating-radial-gradient(circle,transparent 0 31px,rgba(190,207,86,.13) 32px 33px),
    radial-gradient(circle,rgba(169,186,67,.055),transparent 67%);
  box-shadow:inset 0 0 55px rgba(177,194,73,.05);
  z-index:2;
}

/* Pointer: exact copy of the proven axis logic from Entrega Expressa. */
.rmx-area-radar-dial::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:47%;
  height:2px;
  background:linear-gradient(90deg,#d1df67 0%,rgba(190,207,86,.72) 42%,transparent 100%);
  transform-origin:left center;
  filter:drop-shadow(0 0 5px rgba(198,216,92,.72));
  animation:rmxAreaRadarProvenSweep 4.8s linear infinite;
  z-index:5;
}

/* Central beacon. */
.rmx-area-radar-dial::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#c3d15e;
  box-shadow:0 0 18px #c3d15e;
  transform:translate(-50%,-50%);
  z-index:6;
}

/* Trail rotates on the same square dial and reaches the pointer tip. */
.rmx-area-radar-dial .rmx-area-radar-sweep{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:1 / 1!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:none!important;
  filter:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  mix-blend-mode:screen;
  transform:none!important;
  transform-origin:50% 50%!important;
  animation:rmxAreaRadarProvenSweep 4.8s linear infinite!important;
  z-index:4!important;
}

.rmx-area-radar-dial .rmx-area-radar-sweep::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:50%!important;
  height:50%!important;
  inset:auto!important;
  border-radius:0!important;
  background:conic-gradient(
    from -12deg at 0 0,
    rgba(188,205,83,.34) 0deg,
    rgba(188,205,83,.22) 12deg,
    rgba(188,205,83,.11) 25deg,
    rgba(188,205,83,.04) 38deg,
    transparent 52deg
  )!important;
  -webkit-mask:none!important;
  mask:none!important;
  filter:blur(.7px)!important;
  opacity:1!important;
  transform:none!important;
  transform-origin:0 0!important;
}

/* No second pointer on the sweep layer. */
.rmx-area-radar-dial .rmx-area-radar-sweep::after{
  display:none!important;
}

/* Keep core icon and targets in the same square coordinate system. */
.rmx-area-radar-dial .rmx-area-radar-core{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  opacity:.13!important;
  z-index:2!important;
}
.rmx-area-radar-dial>i{
  position:absolute!important;
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  background:#c0cf57!important;
  box-shadow:0 0 0 4px rgba(180,196,74,.08),0 0 14px rgba(197,214,90,.45)!important;
  animation:rmxAreaTargetPulse 2.6s ease-in-out infinite!important;
  z-index:5!important;
}
.rmx-area-radar-dial .is-one{left:25%!important;top:34%!important}
.rmx-area-radar-dial .is-two{right:23%!important;top:30%!important;animation-delay:-.8s!important}
.rmx-area-radar-dial .is-three{left:34%!important;bottom:22%!important;animation-delay:-1.6s!important}
.rmx-area-radar-dial .is-four{right:29%!important;bottom:24%!important;animation-delay:-2.1s!important}

@keyframes rmxAreaRadarProvenSweep{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

@media(max-width:900px){
  .rmx-area-radar-dial{height:88%}
}
@media(max-width:620px){
  .rmx-area-radar-dial{height:86%}
}
@media(prefers-reduced-motion:reduce){
  .rmx-area-radar-dial::before,
  .rmx-area-radar-dial .rmx-area-radar-sweep{
    animation:none!important;
    transform:rotate(18deg)!important;
  }
}


/* ==========================================================
   AREA DE ATENDIMENTO V11 — luminous sweep trail
   Preserves the validated V10 axis/pointer geometry. Only the
   luminous trail is rebuilt as a full-dial conic sector, reaching
   exactly the same radius as the pointer tip.
   ========================================================== */
.rmx-area-radar-dial .rmx-area-radar-sweep{
  background:
    conic-gradient(
      from 90deg at 50% 50%,
      transparent 0deg,
      transparent 304deg,
      rgba(201,219,88,.025) 312deg,
      rgba(201,219,88,.06) 322deg,
      rgba(201,219,88,.12) 332deg,
      rgba(201,219,88,.22) 341deg,
      rgba(201,219,88,.36) 349deg,
      rgba(201,219,88,.52) 355deg,
      rgba(201,219,88,.68) 359deg,
      rgba(201,219,88,.76) 360deg
    )!important;
  -webkit-mask:
    radial-gradient(circle at 50% 50%,
      #000 0%,
      #000 46.7%,
      rgba(0,0,0,.78) 47.2%,
      transparent 48.2%)!important;
  mask:
    radial-gradient(circle at 50% 50%,
      #000 0%,
      #000 46.7%,
      rgba(0,0,0,.78) 47.2%,
      transparent 48.2%)!important;
  filter:blur(1.15px) drop-shadow(0 0 7px rgba(205,222,96,.22))!important;
  opacity:1!important;
  mix-blend-mode:screen!important;
}

/* Remove the old quarter-sector trail; V11 uses the full dial. */
.rmx-area-radar-dial .rmx-area-radar-sweep::before{
  display:none!important;
}

/* Pointer stays untouched and above the trail. */
.rmx-area-radar-dial::before{
  z-index:6!important;
}
.rmx-area-radar-dial .rmx-area-radar-sweep{
  z-index:4!important;
}
.rmx-area-radar-dial::after{
  z-index:7!important;
}


/* ==========================================================
   AREA DE ATENDIMENTO V12 — radar trail motion + mobile repair
   ========================================================== */

/* The V10 geometry is preserved. Animate the independent CSS
   rotate property because transform:none!important is intentionally
   used to keep this layer centered inside the validated square dial. */
.rmx-area-radar-dial .rmx-area-radar-sweep{
  rotate:0deg!important;
  animation:rmxAreaRadarTrailSpin 4.8s linear infinite!important;
  transform:none!important;
  transform-origin:50% 50%!important;
  background:
    conic-gradient(
      from 90deg at 50% 50%,
      transparent 0deg,
      transparent 300deg,
      rgba(201,219,88,.025) 308deg,
      rgba(201,219,88,.055) 317deg,
      rgba(201,219,88,.11) 327deg,
      rgba(201,219,88,.20) 337deg,
      rgba(201,219,88,.33) 346deg,
      rgba(201,219,88,.49) 353deg,
      rgba(201,219,88,.66) 358deg,
      rgba(201,219,88,.78) 360deg
    )!important;
  -webkit-mask:
    radial-gradient(circle at 50% 50%,
      #000 0%,
      #000 49.1%,
      rgba(0,0,0,.92) 49.45%,
      rgba(0,0,0,.45) 49.75%,
      transparent 50%)!important;
  mask:
    radial-gradient(circle at 50% 50%,
      #000 0%,
      #000 49.1%,
      rgba(0,0,0,.92) 49.45%,
      rgba(0,0,0,.45) 49.75%,
      transparent 50%)!important;
  filter:blur(.75px) drop-shadow(0 0 8px rgba(205,222,96,.28))!important;
}

@keyframes rmxAreaRadarTrailSpin{
  from{rotate:0deg}
  to{rotate:360deg}
}

/* Mobile: a later desktop refinement had reintroduced the two-column
   evaluation grid after the original responsive rule. Reinstate the
   single-column contract at the end of the cascade. */
@media(max-width:900px){
  .rmx-area-evaluation-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:34px!important;
    align-items:start!important;
  }
  .rmx-area-evaluation-media,
  .rmx-area-evaluation-copy{
    width:100%!important;
    min-width:0!important;
  }
  .rmx-area-evaluation-media{
    max-width:680px!important;
    margin-inline:auto!important;
  }
}

@media(max-width:620px){
  .rmx-area-evaluation{
    padding-top:58px!important;
    padding-bottom:62px!important;
  }
  .rmx-area-evaluation-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:28px!important;
  }
  .rmx-area-evaluation-copy{
    text-align:center!important;
  }
  .rmx-area-evaluation-copy h2,
  .rmx-area-evaluation-copy>p:not(.rmx-eyebrow){
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .rmx-area-evaluation-media img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16 / 10!important;
    object-fit:cover!important;
  }
  .rmx-area-evaluation-tag{
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
  }
  .rmx-area-steps{
    width:100%!important;
    text-align:left!important;
  }
  .rmx-area-steps li{
    grid-template-columns:42px minmax(0,1fr)!important;
    width:100%!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .rmx-area-radar-dial .rmx-area-radar-sweep{
    animation:none!important;
    rotate:18deg!important;
  }
}


/* ==========================================================
   AREA DE ATENDIMENTO V13 — pointer and trail on one rotor
   Fix: the luminous trail must rotate in exact sync with pointer.
   Both effects now live on the same animated element.
   ========================================================== */

/* Disable the independent pointer animation from the dial. */
.rmx-area-radar-dial::before{
  display:none!important;
}

/* One rotor controls both pointer and luminous trail. */
.rmx-area-radar-dial .rmx-area-radar-sweep{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:1 / 1!important;
  border-radius:50%!important;
  overflow:visible!important;
  transform-origin:50% 50%!important;
  animation:rmxAreaRadarUnifiedRotor 4.8s linear infinite!important;
  z-index:4!important;
  pointer-events:none!important;
}

/* Luminous trail, anchored to the same rotor and extending to pointer tip. */
.rmx-area-radar-dial .rmx-area-radar-sweep::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  background:
    conic-gradient(
      from 90deg at 50% 50%,
      transparent 0deg,
      transparent 300deg,
      rgba(201,219,88,.025) 308deg,
      rgba(201,219,88,.055) 317deg,
      rgba(201,219,88,.11) 327deg,
      rgba(201,219,88,.20) 337deg,
      rgba(201,219,88,.33) 346deg,
      rgba(201,219,88,.49) 353deg,
      rgba(201,219,88,.66) 358deg,
      rgba(201,219,88,.78) 360deg
    )!important;
  -webkit-mask:
    radial-gradient(circle at 50% 50%,
      #000 0%,
      #000 49.15%,
      rgba(0,0,0,.90) 49.45%,
      rgba(0,0,0,.38) 49.78%,
      transparent 50%)!important;
  mask:
    radial-gradient(circle at 50% 50%,
      #000 0%,
      #000 49.15%,
      rgba(0,0,0,.90) 49.45%,
      rgba(0,0,0,.38) 49.78%,
      transparent 50%)!important;
  filter:blur(.75px) drop-shadow(0 0 8px rgba(205,222,96,.28))!important;
  opacity:1!important;
  mix-blend-mode:screen!important;
  transform:none!important;
}

/* Pointer is now part of the same rotor instead of rotating independently. */
.rmx-area-radar-dial .rmx-area-radar-sweep::after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:47%!important;
  height:2px!important;
  margin:0!important;
  border-radius:999px!important;
  transform:translateY(-50%)!important;
  transform-origin:0 50%!important;
  background:linear-gradient(
    90deg,
    #dce870 0%,
    #d4e06a 24%,
    rgba(205,222,98,.92) 62%,
    rgba(205,222,98,.58) 84%,
    rgba(205,222,98,.14) 97%,
    transparent 100%
  )!important;
  filter:drop-shadow(0 0 5px rgba(210,228,103,.80))!important;
  z-index:6!important;
}

@keyframes rmxAreaRadarUnifiedRotor{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

@media(prefers-reduced-motion:reduce){
  .rmx-area-radar-dial .rmx-area-radar-sweep{
    animation:none!important;
    transform:rotate(18deg)!important;
  }
}


/* ==========================================================
   AREA DE ATENDIMENTO V14 — radar isolado / mecânica validada
   Reimplementação limpa baseada no padrão que funcionou em
   Entrega Expressa. As classes V14 evitam toda a cascata legada.
   ========================================================== */
.rmx-area-radar-v14{
  position:relative;
  width:100%;
  height:300px;
  overflow:hidden;
  border:1px solid rgba(184,201,80,.20);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 50%,rgba(169,186,67,.07),transparent 64%),
    rgba(7,16,11,.46);
  isolation:isolate;
}
.rmx-area-radar-v14-map{
  position:absolute;
  inset:-8%;
  width:116%;
  height:116%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  opacity:.24;
  filter:saturate(.82) brightness(.74) contrast(1.14);
  mix-blend-mode:screen;
  animation:rmxAreaV14MapGlow 5.6s ease-in-out infinite;
  z-index:0;
}
.rmx-area-radar-v14-wrap{
  position:absolute;
  left:50%;
  top:50%;
  width:min(78%,290px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:
    repeating-radial-gradient(circle,transparent 0 31px,rgba(190,207,86,.13) 32px 33px),
    radial-gradient(circle,rgba(169,186,67,.055),transparent 67%);
  box-shadow:inset 0 0 55px rgba(177,194,73,.05);
  z-index:2;
}
.rmx-area-radar-v14-rotor{
  position:absolute;
  inset:0;
  border-radius:50%;
  animation:rmxAreaV14Spin 4.8s linear infinite;
  transform-origin:50% 50%;
  z-index:3;
}
.rmx-area-radar-v14-rotor::before{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    conic-gradient(
      from -6deg,
      rgba(201,219,88,0) 0deg,
      rgba(201,219,88,0) 302deg,
      rgba(201,219,88,.03) 312deg,
      rgba(201,219,88,.08) 323deg,
      rgba(201,219,88,.16) 334deg,
      rgba(201,219,88,.28) 344deg,
      rgba(201,219,88,.46) 352deg,
      rgba(201,219,88,.62) 357deg,
      rgba(201,219,88,.10) 360deg
    );
  -webkit-mask:radial-gradient(circle at center,transparent 0 13%,#000 14% 63%,transparent 64% 100%);
  mask:radial-gradient(circle at center,transparent 0 13%,#000 14% 63%,transparent 64% 100%);
  filter:blur(1.4px);
  mix-blend-mode:screen;
  content:"";
}
.rmx-area-radar-v14-rotor::after{
  position:absolute;
  left:50%;
  top:50%;
  width:47%;
  height:2px;
  background:linear-gradient(90deg,#d1df67 0%,rgba(190,207,86,.7) 40%,transparent 100%);
  box-shadow:0 0 7px rgba(205,222,96,.42),0 0 18px rgba(205,222,96,.24);
  content:"";
  transform:translateY(-50%);
  transform-origin:left center;
}
.rmx-area-radar-v14-core{
  position:absolute;
  left:50%;
  top:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#c3d15e;
  box-shadow:0 0 18px #c3d15e;
  transform:translate(-50%,-50%);
  z-index:5;
}
.rmx-area-radar-v14-wrap>i{
  position:absolute;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#c0cf57;
  box-shadow:0 0 0 4px rgba(180,196,74,.08),0 0 14px rgba(197,214,90,.45);
  animation:rmxAreaV14TargetPulse 2.6s ease-in-out infinite;
  z-index:5;
}
.rmx-area-radar-v14-wrap .is-one{left:25%;top:34%}
.rmx-area-radar-v14-wrap .is-two{right:23%;top:30%;animation-delay:-.8s}
.rmx-area-radar-v14-wrap .is-three{left:34%;bottom:22%;animation-delay:-1.6s}
.rmx-area-radar-v14-wrap .is-four{right:29%;bottom:24%;animation-delay:-2.1s}

@keyframes rmxAreaV14Spin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes rmxAreaV14TargetPulse{
  0%,100%{opacity:.42;transform:scale(.75)}
  50%{opacity:1;transform:scale(1.18);box-shadow:0 0 0 8px rgba(180,196,74,.12),0 0 18px rgba(197,214,90,.55)}
}
@keyframes rmxAreaV14MapGlow{
  0%,100%{opacity:.16}
  50%{opacity:.30}
}

@media(max-width:900px){
  .rmx-area-radar-v14{height:280px}
  .rmx-area-radar-v14-wrap{width:min(76%,260px)}
}
@media(max-width:620px){
  .rmx-area-radar-v14{height:230px}
  .rmx-area-radar-v14-wrap{width:min(74%,210px)}
}
@media(prefers-reduced-motion:reduce){
  .rmx-area-radar-v14-rotor,
  .rmx-area-radar-v14-wrap>i,
  .rmx-area-radar-v14-map{animation:none!important}
}
