/*----------------------------------------------------------
  FixGarage - estilos customizados do site
  (carregado depois de style.css para sobrescrever o tema)
----------------------------------------------------------*/

      /* shared nav layout — needed by both views */
      .header-bottom__main-menu {
         display: flex;
         justify-content: center;
      }

      .header-bottom__main-menu nav {
         display: flex;
         justify-content: center;
      }

      .header-bottom__main-menu ul {
         display: flex !important;
         justify-content: center !important;
         width: 100%;
      }

      /* view switching (no page reload — just show/hide) */
      body:not(.view-profissional) #main-profissional {
         display: none;
      }

      body.view-profissional #main-consumidor {
         display: none;
      }

      body:not(.view-profissional) #offcanvas-info-profissional {
         display: none;
      }

      body.view-profissional #offcanvas-info-consumidor {
         display: none;
      }

      :root {
         --fix-bg: #02031f;
         --fix-bg-soft: #050733;
         --fix-bg-card: #090c3a;
         --fix-bg-card-2: #0d1146;
         --fix-highlight: #00bfff;
         --fix-text: #ffffff;
         --fix-muted: rgba(255, 255, 255, 0.68);
         --fix-border: rgba(255, 255, 255, 0.10);
         --fix-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
      }

      html {
         scroll-behavior: smooth;
      }

      body.view-profissional {
         margin: 0;
         background: var(--fix-bg);
         color: var(--fix-text);
         overflow-x: hidden;
      }

      body.view-profissional .blue-bg {
         background: var(--fix-bg) !important;
      }

      body.view-profissional .fg-section-soft {
         background: var(--fix-bg-soft);
      }

      body.view-profissional .fg-section {
         position: relative;
         padding: 120px 0;
      }

      .fg-card-coming-soon {
   position: relative;
   overflow: hidden;
}

