/* Public maintenance plans: cinematic presentation with CMS-controlled pricing and benefits. */
.site-view.plans-view {
  --site-base:#07131f;--site-surface:#142231;--site-text:#f5f7fb;
  --site-muted:#c4cfdb;--site-accent:#f4c27e;--site-on-accent:#102032;
  --text:#f5f7fb;--muted:#c4cfdb;--surface:#142231;--line:#bed8ee2e;
  position:relative;isolation:isolate;color:#f5f7fb;
  background:radial-gradient(ellipse 85% 650px at 0 10%,#c37a2b16,transparent 75%),
             radial-gradient(ellipse 85% 700px at 100% 42%,#4fafff1a,transparent 75%),
             radial-gradient(ellipse 80% 650px at 0 76%,#c37a2b12,transparent 75%),#07131f;
}
.site-view.plans-view::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url("engineering-wave.svg?v=2") center 180px / max(100%,1600px) auto repeat-y;
  opacity:.3;
}
.plans-view .plans-intro {border-color:#bdd8ee2e}
.plans-view .plans-intro .eyebrow {color:#f1bc83;letter-spacing:.095em}
.plans-view .plans-intro h1 {
  color:#fff;background:linear-gradient(105deg,#fff 18%,#fff 48%,#f3bd77 82%,#ffdca5);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.plans-view .plans-intro .page-intro-copy>p {color:#c4cfdb;line-height:1.8}
.plans-view .plans-intro .button.secondary {
  color:#edf5fd;border:1px solid #bdd8ee50;background:linear-gradient(135deg,#c4def01d,#ffffff08);
  box-shadow:inset 0 1px #fff2,0 5px 18px #0002;border-radius:10px;
}
.plans-view .plans-intro .button.secondary:hover {background:#ffffff1c;border-color:#9bd2ff}

.plans-view .plans-intro {padding-bottom:38px;margin-bottom:40px;border-bottom:1px solid #bdd8ee2e}
.plans-view .plans-grid {gap:26px}
.plans-view .plan-option {
  padding:28px;border:1px solid #a4cfee70;border-radius:17px;color:#f5f7fb;
  background:linear-gradient(145deg,#293e52ed,#101e2bf2 58%,#1b2c3bed);
  box-shadow:inset 0 1px #ffffff1c,0 18px 40px #0004,0 0 24px #69bcff0e;
  backdrop-filter:blur(12px);transition:border-color .25s,box-shadow .25s;
}
.plans-view .plan-option-popular {
  transform:none;border-color:#f2c891;
  background:linear-gradient(145deg,#494238dc,#202c38f2 48%,#152534ed);
  box-shadow:inset 0 1px #fff4,0 18px 45px #0005,0 0 32px #e8ba8020;
}
.plans-view .plan-option:hover {border-color:#c0e2ff;box-shadow:inset 0 1px #fff2,0 20px 42px #0005,0 0 26px #69bcff1c}
.plans-view .plan-option-popular:hover {border-color:#ffe0af;box-shadow:inset 0 1px #fff3,0 20px 42px #0005,0 0 30px #e8ba8030}
.plans-view .plan-option-topline {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px;min-height:46px}
.plans-view .plan-option-symbol {display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:12px;border:1px solid #afd8fb50;color:#a9d8ff;background:linear-gradient(135deg,#b0daff24,#acd8ff08);box-shadow:inset 0 1px #fff2}
.plans-view .plan-option-symbol .material-symbols-outlined {font-size:27px}
.plans-view .plan-option-popular .plan-option-symbol {color:#f4cf9b;border-color:#f4cf9b66;background:linear-gradient(135deg,#e6bc7629,#edc78c0c)}
.plans-view .plan-option .plan-option-badge {margin:0;padding:6px 10px;border:1px solid #aacfee4a;background:#a9d8ff12;color:#d7e9f7;font-size:10px;line-height:1.6;text-align:right;overflow-wrap:anywhere;min-width:0}
.plans-view .plan-option-popular .plan-option-badge {color:#102032;border-color:#f3d8ad;background:linear-gradient(125deg,#f4d49f,#d9ac6d);box-shadow:inset 0 1px #fff5}
.plans-view .plan-option h2 {color:#fff;font-size:24px;line-height:1.35;margin-bottom:14px;overflow-wrap:anywhere}
.plans-view .plan-option-description {font-size:14px;line-height:1.75;color:#c9d7e4;margin-bottom:24px}
.plans-view .plan-option-pricing {border-color:#b4d5ed38;background:linear-gradient(135deg,#0a1a2999,#2b466044);padding:20px 17px;border-radius:12px}
.plans-view .plan-option-popular .plan-option-pricing {border-color:#f1c99555;background:linear-gradient(125deg,#b58a441c,#0b1b2c88)}
.plans-view .plan-option-pricing strong {font-size:clamp(29px,2.7vw,36px);line-height:1.25;color:#ffdcaa;overflow-wrap:anywhere;max-width:100%}
.plans-view .plan-option-pricing>div>span {font-size:12px;color:#c8d8e6}
.plans-view .plan-option-pricing .plan-annual {color:#f4cf9b;font-size:12px;line-height:1.8}
.plans-view .plan-option-pricing .plan-audience {color:#c4d2df;font-size:12px;line-height:1.8;margin-top:8px}
.plans-view .plan-included-title {color:#e0eaf4;font-size:12px}
.plans-view .plan-included {gap:13px;margin-bottom:30px}
.plans-view .plan-included li {color:#c9d7e4;font-size:13px;line-height:1.7;gap:9px}
.plans-view .plan-included .material-symbols-outlined {color:#a7d7ff;font-size:18px;margin-top:2px}
.plans-view .plan-option-popular .plan-included .material-symbols-outlined {color:#f4cf9b}
.plans-view .plan-option>.button {
  min-height:48px;padding:12px 16px;border:1px solid #c1d9ee66;border-radius:10px;
  background:linear-gradient(135deg,#b7d9f21c,#c0d8ee0a);color:#f1f6fc;font-size:13px;font-weight:650;
  box-shadow:inset 0 1px #fff2;white-space:normal;gap:10px;
}
.plans-view .plan-option>.button:hover {background:#a9d8ff24;border-color:#b9e4ff}
.plans-view .plan-option-popular>.button {
  color:#fff;border-color:#ffb879;background:linear-gradient(110deg,#ca471d,#a54c12);
  box-shadow:inset 0 1px #fff3,0 5px 22px #ff782030;
}
.plans-view .plan-option-popular>.button:hover {background:linear-gradient(110deg,#b43c16,#8e3e0c);border-color:#ffd0a6}
.plans-view .plan-option>.button .material-symbols-outlined {font-size:19px}
.plans-view .plans-benefits {
  margin-top:48px;padding:30px;border-radius:17px;border:1px solid #bdd8ee3b;
  background:linear-gradient(140deg,#26394acc,#0f2131dc);box-shadow:inset 0 1px #fff2,0 18px 40px #0003;backdrop-filter:blur(12px);
}
.plans-view .plans-benefits>h2 {color:#fff;font-size:25px;line-height:1.4;max-width:850px;margin:0 auto 28px;text-wrap:balance}
.plans-view .plans-benefits-grid {gap:20px}
.plans-view .plans-benefits-grid article {padding:24px 21px;background:linear-gradient(145deg,#2d4356b3,#132537cf);border:1px solid #aed4ee42;border-radius:12px;box-shadow:inset 0 1px #fff1}
.plans-view .plans-benefit-icon {display:grid;place-items:center;width:44px;height:44px;margin-bottom:17px;border-radius:11px;color:#f4cf9b;border:1px solid #f2c99545;background:#f2c99512}
.plans-view .plans-benefit-icon .material-symbols-outlined {font-size:25px}
.plans-view .plans-benefits-grid h3 {color:#f4cf9b;font-size:17px;line-height:1.4;margin-bottom:12px}
.plans-view .plans-benefits-grid p {color:#c9d7e4;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.plans-view .services-empty {border:1px solid #a7cfea70;border-radius:17px;background:linear-gradient(135deg,#24394bd9,#112334e8);color:#d5e3ef}
.plans-view .services-empty h2 {color:#fff}
.plans-view .services-empty>.material-symbols-outlined {color:#f4c27e}
.plans-view .services-empty>.button {color:#fff;background:linear-gradient(110deg,#ca471d,#a54c12);border:1px solid #ffb879;border-radius:10px}
.plans-view .main-content a:focus-visible {outline:3px solid #a8d6ff;outline-offset:4px}
/* Exclusive all-weather protection setting behind the existing maintenance mascot. */
.plans-view .page-mascot .mascot-halo {
  inset:-4%;border:0;border-radius:0;box-shadow:none;
  background:transparent url("content/bento-protecao-planos-v1.webp?v=1") center/contain no-repeat;
  mask-image:radial-gradient(ellipse 70% 72% at 50% 50%,#000 85%,transparent 100%);
}
.plans-view .page-mascot .mascot-blueprint,
.plans-view .page-mascot .mascot-orbit,
.plans-view .page-mascot .mascot-node {display:none}
.plans-view .page-mascot .mascot-ground {
  left:20%;right:20%;bottom:4%;height:7%;
  background:radial-gradient(ellipse,#03120b99,transparent 70%);filter:blur(4px);
}
.plans-view .mascot-stage:hover .mascot-halo {box-shadow:none}
.plans-view .page-mascot .mascot-badge {
  border-color:#e5c99c55;color:#f5f7fb;
  background:linear-gradient(135deg,#23384af2,#122333f0);box-shadow:0 12px 30px #0004,inset 0 1px #ffffff12;
}
.plans-view .page-mascot .mascot-badge-icon,.plans-view .page-mascot .mascot-name-mark {
  color:#f2dbb4;background:#f4c27e17;
}

@media(min-width:901px) {.plans-view .plan-option h2 {min-height:2.7em}.plans-view .plan-option-description {min-height:5.25em}.plans-view .plan-option-pricing {min-height:170px}}
@media(max-width:1100px) {.plans-view .plans-grid {gap:22px}.plans-view .plan-option {padding:24px}.plans-view .plan-option h2 {font-size:22px}}
@media(max-width:900px) {.plans-view .plans-grid {gap:24px}.plans-view .plans-benefits-grid {gap:18px}}
@media(max-width:740px) {.plans-view .page-mascot .mascot-badge-topic {top:0;left:0;max-width:44%}}
@media(max-width:700px) {
  .plans-view .plans-intro {padding-bottom:30px;margin-bottom:28px}
  .plans-view .plan-option {padding:25px 22px}
  .plans-view .plans-benefits {padding:25px 20px;margin-top:32px}
  .plans-view .plans-benefits>h2 {font-size:23px}
  .plans-view .plans-benefits-grid article {padding:23px 19px}
  .site-view.plans-view::before {background-size:max(100%,1000px) auto;opacity:.22}
}
@media(prefers-reduced-motion:reduce) {.plans-view .plan-option {transition:none}}
@media(forced-colors:active) {
  .site-view.plans-view {background:Canvas;color:CanvasText}
  .site-view.plans-view::before,.plans-view .page-mascot .mascot-halo {display:none}
  .plans-view .plans-intro h1 {background:none;-webkit-text-fill-color:CanvasText}
  .plans-view .plan-option,.plans-view .plans-benefits,.plans-view .plans-benefits-grid article {background:Canvas;color:CanvasText;border-color:CanvasText}
  .plans-view .plan-option-popular {border:2px solid Highlight}
  .plans-view .page-mascot .mascot-badge {background:Canvas;color:CanvasText;border-color:CanvasText}
}

/* Customized labels and longer contact copy remain inside their cards. */
.plans-view :is(#opcoes,#beneficios) {scroll-margin-top:110px}
.plans-view :is(.plan-included-title,.plan-annual,.plan-audience,.plan-option>.button,.services-empty h2,.services-empty p,.services-empty .button) {overflow-wrap:anywhere}