*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --color-theme: #008EAA;
      --color-theme2: #007B8A;
      --color-theme3: #139FB81F;
      --color-black: #333;
      --color-lines: #ccc;
      --color-background: #f4f5f7;
      --color-white: #ffffff;
      --radius: 3px;
    }

    /* NAV */
    nav{
      background: var(--color-white);
      border-bottom: 1px solid var(--color-lines);
      position: sticky;
      top: 0;
      z-index: 100;
    }
    nav .container-header{
      max-width: 1680px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 57px;
      height: 70px;
    }

    .logo {
      display: flex;
      align-items: center;
      gap: 6px;
      width: 144px;
      color: var(--color-theme);
    }

    .btn-homepage {
      border: 1px solid var(--color-theme);
      color: var(--color-theme) !important;
      background: transparent;
      padding: 0px 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      min-width: 132px;
      border-radius: 50px;
      font-size: 12px;
      cursor: pointer;
      text-transform: uppercase;
    }

    /* MAIN */
    #main.container {
        max-width: 990px;
        margin: 0 auto;
        padding: 49px 20px 0;
        position: relative;
    }

    h1 {
        text-align: center;
        font-size: 32px;
        font-weight: 400;
        line-height: 36px;
        color: var(--color-theme);
        text-transform: uppercase;
        margin-bottom: 9px;
    }

    .subtitle {
        text-align: center;
        font-size: 16px;
        margin-bottom: 27px;
    }

    /* STEPPER */
    .stepper {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0;
      margin-bottom: 24px;
    }
    @media screen and (min-width: 768px){
      body::before{
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background-image: url("/sysimages/background-form-simuladorMob.png?1");
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
      }
    }

    .step {
      width: 34px;
      height: 22px;
      margin: 0 -6px;
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='34' height='22' viewBox='0 0 34 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21 1C22.1046 1 23 1.89543 23 3V19C23 20.1046 22.1046 21 21 21V1Z' fill='%23CCCCCC'/%3e%3cpath d='M21 2C25.9706 2 30 6.02944 30 11C30 15.9706 25.9706 20 21 20V2Z' fill='%23CCCCCC'/%3e%3cpath d='M28 11C28 10.4477 28.4477 10 29 10H33C33.5523 10 34 10.4477 34 11C34 11.5523 33.5523 12 33 12H29C28.4477 12 28 11.5523 28 11Z' fill='%23CCCCCC'/%3e%3cpath d='M11 3C11 1.89543 11.8954 1 13 1V21C11.8954 21 11 20.1046 11 19V3Z' fill='%23CCCCCC'/%3e%3cpath d='M4 11C4 6.02944 8.02944 2 13 2V20C8.02944 20 4 15.9706 4 11Z' fill='%23CCCCCC'/%3e%3cpath d='M0 11C0 10.4477 0.447715 10 1 10H5C5.55228 10 6 10.4477 6 11C6 11.5523 5.55228 12 5 12H1C0.447715 12 0 11.5523 0 11Z' fill='%23CCCCCC'/%3e%3crect x='12' y='7' width='5' height='2' rx='1' fill='%23CCCCCC'/%3e%3crect x='12' y='13' width='5' height='2' rx='1' fill='%23CCCCCC'/%3e%3c/svg%3e ");
    }
    .step-line.done + .step{background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='34' height='22' viewBox='0 0 34 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21 1C22.1046 1 23 1.89543 23 3V19C23 20.1046 22.1046 21 21 21V1Z' fill='%23CCCCCC'/%3e%3cpath d='M21 2C25.9706 2 30 6.02944 30 11C30 15.9706 25.9706 20 21 20V2Z' fill='%23CCCCCC'/%3e%3cpath d='M28 11C28 10.4477 28.4477 10 29 10H33C33.5523 10 34 10.4477 34 11C34 11.5523 33.5523 12 33 12H29C28.4477 12 28 11.5523 28 11Z' fill='%23CCCCCC'/%3e%3cpath d='M11 3C11 1.89543 11.8954 1 13 1V21C11.8954 21 11 20.1046 11 19V3Z' fill='%23139FB8'/%3e%3cpath d='M4 11C4 6.02944 8.02944 2 13 2V20C8.02944 20 4 15.9706 4 11Z' fill='%23139FB8'/%3e%3cpath d='M0 11C0 10.4477 0.447715 10 1 10H5C5.55228 10 6 10.4477 6 11C6 11.5523 5.55228 12 5 12H1C0.447715 12 0 11.5523 0 11Z' fill='%23139FB8'/%3e%3crect x='12' y='7' width='5' height='2' rx='1' fill='%23139FB8'/%3e%3crect x='12' y='13' width='5' height='2' rx='1' fill='%23139FB8'/%3e%3c/svg%3e ");}
    body .step-line.done + .step.active {position: relative;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='34' height='22' viewBox='0 0 34 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 1C18.1046 1 19 1.89543 19 3V19C19 20.1046 18.1046 21 17 21V1Z' fill='%23139FB8'/%3e%3cpath d='M17 2C21.9706 2 26 6.02944 26 11C26 15.9706 21.9706 20 17 20V2Z' fill='%23139FB8'/%3e%3cpath d='M24 11C24 10.4477 24.4477 10 25 10H29C29.5523 10 30 10.4477 30 11C30 11.5523 29.5523 12 29 12H25C24.4477 12 24 11.5523 24 11Z' fill='%23139FB8'/%3e%3cpath d='M15 3C15 1.89543 15.8954 1 17 1V21C15.8954 21 15 20.1046 15 19V3Z' fill='%23139FB8'/%3e%3cpath d='M8 11C8 6.02944 12.0294 2 17 2V20C12.0294 20 8 15.9706 8 11Z' fill='%23139FB8'/%3e%3cpath d='M4 11C4 10.4477 4.44772 10 5 10H9C9.55228 10 10 10.4477 10 11C10 11.5523 9.55228 12 9 12H5C4.44772 12 4 11.5523 4 11Z' fill='%23139FB8'/%3e%3crect x='16' y='7' width='5' height='2' rx='1' fill='%23139FB8'/%3e%3crect x='16' y='13' width='5' height='2' rx='1' fill='%23139FB8'/%3e%3cpath d='M13 11L15.6667 14L21 8' stroke='white' stroke-width='1.12' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");}

    .step.active::before{
      content: '';
      display: block;
      height: 2px;
      width: 5px;
      background-color: var(--color-theme);
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }
    .step.active::after{
      content: '';
      display: block;
      height: 2px;
      width: 5px;
      background-color: var(--color-theme);
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
    }

    .step.done {
      border-color: var(--color-theme);
      background: var(--color-theme);
      color: var(--color-white);
    }

    
    .step-line {
      width: 140px;
      height: 2px;
      background: var(--color-lines);
      position: relative;
      z-index: 1;
      transition: background 0.4s;
    }
    .step-line.last,
    .step-line.first { width: 70px; }
    .step-line.done { background: var(--color-theme); }

    /* PAGES */
    .page { display: none; animation: fadeIn 0.35s ease; }
    .page.active { display: block; }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(8px); }
      to   { opacity: 1; transform: translateY(0); }
    }



    /* SECTION LABEL */
    .section-label {
      font-size: 17px;
      color: var(--color-black);
      margin-bottom: 15px;
      margin-left: 5px;
      font-family: 'Metrocity-Bold', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
    }

    .hint {
      font-size: 12px;
      color: #666;
      margin-top: 12px;
      line-height: 120%;
      margin-left: 5px;
    }

    .hint.before-btn { margin-top: 0;padding-bottom: 39px;border-bottom: 2px solid var(--color-lines);margin-left: 5px; }

    /* SELECT */
    .custom-select {
        box-sizing: border-box;
        height: 52px;
        line-height: 50px;
        border: 1px solid #C1CDCF;
        border-radius: var(--radius);
        padding: 1px 15px 0;
        width: 100%;
        font-size: 16px;
        box-shadow: 0px 2px 3px rgb(25, 75, 84, 0.05);
        font-family: inherit;
        background-color: #fff;
        font-family: 'Metrocity-Book', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
        appearance: none;
        -webkit-appearance: none; /* Safari/Chrome */
        -moz-appearance: none;    /* Firefox */
        padding-right: 10px; /* evita espaço extra */
    }
    .custom-select:focus { outline: none; border-color: var(--color-theme); color: var(--color-black); }


    /* BUTTON GROUP */
    .btn-group {
      display: grid;
      gap: 12px;
      margin-bottom: 28px;
    }

    .btn-group.cols-3 { grid-template-columns: repeat(3, 1fr); }
    .btn-group.cols-2 { grid-template-columns: repeat(2, 1fr); }

    #main.container .button-custom {
      padding: 15px 12px;
      border: 1.5px solid var(--color-lines);
      border-radius: var(--radius);
      font-size: 16px;
      background: var(--color-white);
      color: var(--color-black) !important;
      cursor: pointer;
      transition: border-color 0.2s, background 0.2s, color 0.2s;
      text-align: center;
      font-family: 'Metrocity-Book', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
    }

    @media (hover){
      .btn-back:hover { background: var(--color-theme3);border-color: var(--color-theme); }
      .btn-homepage:hover { background: var(--color-theme3); }
      .btn-details:hover { background: var(--color-theme2); }

      #main.container .button-custom:hover { border-color: var(--color-theme); background: var(--color-theme3); }
    }
    #main.container .button-custom.selected { border-color: var(--color-theme); background: var(--color-theme3); }

    /* "Outro" row with text input */
    .outro-row {
      display: flex;
      align-items: center;
      border: 1.5px solid var(--color-lines);
      background-color: var(--color-white);
      border-radius: var(--radius);
      overflow: hidden;
      transition: border-color 0.2s;
      margin-bottom: 38px;
    }
    .outro-row.selected { border-color: var(--color-theme); background: var(--color-theme3); }

    .outro-label {
      padding: 15px 18px;
      font-size: 16px;
      font-weight: 500;
      color: var(--color-black);
      white-space: nowrap;
      cursor: pointer;
      background: transparent;
      border: none;
      font-family: 'Metrocity-Book', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
    }

    #outro-input {
      flex: 1;
      border: none !important;
      background: transparent;
      padding: 15px 12px 15px 0;
      font-size: 16px;
      font-family: 'Metrocity-Book', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
      outline: none;
    }


    #outro-input::-webkit-input-placeholder {color: #999;}
    #outro-input::-moz-placeholder {color:#999;}
    #outro-input:-ms-input-placeholder {color:#999;}
    #outro-input:-moz-placeholder {color:#999;}

    /* DIVIDER */
    .divider { height: 35px; }
    #local-group { margin-bottom: 14px; }
    #veiculo-group { margin-bottom: 37px; }
    #instalacao-group { margin-bottom: 20px; }
    /* ACTIONS */
    .actions {
      display: flex;
      justify-content: flex-end;
      gap: 14px;
      padding-top: 28px;
    }
    #page1 .actions { padding-bottom: 22px; }

    #page3 .actions { border-top: 2px solid var(--color-lines);margin-top: 24px; }
    #page3 .actions .btn-back { min-width: 298px; }

    .btn-back {
      padding: 1px 30px 0;
      border: 1px solid var(--color-theme);
      border-radius: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 42px;
      height: 42px;
      min-width: 120px;
      background: transparent;
      color: var(--color-theme) !important;
      font-size: 13px;  
      cursor: pointer;
      text-transform: uppercase;
      transition: background 0.2s;
    }
    

    .btn-continue {
      padding: 1px 30px 0;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 42px;
      height: 42px;
      min-width: 298px;
      border: none;
      border-radius: 30px;
      background: var(--color-theme);
      color: var(--color-white);
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
      text-transform: uppercase;
      transition: background 0.2s, transform 0.15s;
    }
    .btn-continue:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }

    /* PAGE 2 – TWO COLUMNS */
    .two-col {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 28px;
    }
    .two-col > div:first-child { padding: 30px; }
    .two-col > div:last-child { padding: 30px 0; }

    @media (max-width: 650px) {
      .two-col { grid-template-columns: 1fr; }
      .btn-group.cols-3 { grid-template-columns: 1fr; }
    }

    .summary-title {
      font-size: 17px;
      font-family: 'Metrocity-Bold', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
      margin-bottom: 28px;
      color: var(--color-black);
    }

    .summary-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
    }
    .summary-item:not(:last-child){
      margin-bottom: 23px;
    }

    .summary-icon {
      width: 24px;
      height: 24px;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center;
    }
    
    .summary-icon-PC {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_11224_7163)'%3e%3cpath d='M9.6 0.800012V3.20001H13.6C14.4 3.20001 14.4 4.00001 14.4 4.00001V20C14.4 20 14.4 20.8 13.6 20.8H9.6V23.2C9.6 24 4.8 24 4.8 23.2V20.8H0.8C0 20.8 0 20 0 20V4.00001C0 4.00001 0 3.20001 0.8 3.20001H4.8V0.800012C4.8 1.21891e-05 9.6 1.21891e-05 9.6 0.800012ZM12.8 5.60001C12.8 4.80001 12 4.80001 12 4.80001H2.4C2.4 4.80001 1.6 4.80001 1.6 5.60001V18.4C1.6 19.2 2.4 19.2 2.4 19.2H12C12 19.2 12.8 19.2 12.8 18.4V5.60001Z' fill='%23333333'/%3e%3cpath d='M8.0002 7.20001V16.8C8.0002 17.6 7.2002 17.6 7.2002 17.6H4.0002C4.0002 17.6 3.2002 17.6 3.2002 16.8V7.20001C3.2002 6.40001 4.0002 6.40001 4.0002 6.40001H7.2002C7.2002 6.40001 8.0002 6.40001 8.0002 7.20001ZM6.4002 13.2C6.4002 12.8 6.0002 12.8 6.0002 12.8H5.2002C5.2002 12.8 4.8002 12.8 4.8002 13.2V15.6C4.8002 16 5.2002 16 5.2002 16H6.0002C6.0002 16 6.4002 16 6.4002 15.6V13.2ZM9.60019 7.20001V10.4C9.60019 10.8 10.0002 10.8 10.0002 10.8H10.8002C10.8002 10.8 11.2002 10.8 11.2002 10.4V7.20001C11.2002 6.80001 10.8002 6.80001 10.8002 6.80001H10.0002C10.0002 6.80001 9.60019 6.80001 9.60019 7.20001ZM10.4002 14.208C10.8482 14.208 11.2002 14.752 11.2002 15.2C11.2002 15.648 10.8482 16.208 10.4002 16.208C9.95219 16.208 9.60019 15.648 9.60019 15.2C9.60019 14.752 9.95219 14.208 10.4002 14.208ZM12.2082 15.2C12.2082 14.208 11.4082 13.2 10.4002 13.2C9.4082 13.2 8.6082 14.208 8.6082 15.2C8.6082 16.208 9.4082 17.2 10.4002 17.2C11.4082 17.2 12.2082 16.208 12.2082 15.2ZM18.4002 3.20001L16.0002 12.8H19.2002L17.6002 20.8L24.0002 9.60001H20.8002L23.2002 3.20001H18.4002Z' fill='%23333333'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_11224_7163'%3e%3crect width='24' height='24' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");}
    .summary-icon-LI {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5136 1.9417C11.8087 1.75151 12.181 1.75325 12.4759 1.94395L21.8104 8.16841L21.8126 8.16953C22.0523 8.3237 22.1997 8.60051 22.1998 8.8854V20.2988C22.1997 21.3446 21.3441 22.2009 20.2987 22.201H3.70091C2.6555 22.2009 1.79986 21.3446 1.7998 20.2988V8.8854C1.79988 8.60363 1.94468 8.33499 2.18926 8.16841L11.5147 1.94283L11.5136 1.9417ZM11.9041 3.77189L3.60523 9.30187L3.52869 9.35364V20.4721H5.94869V14.0732C5.94891 13.0275 6.80551 12.171 7.85092 12.171H16.1487C17.1941 12.171 18.0507 13.0275 18.0509 14.0732V20.4721H20.4709V9.35364L20.3944 9.30187L12.0955 3.77189L11.9998 3.70774L11.9041 3.77189ZM7.67758 18.051V20.4721H16.322V18.051H7.67758ZM7.67758 13.901V16.3221H16.322V13.901H7.67758Z' fill='%23333333'/%3e%3c/svg%3e ");}
    .summary-icon-TV {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.7641 4C16.3211 4.00002 16.8672 4.15513 17.341 4.44797C17.8149 4.7408 18.1979 5.15979 18.4471 5.658L19.8301 8.423C20.0741 8.323 20.3171 8.222 20.5531 8.105C20.7904 7.98645 21.0652 7.96705 21.3169 8.05106C21.5685 8.13508 21.7765 8.31563 21.8951 8.553C22.0136 8.79037 22.033 9.06511 21.949 9.31678C21.865 9.56846 21.6844 9.77645 21.4471 9.895C20.9531 10.141 20.7271 10.217 20.7271 10.217L21.6831 12.13C21.8921 12.547 22.0001 13.006 22.0001 13.472V16C22.0001 16.4221 21.911 16.8394 21.7387 17.2247C21.5664 17.61 21.3147 17.9546 21.0001 18.236V19.5C21.0001 19.8978 20.842 20.2794 20.5607 20.5607C20.2794 20.842 19.8979 21 19.5001 21C19.1022 21 18.7207 20.842 18.4394 20.5607C18.1581 20.2794 18.0001 19.8978 18.0001 19.5V19H6.00007V19.5C6.00007 19.8978 5.84204 20.2794 5.56073 20.5607C5.27943 20.842 4.8979 21 4.50007 21C4.10225 21 3.72072 20.842 3.43941 20.5607C3.15811 20.2794 3.00007 19.8978 3.00007 19.5V18.236C2.38607 17.686 2.00007 16.888 2.00007 16V13.472C2.00026 13.0065 2.10879 12.5473 2.31707 12.131L3.27307 10.217C3.03078 10.1167 2.79135 10.0097 2.55507 9.896C2.4372 9.83752 2.33203 9.75635 2.24559 9.65715C2.15914 9.55795 2.09313 9.44266 2.05132 9.3179C2.00952 9.19314 1.99275 9.06135 2.00197 8.93009C2.01119 8.79884 2.04623 8.67069 2.10507 8.553C2.22605 8.31668 2.43521 8.13749 2.6873 8.05421C2.93938 7.97093 3.21413 7.99025 3.45207 8.108C3.68807 8.22133 3.92741 8.32633 4.17007 8.423L5.55307 5.658C5.80226 5.15979 6.18524 4.7408 6.65911 4.44797C7.13298 4.15513 7.67902 4.00002 8.23607 4H15.7641ZM18.8341 10.904C17.1341 11.441 14.7151 12 12.0001 12C9.28507 12 6.86607 11.44 5.16607 10.904L4.10607 13.024C4.03638 13.1631 4.00008 13.3165 4.00007 13.472V16C4.00007 16.2652 4.10543 16.5196 4.29297 16.7071C4.4805 16.8946 4.73486 17 5.00007 17H19.0001C19.2653 17 19.5196 16.8946 19.7072 16.7071C19.8947 16.5196 20.0001 16.2652 20.0001 16V13.472C19.9999 13.3168 19.9636 13.1638 19.8941 13.025L18.8341 10.904ZM7.50007 13C7.8979 13 8.27943 13.158 8.56073 13.4393C8.84204 13.7206 9.00007 14.1022 9.00007 14.5C9.00007 14.8978 8.84204 15.2794 8.56073 15.5607C8.27943 15.842 7.8979 16 7.50007 16C7.10225 16 6.72072 15.842 6.43941 15.5607C6.15811 15.2794 6.00007 14.8978 6.00007 14.5C6.00007 14.1022 6.15811 13.7206 6.43941 13.4393C6.72072 13.158 7.10225 13 7.50007 13ZM16.5001 13C16.8979 13 17.2794 13.158 17.5607 13.4393C17.842 13.7206 18.0001 14.1022 18.0001 14.5C18.0001 14.8978 17.842 15.2794 17.5607 15.5607C17.2794 15.842 16.8979 16 16.5001 16C16.1022 16 15.7207 15.842 15.4394 15.5607C15.1581 15.2794 15.0001 14.8978 15.0001 14.5C15.0001 14.1022 15.1581 13.7206 15.4394 13.4393C15.7207 13.158 16.1022 13 16.5001 13ZM15.7641 6H8.23607C8.05041 6.0001 7.86844 6.05188 7.71055 6.14955C7.55265 6.24722 7.42506 6.38692 7.34207 6.553L6.07207 9.09C7.62007 9.555 9.70607 10 12.0001 10C14.2941 10 16.3801 9.555 17.9271 9.09L16.6581 6.553C16.5751 6.38692 16.4475 6.24722 16.2896 6.14955C16.1317 6.05188 15.9497 6.0001 15.7641 6Z' fill='%23333333'/%3e%3c/svg%3e ");}
    .summary-icon-SI {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.7743 2.45142C13.5488 2.02477 14.4504 1.91263 15.4096 2.06415C15.6332 2.09949 15.8276 2.23889 15.9352 2.44018C16.0427 2.64141 16.0517 2.8817 15.9584 3.09005C15.9393 3.13274 15.9206 3.177 15.9028 3.22187L15.8978 3.23413C15.4803 4.23418 15.4316 4.75537 15.4864 5.01925C15.5217 5.18894 15.614 5.3322 15.9888 5.49133C16.3619 5.65082 16.5281 5.61811 16.6731 5.52505C16.8984 5.38028 17.2341 4.98081 17.6516 3.98006L17.6971 3.87072L17.7345 3.79409C17.8316 3.62024 17.9953 3.4926 18.1893 3.4436C18.4112 3.38768 18.6461 3.44137 18.8231 3.58768C19.533 4.17437 20.0267 4.89084 20.2302 5.72124C20.4336 6.5518 20.3305 7.4267 19.9674 8.29724C19.6206 9.12997 19.1049 9.79324 18.4198 10.2285C17.881 10.5707 17.2699 10.749 16.6145 10.7823C16.4507 11.2203 16.28 11.6659 16.0929 12.1137C15.7919 12.8353 15.4705 13.5273 15.1538 14.1931C14.9805 14.5576 14.548 14.7115 14.1875 14.5365C13.8268 14.3612 13.6744 13.9232 13.8478 13.5586C14.1609 12.9004 14.4702 12.2327 14.7576 11.5436L15.1083 10.6689C15.2205 10.3774 15.3285 10.0855 15.4348 9.79421L15.4844 9.68589C15.6199 9.44476 15.8821 9.29809 16.1626 9.31702C16.7717 9.35843 17.2609 9.23424 17.6485 8.98799C18.0373 8.741 18.3786 8.33721 18.6321 7.72809L18.721 7.49307C18.9051 6.95549 18.9246 6.48388 18.8241 6.07376C18.7724 5.86277 18.683 5.6552 18.5563 5.45045C18.2316 6.04217 17.8756 6.48825 17.4504 6.76145C16.7507 7.21085 16.0384 7.10294 15.4257 6.84115C14.8121 6.58027 14.2384 6.13971 14.0682 5.31966C13.9586 4.79139 14.0382 4.18373 14.2582 3.48754C13.9582 3.52585 13.6958 3.61229 13.4678 3.73789C13.0313 3.97836 12.6513 4.39962 12.3751 5.06216C12.1208 5.67151 12.0731 6.20047 12.1699 6.65416C12.2663 7.10636 12.5197 7.54641 12.9745 7.958C13.214 8.17477 13.2835 8.52595 13.1453 8.81939C12.881 9.38042 12.621 9.94878 12.3791 10.5309C12.0992 11.2109 11.8355 11.8976 11.5896 12.5909L11.5886 12.595C11.4984 12.845 11.459 13.1253 11.4754 13.3982C11.4997 13.8019 11.1956 14.1492 10.7961 14.1737C10.3969 14.198 10.0532 13.8907 10.0289 13.4871C10.001 13.0217 10.066 12.5397 10.227 12.0933C10.481 11.3774 10.7527 10.668 11.0418 9.96587L11.0428 9.96281C11.229 9.51454 11.4258 9.0785 11.622 8.65386C11.188 8.15673 10.8867 7.59124 10.7527 6.96275C10.5821 6.16283 10.6923 5.32596 11.0397 4.49301L11.1914 4.16194C11.5665 3.41243 12.095 2.82565 12.7743 2.45142Z' fill='%23333333'/%3e%3cpath d='M14.8451 15.9764C14.8451 15.4436 14.59 15.0355 14.2224 14.7379C13.8316 14.4218 13.3903 14.2945 13.1833 14.2945H10.2883C10.0443 14.2945 9.81675 14.1705 9.68278 13.9644C9.54881 13.7583 9.52631 13.498 9.62314 13.2716L9.87888 12.6739C9.98216 12.4313 10.0299 12.1683 10.0194 11.9044C10.0088 11.6401 9.93982 11.3809 9.81722 11.1473C9.69464 10.9138 9.52218 10.7106 9.3118 10.5536C9.1021 10.3971 8.86014 10.2897 8.60422 10.2399C8.50131 10.2204 8.39465 10.2338 8.29895 10.2767C8.20411 10.3192 8.12324 10.3889 8.06848 10.478L5.00972 15.5533C4.80146 15.8987 4.35575 16.0081 4.01405 15.7976C3.67235 15.587 3.56422 15.1365 3.77247 14.7911L6.83224 9.71672L6.83325 9.71365C7.04151 9.37112 7.3481 9.10013 7.71166 8.93707C8.02962 8.79457 8.37848 8.74068 8.72249 8.77869L8.87007 8.80015L8.8731 8.80117C9.34312 8.89191 9.78702 9.08815 10.172 9.37543C10.5571 9.66276 10.8737 10.0342 11.0979 10.4616C11.322 10.8889 11.4486 11.3619 11.4679 11.8452C11.4812 12.1784 11.4415 12.5103 11.3547 12.8302H13.1833C13.7718 12.8302 14.5244 13.1051 15.1281 13.5935C15.7547 14.1005 16.2946 14.8994 16.2946 15.9764C16.2946 16.951 15.8367 18.3985 15.1928 19.5793C14.8651 20.1803 14.4638 20.7602 14.0031 21.1999C13.5512 21.6311 12.9633 22 12.2766 22C11.123 22 9.35348 21.8629 7.7713 21.6945C6.21436 21.5288 4.73057 21.322 4.19196 21.1662C3.80729 21.0549 3.58463 20.6497 3.69463 20.2609C3.80471 19.872 4.20556 19.6469 4.59023 19.7581C4.98183 19.8714 6.32675 20.0675 7.92292 20.2374C9.49366 20.4045 11.2017 20.5357 12.2766 20.5357C12.4364 20.5357 12.6842 20.4445 13.0084 20.1352C13.3238 19.8342 13.6403 19.3928 13.9242 18.8722C14.5035 17.8098 14.8451 16.6116 14.8451 15.9764Z' fill='%23333333'/%3e%3c/svg%3e ");}


    .summary-item-label {
      font-size: 14px;
      
      margin-bottom: 9px;
      margin-top: 2px;
      font-family: 'Metrocity-Medium', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
    }

    .summary-item-value {
      font-size: 16px;
      color: var(--color-theme);
    }

    /* CONTACT FORM */
    .contact-title {
      font-size: 17px;
      font-family: 'Metrocity-Bold', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
      margin-bottom: 14px;
      color: var(--color-black);
    }

    .field { margin-bottom: 19px; }

    .field label {
      display: block;
      font-size: 14px;
      font-family: 'Metrocity-Medium', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
      color: var(--color-black);
      margin-bottom: 7px;
      margin-left: 4px;
    }

    .field input {
      width: 100%;
      padding: 13px 14px;
      border: 1px solid var(--color-lines);
      min-height: 52px;
      border-radius: var(--radius);
      font-size: 16px;
      color: var(--color-black);
      background: var(--color-white);
      transition: border-color 0.2s;
      outline: none;
    }

    .field input:focus { border-color: var(--color-theme); }

    .fields-row { display: grid; grid-template-columns: 140px 1fr; gap: 24px; }

    .privacy-note {
      font-size: 14px;
      
      margin-top: 5px;
    }

    .privacy-note a { color: var(--color-theme); text-decoration: none; }

    .required-note {
      font-size: 14px;
      color: #666;
      margin-top: 26px;
    }

    /* CHECKMARK icon */
    .check-icon {
      width: 20px; height: 20px;
      background: var(--color-theme);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .check-icon svg { width: 12px; height: 12px; stroke: white; fill: none; }

    /* STEP number in stepper */
    .step-num { font-size: 0.8rem; }

    /* PAGE 3 – SUCCESS */
    .success-card {
      text-align: center;
      padding: 60px 40px;
    }
    .success-icon {
      width: 72px; height: 72px;
      background: var(--color-theme3);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 24px;
    }
    .success-icon svg { width: 36px; height: 36px; stroke: var(--color-theme); fill: none; stroke-width: 2.5; }
    .success-title { font-size: 17px; font-weight: 700; color: var(--color-theme); margin-bottom: 12px; }
    .success-text { font-size: 14px; max-width: 480px; margin: 0 auto; }

    /* page 2 buttons */
    #page2 .actions { border-top: 2px solid var(--color-lines);padding-top: 23px; }
    #page2 .divider { height: 6px; }

    /* PAGE 3 */
.success-banner {
  background: var(--color-theme3);
  border: 1px solid var(--color-theme);
  border-radius: 5px;
  padding: 15px 28px 19px;
  text-align: center;
  margin-bottom: 24px;
}
.success-banner-title {
  color: var(--color-theme);
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 6px;
  font-family: 'Metrocity-Bold', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
}
.success-banner p {
  color: var(--color-black);
  font-size: 14px;
  line-height: 160%;
}

.product-card {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 32px;
  margin-bottom: 24px;
  background-color: var(--color-white);
  border: 1px solid var(--color-lines);
  padding: 30px;
  border-radius: 5px;
}
.product-img {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 400px;
  height: 100%;
  aspect-ratio: 1 / 1;
}
.product-img img { max-width: 100%; max-height: 400px; object-fit: contain; }
.product-img-placeholder { display: flex; align-items: center; justify-content: center; }
.product-name { font-family: 'Metrocity-Bold', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif; font-size: 17px; color: var(--color-black); margin-bottom: 1px; }
.product-ref { font-size: 14px; color: #999;font-family: 'Metrocity-Book', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif; margin-bottom: 25px; }
.product-desc { font-size: 14px; font-family: 'Metrocity-Book', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif; color: var(--color-black); margin-bottom: 10px; line-height: 160%; }
.product-features { list-style: none; margin-bottom: 37px; }
.product-features li {
  font-size: 14px;
  color: var(--color-black);
  padding: 3px 0 3px 20px;
  position: relative;
  line-height: 1.4;
  font-family: 'Metrocity-Book', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
}
.product-features li::before {
  content: "";
  background-color: var(--color-theme);
  position: absolute;
  left: 0;
  display: block;
  width: 11px;
  height: 15px;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 100%;
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.900391 11.85L4.83978 15L10.9004 6' stroke='%23139FB8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.btn-details {
  background: var(--color-theme);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 0px 30px;
  font-size: 13px;
  font-family: 'Metrocity-Book', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
  cursor: pointer;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  min-width: 220px;
}

.summary-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin-bottom: 16px;
}
.summary-grid .card {
  border: 1px solid var(--color-lines);
  background-color: var(--color-white);
  padding: 25px 30px;
  border-radius: 5px;
}

.contact-summary-item:first-child { padding-top: 2px; }
.contact-summary-item:not(:last-child) { margin-bottom: 20px; }
.contact-summary-label { font-size: 14px; color: var(--color-black); margin-bottom: 9px;font-family: 'Metrocity-Medium', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif; }
.contact-summary-value { font-size: 16px; color: var(--color-black); }


body .custom-select-wrapper {position: relative;}
body .custom-select-wrapper::after {
    content: '';
    position: absolute;
    top: calc(50% - 9px);
    right: 12px;
    width: 20px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.47181 6.25L10 12.5109L16.5282 6.25L17.5 7.18202L10 14.375L2.5 7.18202L3.47181 6.25Z' fill='%23333333'/%3e%3c/svg%3e ");
}


#footer {
  background-color: #ECF1F2;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  padding-top: 2px;
  margin-top: 80px;
}
#footer p {
  font-size: 16px;
  font-family: 'Metrocity-Book', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
}



/* page2 */

.displayErrors p {
    background: #ffe0d9 url(../sysimages/error.png) no-repeat 10px center;
    background-size: 16px;
    padding: 12px 12px 12px 40px;
    color: #e84b3c;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 20px;
    display: none;
}
.displayErrors p.warning{
    color: #B48E4D;
    background: url(../sysimages/alert.png) no-repeat 10px center #FCF8E3;
    margin-bottom:20px;
}
input.input-erro {
  border-color: #E24B4A !important;
}




@media screen and (max-width: 767px){
  .summary-grid .card,
  #main.container { padding-left: 14px;padding-right: 14px; }
  #page1 .btn-continue { width: 100%; }
  #page2 .btn-continue { /*max-width: 232px;*/width: 100%;min-width: unset; }
  #page3 .btn-continue { width: 100%; }
  #page2 .actions { gap: 10px; }
  #page3 .actions .btn-back { width: 100%; }
  
  .divider { height: 40px; }

  .two-col > div:first-child { display: none; }
  .two-col .contact-title { display: none; }

  .product-card { grid-template-columns: 1fr; }
  .summary-grid { grid-template-columns: 1fr; }
  .product-card .btn-details { width: 100%; }
}
.product-features { margin-left: 0; }

#page3 { padding-top: 6px; }



.faq-section {
  max-width: 900px;
  margin: 0 auto;
  padding: 80px 24px;
  font-family: 'Metrocity-Book', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
}

.faq-header {
  text-align: center;
  margin-bottom: 48px;
}

.faq-title {
  font-size: 32px;
  font-family: 'Metrocity-Black', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
  color: #1a9baf;
  margin: 0 0 12px;
}

.faq-subtitle {
  color: #333;
  font-size: 16px;
  margin: 0;
}

.faq-list {
  border-top: 1px solid #D6D6D6;
}

.accordion-item {
  border-bottom: 1px solid #D6D6D6;
}

.accordion-head {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  background: none;
  border: none;
  padding: 20px 8px;
  cursor: pointer;
  text-align: left;
  color: #1a1a1a;
}

@media (hover) {
  .accordion-head:hover .accordion-question {
    color: #1a9baf;
  }
}

.accordion-icon {
  flex-shrink: 0;
  width: 21px;
  height: 21px;
  border: 1px solid #aab0b7;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.25s, transform 0.35s;
}

.icon-bar {
  position: absolute;
  background: #aab0b7;
  border-radius: 2px;
  transition: background 0.25s, opacity 0.35s, transform 0.35s;
}

.icon-bar--h {
  width: 9px;
  height: 1px;
}

.icon-bar--v {
  width: 1px;
  height: 9px;
}

.accordion-question {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  transition: color 0.25s;
  flex: 1;
  font-family: 'Metrocity-Medium', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
}

/* Accordion body — closed state */
.accordion-body {
  display: none;
  overflow: hidden;
}

/* JS controls max-height for animation; display toggled after transition */
.accordion-body.is-animating {
  display: block;
}

.accordion-content {
  padding: 0 8px 20px 8px;
  color: #444;
  font-size: 14px;
  line-height: 1.7;
}

.accordion-item.is-open .accordion-icon {
  border-color: #1a9baf;
  transform: rotate(45deg);
}

.accordion-item.is-open .icon-bar {
  background: #1a9baf;
}

.accordion-item.is-open .accordion-question {
  color: #1a9baf;
}

/* Accessibility */
.accordion-head:focus-visible {
  outline: 2px solid #1a9baf;
  outline-offset: 2px;
  border-radius: 4px;
}


@media screen and (max-width: 767px){
  .faq-section { padding-top: 64px;padding-left: 0;padding-right: 0; }
  #page1 .actions { padding-bottom: 30px; }
  .accordion-head { padding: 13px 11px;gap: 10px; }
  .faq-header { margin-bottom: 30px; }
  .faq-subtitle { line-height: 24px; }
  .faq-title {font-size: 26px;} 
  .accordion-question { line-height: 24px; }


  nav .container-header { padding: 0 15px;height: 60px; }
  .logo { width: 96px;padding-bottom: 6px; }
  .btn-homepage { min-height: 38px; }

  #main.container { padding-top: 36px; }
  h1 { font-size: 26px;margin-bottom: 7px; }
  .subtitle { line-height: 24px;margin-bottom: 25px; }
  .stepper { margin-bottom: 57px; }
  .hint { line-height: 140%; }
  #page1 .divider { height: 36px; }
  .section-label { margin-bottom: 16px; }
  .btn-group { gap: 10px; }
  #local-group { margin-bottom: 10px; }
  .outro-row { flex-direction: column;text-align: center;margin-bottom: 36px; }
  .outro-label { width: 100%;padding: 15px 18px 8px; }
  #outro-input { width: 100%;text-align: center; }
  .hint.before-btn { border: 0;padding-bottom: 0;line-height: 120%; }
  .actions { margin: 39px -14px 0;padding: 28px 14px;border-top: 2px solid var(--color-lines); }


  .two-col > div:last-child { padding: 0;margin: -2px 0; }
  .field { margin-bottom: 25px; }
  .required-note { margin-top: 34px; }
  #page2 .actions { margin-top: 28px;padding-top: 28px; }
  .fields-row { gap: 14px; }



  #page3 { padding-top: 3px; }
  .success-banner { padding: 9px 28px 13px;margin-bottom: 20px; }
  .success-banner p { font-size: 13px; }
  .product-img,
  .product-img img { max-height: 240px; }
  .product-card {justify-items: center;gap: 20px;padding: 20px 14px;margin-bottom: 19px;}
  .product-ref { margin-bottom: 22px;font-size: 13px; }
  .product-name { margin-bottom: 5px; }
  .product-desc { line-height: 160% !important;font-size: 13px;margin-bottom: 8px; }
  .product-card .btn-details { margin-top: 26px; }
  #page3 .summary-title { margin-bottom: 21px; }
  .product-features li { font-size: 13px; }

  .contact-summary-item:not(:last-child) { margin-bottom: 25px; }
}



/* 1. Altera a cor do texto e fundo no autofill (custom T)*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  font-size: 16px !important;
}