.fg-ribbon {
   position: absolute;
   top: 20px;
   right: -42px;
   z-index: 2;
   width: 160px;
   padding: 7px 0;
   background: rgba(255, 255, 255, 0.92);
   color: #0a0d2e;
   font-size: 11px;
   font-weight: 800;
   line-height: 1;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 0.08em;
   transform: rotate(45deg);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

      body.view-profissional .fg-section::before {
         content: "";
         position: absolute;
         inset: 0;
         pointer-events: none;
         background:
            radial-gradient(circle at 10% 15%, rgba(0, 191, 255, 0.08), transparent 25%),
            radial-gradient(circle at 90% 80%, rgba(45, 77, 255, 0.10), transparent 30%);
      }

      body.view-profissional .fg-section > .container {
         position: relative;
         z-index: 2;
      }

      body.view-profissional .header-blur {
         background: rgba(2, 3, 31, 0.78);
         backdrop-filter: blur(18px);
         -webkit-backdrop-filter: blur(18px);
         border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      }

      body.view-profissional .header-bottom__main-menu ul li a {
         color: rgba(255, 255, 255, 0.82);
      }

      body.view-profissional .header-bottom__main-menu ul li a:hover {
         color: var(--fix-highlight);
      }

      body.view-profissional .tp-btn-yellow {
         background: var(--fix-highlight) !important;
         border-color: var(--fix-highlight) !important;
         color: var(--fix-bg) !important;
         transition: background .22s ease, border-color .22s ease, filter .22s ease;
      }

      body.view-profissional .tp-btn-yellow span {
         color: var(--fix-bg) !important;
      }

      body.view-profissional .tp-btn-yellow:hover {
         background: #009fcc !important;
         border-color: #009fcc !important;
         color: var(--fix-bg) !important;
         filter: brightness(1.07);
      }

      body.view-profissional .tp-btn-yellow:hover span {
         color: var(--fix-bg) !important;
      }

      body.view-profissional .tp-btn-yellow-border {
         border-color: rgba(255, 255, 255, 0.28) !important;
         color: #fff !important;
         transition: background .22s ease, border-color .22s ease, color .22s ease;
      }

      body.view-profissional .tp-btn-yellow-border:hover {
         background: rgba(0, 191, 255, 0.10) !important;
         border-color: var(--fix-highlight) !important;
         color: #fff !important;
      }

      body.view-profissional .tp-btn-yellow-border:hover span {
         color: #fff !important;
      }

      body.view-profissional .fg-title {
         margin: 0;
         color: #fff;
         font-size: clamp(42px, 5.7vw, 76px);
         line-height: 1.02;
         letter-spacing: -0.04em;
      }

      body.view-profissional .fg-title-sm {
         color: #fff;
         font-size: clamp(34px, 4vw, 58px);
         line-height: 1.05;
         letter-spacing: -0.035em;
      }

      body.view-profissional .fg-title span,
      body.view-profissional .fg-title-sm span {
         color: var(--fix-highlight);
      }

      body.view-profissional .fg-lead {
         max-width: 720px;
         margin: 26px 0 0;
         color: var(--fix-muted);
         font-size: 19px;
         line-height: 1.75;
      }

      body.view-profissional .fg-muted {
         color: var(--fix-muted);
         line-height: 1.75;
      }

      body.view-profissional .fg-hero {
         min-height: 100vh;
         display: flex;
         align-items: center;
         position: relative;
         overflow: hidden;
         background:
            linear-gradient(110deg, rgba(2, 3, 31, .98) 0%, rgba(2, 3, 31, .95) 48%, rgba(2, 3, 31, .76) 100%);
      }

      body.view-profissional .fg-hero video {
         position: absolute;
         inset: 0;
         width: 100%;
         height: 100%;
         object-fit: cover;
         opacity: .1;
      }

      body.view-profissional .fg-hero::before {
         content: "";
         position: absolute;
         width: 520px;
         height: 520px;
         right: -180px;
         top: 120px;
         border-radius: 50%;
         background: rgba(0, 191, 255, .12);
         filter: blur(70px);
      }

      body.view-profissional .fg-hero::after {
         content: "";
         position: absolute;
         width: 420px;
         height: 420px;
         left: -160px;
         bottom: -120px;
         border-radius: 50%;
         background: rgba(49, 73, 255, .12);
         filter: blur(90px);
      }

      body.view-profissional .fg-hero-grid {
         position: relative;
         z-index: 2;
         max-width: 860px;
      }

      body.view-profissional .fg-hero-actions {
         display: flex;
         flex-wrap: wrap;
         gap: 14px;
         margin-top: 56px;
      }

      body.view-profissional .fg-trust-row {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 14px;
         margin-top: 46px;
      }

      body.view-profissional .fg-trust-item {
         padding: 16px;
         border: 1px solid var(--fix-border);
         border-radius: 16px;
         background: rgba(255,255,255,.03);
      }

      body.view-profissional .fg-trust-item strong {
         display: block;
         color: #fff;
         font-size: 14px;
      }

      body.view-profissional .fg-trust-item span {
         display: block;
         margin-top: 5px;
         color: rgba(255,255,255,.45);
         font-size: 12px;
      }

      body.view-profissional .fg-split {
         display: flex;
         flex-direction: column;
         gap: 48px;
      }

      body.view-profissional .fg-bento {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 18px;
         align-items: stretch;
      }

      body.view-profissional .fg-bento-card {
         display: flex;
         flex-direction: column;
         height: 100%;
         min-height: 260px;
         padding: 28px;
         border: 1px solid var(--fix-border);
         border-radius: 24px;
         background: var(--fix-bg-card);
         box-shadow: 0 12px 38px rgba(0,0,0,.15);
         transition: transform .25s ease, border-color .25s ease, background .25s ease;
      }

      .fg-legal-text {
   display: block;
   margin-top: 12px;
   color: rgba(255, 255, 255, 0.55);
   font-size: 12px;
   line-height: 1.5;
}

      body.view-profissional .fg-bento-card:hover {
         transform: translateY(-5px);
         border-color: rgba(0,191,255,.48);
         background: var(--fix-bg-card-2);
      }

      body.view-profissional .fg-icon-box {
         width: 52px;
         height: 52px;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         margin-bottom: 24px;
         border-radius: 15px;
         background: rgba(0,191,255,.11);
         color: var(--fix-highlight);
         font-size: 22px;
      }

      body.view-profissional .fg-bento-card h3,
      body.view-profissional .fg-segment-card h3,
      body.view-profissional .fg-step-card h3,
      body.view-profissional .fg-plan h3 {
         color: #fff;
         margin-bottom: 12px;
      }

      body.view-profissional .fg-bento-card p,
      body.view-profissional .fg-segment-card p,
      body.view-profissional .fg-step-card p,
      body.view-profissional .fg-plan p {
         color: var(--fix-muted);
         line-height: 1.65;
      }

      body.view-profissional .fg-highlight-panel {
         padding: 48px;
         border: 1px solid rgba(0,191,255,.20);
         border-radius: 30px;
         background:
            linear-gradient(135deg, rgba(0,191,255,.10), rgba(255,255,255,.02)),
            var(--fix-bg-card);
         box-shadow: var(--fix-shadow);
      }

      body.view-profissional .fg-check-list {
         display: grid;
         gap: 14px;
         margin: 30px 0 0;
         padding: 0;
         list-style: none;
      }

      body.view-profissional .fg-check-list li {
         display: flex;
         align-items: flex-start;
         gap: 12px;
         color: rgba(255,255,255,.82);
      }

      body.view-profissional .fg-check-list i {
         margin-top: 4px;
         color: var(--fix-highlight);
      }

      body.view-profissional .fg-steps {
         position: relative;
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 18px;
      }

      body.view-profissional .fg-steps::before {
         content: "";
         position: absolute;
         left: 7%;
         right: 7%;
         top: 38px;
         height: 1px;
         background: linear-gradient(90deg, transparent, rgba(0,191,255,.52), transparent);
      }
.fg-segment-link {
   display: block;
   grid-column: span 12;
   color: inherit;
   text-decoration: none;
   border-radius: inherit;
}

.fg-segment-link:hover,
.fg-segment-link:focus {
   color: inherit;
   text-decoration: none;
}

.fg-segment-link .fg-segment-card {
   grid-column: auto !important;
   cursor: pointer;
   transition:
      transform 0.25s ease,
      border-color 0.25s ease,
      box-shadow 0.25s ease;
}

.fg-segment-link:hover .fg-segment-card,
.fg-segment-link:focus-visible .fg-segment-card {
   transform: translateY(-4px);
   border-color: rgba(155, 255, 178, 0.45);
   box-shadow: 0 16px 35px rgba(0, 0, 0, 0.18);
}

.fg-segment-link:focus-visible {
   outline: 2px solid #9bffb2;
   outline-offset: 4px;
}
      body.view-profissional .fg-step-card {
         position: relative;
         padding: 82px 24px 28px;
         border: 1px solid var(--fix-border);
         border-radius: 22px;
         background: rgba(255,255,255,.025);
      }

      body.view-profissional .fg-step-number {
         position: absolute;
         left: 24px;
         top: 18px;
         width: 42px;
         height: 42px;
         display: flex;
         align-items: center;
         justify-content: center;
         border-radius: 50%;
         background: var(--fix-highlight);
         color: var(--fix-bg);
         font-weight: 800;
         box-shadow: 0 0 0 8px rgba(0,191,255,.08);
      }

      body.view-profissional .fg-segment-grid {
         display: grid;
         grid-template-columns: repeat(12, 1fr);
         gap: 18px;
      }

      body.view-profissional .fg-segment-card {
         min-height: 265px;
         padding: 30px;
         border: 1px solid var(--fix-border);
         border-radius: 24px;
         background: var(--fix-bg-card);
         transition: transform .25s ease, border-color .25s ease;
         display: flex;
         flex-direction: column;
      }

      body.view-profissional .fg-segment-card:hover {
         transform: translateY(-5px);
         border-color: rgba(0,191,255,.48);
      }

      body.view-profissional .fg-segment-card.large {
         grid-column: span 6;
      }

      body.view-profissional .fg-segment-card.medium {
         grid-column: span 4;
      }

      body.view-profissional .fg-segment-card a {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         margin-top: auto;
         padding-top: 18px;
         color: var(--fix-highlight);
         font-weight: 600;
         transition: opacity .2s ease, gap .2s ease;
      }

      body.view-profissional .fg-segment-card a:hover {
         opacity: .72;
         gap: 12px;
      }

      body.view-profissional .fg-plans {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 20px;
         align-items: start;
      }

      body.view-profissional .fg-plan {
         position: relative;
         padding: 34px;
         border: 1px solid var(--fix-border);
         border-radius: 26px;
         background: var(--fix-bg-card);
         display: flex;
         flex-direction: column;
      }

      body.view-profissional .fg-plan.pro {
         border-color: rgba(80,174,255,.35);
      }

      body.view-profissional .fg-plan.featured {
         transform: translateY(-12px);
         border: 2px solid #ffbe2b;
         background: linear-gradient(180deg, rgba(255,190,43,.10), transparent 38%), var(--fix-bg-card-2);
         box-shadow: 0 22px 60px rgba(255,190,43,.15);
      }

      body.view-profissional .fg-plan-badge {
         display: inline-block;
         margin-bottom: 18px;
         padding: 7px 11px;
         border-radius: 999px;
         background: var(--fix-highlight);
         color: var(--fix-bg);
         font-size: 11px;
         font-weight: 800;
         text-transform: uppercase;
      }

      body.view-profissional .fg-plan-heading {
         display: flex;
         align-items: center;
         gap: 12px;
         flex-wrap: wrap;
      }

      body.view-profissional .fg-plan-heading h3 {
         margin: 0;
         color: #fff;
         font-size: 21px;
      }

      body.view-profissional .fg-plan-radio {
         flex: 0 0 28px;
         width: 28px;
         height: 28px;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         border: 2px solid rgba(255,255,255,.25);
         border-radius: 50%;
         color: transparent;
         font-size: 12px;
      }

      body.view-profissional .fg-plan.pro .fg-plan-radio {
         border-color: rgba(80,174,255,.45);
      }

      body.view-profissional .fg-plan.featured .fg-plan-radio {
         border-color: #ffbe2b;
         background: #ffbe2b;
         color: #1a1300;
      }

      body.view-profissional .fg-plan-sub {
         display: inline-flex;
         align-items: center;
         padding: 5px 12px;
         border: 1px solid rgba(76,218,140,.4);
         border-radius: 999px;
         color: #4cda8c;
         font-size: 13px;
         line-height: 1;
         white-space: nowrap;
      }

      body.view-profissional .fg-plan-sub.pro {
         border-color: rgba(80,174,255,.5);
         color: #50aeff;
      }

      body.view-profissional .fg-plan.featured .fg-plan-sub {
         border-color: transparent;
         background: #ffbe2b;
         color: #1a1300;
         font-weight: 700;
      }

      body.view-profissional .fg-plan-price {
         display: flex;
         align-items: baseline;
         gap: 6px;
         margin: 20px 0 25px;
      }

      body.view-profissional .fg-plan-price strong {
         font-size: 34px;
         line-height: 1;
         font-weight: 700;
         color: rgba(255,255,255,.55);
      }

      body.view-profissional .fg-plan.featured .fg-plan-price strong {
         color: #ffbe2b;
      }

      body.view-profissional .fg-plan-price span {
         font-size: 16px;
         color: rgba(255,255,255,.45);
      }

      body.view-profissional .fg-plan ul {
         display: grid;
         gap: 14px;
         margin: 26px 0 0;
         padding: 25px 0 0;
         border-top: 1px solid rgba(255,255,255,.1);
         list-style: none;
         flex: 1;
      }

      body.view-profissional .fg-plan li {
         display: flex;
         align-items: flex-start;
         gap: 10px;
         color: rgba(255,255,255,.80);
         font-size: 15px;
      }

      body.view-profissional .fg-plan li i {
         flex: 0 0 20px;
         width: 20px;
         height: 20px;
         margin-top: 2px;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         border: 2px solid #4cda8c;
         border-radius: 50%;
         color: #4cda8c;
         font-size: 10px;
      }

      body.view-profissional .fg-plan li.is-unavailable {
         opacity: .4;
      }

      body.view-profissional .fg-plan li.is-unavailable i {
         border-color: currentColor;
         color: inherit;
      }

      body.view-profissional .fg-plan-btn-disabled {
         display: inline-block;
         height: 42px;
         padding: 0 32px;
         border-radius: 100px;
         border: 1px solid rgba(255,255,255,.12);
         background: rgba(255,255,255,.05);
         color: rgba(255,255,255,.45);
         font-weight: 600;
         font-size: 15px;
         line-height: 40px;
         text-align: center;
         letter-spacing: .02em;
         cursor: not-allowed;
      }

      body.view-profissional .fg-cta {
         position: relative;
         overflow: hidden;
         padding: 100px 0;
         background:
            radial-gradient(circle at 10% 20%, rgba(0,191,255,.20), transparent 28%),
            linear-gradient(135deg, #070a3b, #02031f 72%);
         border-top: 1px solid rgba(255,255,255,.08);
      }

      body.view-profissional .fg-cta-box {
         max-width: 980px;
         margin: 0 auto;
         text-align: center;
      }

      body.view-profissional .fg-cta-box p {
         max-width: 720px;
         margin: 24px auto 0;
         color: var(--fix-muted);
         font-size: 18px;
         line-height: 1.7;
      }

      body.view-profissional .fg-footer {
         background: #010217;
         border-top: 1px solid rgba(255,255,255,.08);
      }

      body.view-profissional .fg-footer-links {
         display: flex;
         flex-wrap: wrap;
         justify-content: flex-end;
         gap: 20px;
         margin: 0;
         padding: 0;
         list-style: none;
      }

      body.view-profissional .fg-footer-links a {
         color: rgba(255,255,255,.60);
         font-size: 14px;
      }

      body.view-profissional .fg-footer-links a:hover {
         color: var(--fix-highlight);
      }

      @media (max-width: 1199px) {
         body.view-profissional .fg-steps {
            grid-template-columns: repeat(2, 1fr);
         }

         body.view-profissional .fg-steps::before {
            display: none;
         }

         body.view-profissional .fg-segment-card.large,
         body.view-profissional .fg-segment-card.medium {
            grid-column: span 6;
         }
      }

      @media (max-width: 991px) {
         body.view-profissional .fg-hero {
            min-height: 100svh;
            padding: 140px 0 80px;
         }

         body.view-profissional .fg-trust-row {
            grid-template-columns: repeat(2, 1fr);
         }

         body.view-profissional .fg-plans {
            grid-template-columns: 1fr;
         }

         body.view-profissional .fg-plan.featured {
            transform: none;
         }

         body.view-profissional .fg-footer-links {
            justify-content: flex-start;
         }
      }

      @media (max-width: 767px) {
         body.view-profissional .fg-section {
            padding: 88px 0;
         }

         body.view-profissional .fg-title {
            font-size: 46px;
         }

         body.view-profissional .fg-title-sm {
            font-size: 38px;
         }

         body.view-profissional .fg-bento,
         body.view-profissional .fg-steps,
         body.view-profissional .fg-trust-row {
            grid-template-columns: 1fr;
         }

         body.view-profissional .fg-segment-card.large,
         body.view-profissional .fg-segment-card.medium {
            grid-column: span 12;
         }

         body.view-profissional .fg-highlight-panel,
         body.view-profissional .fg-plan {
            padding: 28px;
         }

         body.view-profissional .fg-hero-panel {
            padding: 20px;
         }
      }