/* ========== FONT POPPINS ========== */

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(../font/poppins/pxiAyp8kv8JHgFVrJJLmE0tMMPKzSQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(../font/poppins/pxiAyp8kv8JHgFVrJJLmE0tCMPI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(../font/poppins/pxiDyp8kv8JHgFVrJJLmv1pVGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(../font/poppins/pxiDyp8kv8JHgFVrJJLmv1pVF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(../font/poppins/pxiDyp8kv8JHgFVrJJLm21lVGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(../font/poppins/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../font/poppins/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../font/poppins/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(../font/poppins/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(../font/poppins/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(../font/poppins/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(../font/poppins/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../font/poppins/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../font/poppins/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(../font/poppins/pxiDyp8kv8JHgFVrJJLm111VGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(../font/poppins/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(../font/poppins/pxiDyp8kv8JHgFVrJJLm81xVGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(../font/poppins/pxiDyp8kv8JHgFVrJJLm81xVF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../font/poppins/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../font/poppins/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../font/poppins/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../font/poppins/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../font/poppins/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../font/poppins/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/poppins/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/poppins/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../font/poppins/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../font/poppins/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../font/poppins/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../font/poppins/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../font/poppins/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../font/poppins/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../font/poppins/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../font/poppins/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../font/poppins/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../font/poppins/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ========== /FONT POPPINS ========== */

/* ========== ROOT ========== */

:root {
    --transparent: transparent;

    --white: hsl(0, 100%, 100%);

    --light: hsl(0, 0%, 95%);
    
    --black: hsl(0, 0%, 0%);
    
    --text: rgb(38, 38, 38);
    
    --border: hsl(300, 1%, 85%);
    --shadow: hsla(0, 0%, 0%, 0.2);

    --success: rgb(82, 206, 71); /* rgb(10, 109, 10) */
    --success-alt: rgb(12, 184, 12);
    --success-v2: rgb(66, 219, 135);
    --success-v3: rgb(82, 206, 71);
    --danger: hsl(0, 67%, 49%);
    --warning: hsl(35, 100%, 60%);
    --information: hsl(205, 100%, 50%);

    --amarelo: #ffa811;

    --theme1: rgb(64, 64, 64);
    --theme2: rgb(38, 38, 38);
    --theme3: rgb(163, 163, 163);
    --theme4: rgb(64, 64, 64);
    --theme5: rgb(38, 38, 38);
    --theme6: rgb(163, 163, 163);
}

.cl1 { color: var(--theme1) !important; }
.cl2 { color: var(--theme2) !important; }
.cl3 { color: var(--theme3) !important; }
.cl4 { color: var(--theme4) !important; }
.cl5 { color: var(--theme5) !important; }
.cl6 { color: var(--theme6) !important; }

.bg1 { background-color: var(--theme1) !important; }
.bg2 { background-color: var(--theme2) !important; }
.bg3 { background-color: var(--theme3) !important; }
.bg4 { background-color: var(--theme4) !important; }
.bg5 { background-color: var(--theme5) !important; }
.bg6 { background-color: var(--theme6) !important; }

.s0 { font-size: 250%; }
.s1 { font-size: 200%; }
.s2 { font-size: 175%; }
.s3 { font-size: 150%; }
.s4 { font-size: 125%; }
.s5 { font-size: 110%; }
.s6 { font-size: 105%; }

h1 {
    font-size: 200%;
}

h2 {
    font-size: 175%;
}

h3 {
    font-size: 150%;
}

h4 {
    font-size: 125%;
}

h5 {
    font-size: 110%;
}

h6 {
    font-size: 105%;
}

/* ========== /ROOT ========== */

/* ========== RESET ========== */

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::placeholder {
    font-size: 90%;
    color: var(--text);
}

::selection {
    color: var(--white);
    background: var(--theme2);
}

:disabled {
    cursor: not-allowed;
}

html, body {
    width: 100%;
    height: 100%;
}

html {
    font-family: "Poppins", sans-serif;
    word-wrap: break-word;
    word-break: break-word; /* Analisar: pode causar erros na quebra da estrutura do flex */
    /*white-space: normal;*/
    hyphens: auto;
    line-height: 1.5;
    color: var(--text);
}

/* TODO: MUDAR NO FUTURO!!! */

/* @media (orientation: portrait) {
    html {
        font-size: 1.75vh;
    }
}

@media (orientation: landscape) {
    html {
        font-size: 1vw;
    }
} */

html {
    font-size: 1vw;
}

@media (max-width: 128px) {
    body {
        font-size: 500%;
    }
}

@media (min-width: 256px) {
    body {
        font-size: 400%;
    }
}

@media (min-width: 576px) {
    body {
        font-size: 350%;
    }
}

@media (min-width: 768px) {
    body {
        font-size: 300%;
    }
}

@media (min-width: 992px) {
    body {
        font-size: 200%;
    }
}

@media (min-width: 1200px) {
    body {
        font-size: 100%;
    }
}

@media (min-width: 1400px) {
    body {
        font-size: 100%;
    }
}

@media (min-width: 1600px) {
    body {
        font-size: 100%;
    }
}

@media (min-width: 1900px) {
    body {
        font-size: 85%;
    }
}

body {
    letter-spacing: 0.015em;
}

body, h1, h2, h3, h4, h5, h6, p, a, blockquote, input, pre, hr {
    margin: 0;
}

p, a, blockquote, input, pre {
    font-size: 85%;
}

hr {
    border: none;
    border-bottom: 0.1em solid var(--border);
}

pre, input, button, textarea, select, table, figcaption {
    font-size: inherit;
    line-height: inherit;
}

pre {
    font-family: inherit;
    white-space: pre-line;
}

input:focus, select:focus, textarea:focus {
    outline: 0;
}

input {
    vertical-align: middle;
}

input, select, textarea {
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    color: inherit;
}

textarea {
    resize: vertical;
}

legend, fieldset {
    padding: 0;
    margin: 0;
}

legend {
    font-weight: bold;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

button {
    color: inherit;
    border: none;
}

a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
}

/* a:hover {
    text-decoration: underline;
    color: #0056b3;
} */

img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

svg {
    width: 1em;
    height: 1em;
    vertical-align: middle; /* alinha dentro de outos elementos como textos */
    fill: currentColor;
}

video {
    width: 100%;
    height: auto;
}

small {
    font-size: 75%;
}

.small-description {
    font-style: italic;
    font-weight: bold;
    display: block;
    color: var(--theme1);
}

/* ========== /RESET ========== */

/* ========== FORM ========== */

fieldset {
    padding: 1em;
}

select,
textarea,
input:not([type='radio']):not([type="checkbox"]) {
    box-sizing: border-box;
    width: 100%;
    padding: 0.5em;
    border: 0.1em solid var(--border);
    border-radius: 0.5em;
}

input[type="checkbox"],
input[type="radio"] {
    width: 2em;
    height: 2em;
    border: 0.1em solid var(--border);
    border-radius: 1em;
    appearance: none; /* Para garantir que não apareça o estilo nativo */
    position: relative;
    cursor: pointer;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: var(--theme1);
    border-color: var(--theme2);
}

select, textarea, input {
    background-color: transparent;
}

input, label, textarea, select {
    margin: 0;
}

form .form-group {
    margin-bottom: 0.5em;
}

form .group-form {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

form .group-form .form-group {
    flex-grow: 1;
}

input[type="file"].image-upload {
    display: none;
}

/* =================================== GRID =================================== */

@media screen and (min-width: 1024px) {
    .content-row {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

.row {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    margin: 0.75em;
}

.row.clean {
    margin: 0;
}

.row.baseline {
    align-items: baseline;
}

.row.overflow {
    overflow: auto;
}

.row.align {
    align-items: center;
}

.row.center {
    flex-wrap: nowrap;
    justify-content: space-around;
}

.row > .col {
    flex: 1 1 0;
}

.row > .col.align {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.row > .col.overflow {
    overflow: auto;
}

.row.auto > .col {
    flex: 1 1 auto;
}

.row.one > .col {
    flex: 1 1 calc(100% - 1em);
}

.row.two > .col {
    flex: 1 1 calc(50% - 1em);
}

.row.tree > .col {
    flex: calc(33.33% - 1em);
}

.row.four > .col {
    flex: 1 1 calc(25% - 1em);
}

.row.five > .col {
    flex: 1 1 calc(20% - 1em);
}

.row.center > .col {
    flex: 0 1 auto;
}

.col.center {
    display: flex;
    justify-content: center;
}

.row.align > .col.center {
    align-items: center;
}

.row > .col.between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.col.center > * {
    /*box-sizing: border-box;*/
    /*padding: 1em;*/
    flex: 0 1 auto;
}

@media screen and (max-width: 1024px) {

    .row > .col,
    .row.align > .col,
    .row.center > .col,
    .row.one > .col,
    .row.two > .col,
    .row.tree > .col,
    .row.four > .col {
        flex: 1 1 auto;
    }

    .row.center {
        flex-wrap: wrap;
    }

    .col.center,
    .row.center {
        justify-content: flex-start;
    }

}

.align-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* =================================== /GRID =================================== */

/* ========== TOOL ========== */

.hide {
    display: none;
}

@media screen and (max-width: 1024px) {
    .hide-mobile {
        display: none;
    }
}

.responsive {
    overflow: auto;
}

/* ========== /TOOL ========== */

/* ========== DEFAULT STYLE ========== */

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

h1.v1, h2.v1, h3.v1, h4.v1, h5.v1, h6.v1 {
    color: var(--theme1);
}

h1.v2, h2.v2, h3.v2, h4.v2, h5.v2, h6.v2 {
    color: var(--theme2);
}

h1.v3, h2.v3, h3.v3, h4.v3, h5.v3, h6.v3 {
    color: var(--theme3);
}

h1.v4, h2.v4, h3.v4, h4.v4, h5.v4, h6.v4 {
    color: var(--theme4);
}

h1.v5, h2.v5, h3.v5, h4.v5, h5.v5, h6.v5 {
    color: var(--theme5);
}

h1.v6, h2.v6, h3.v6, h4.v6, h5.v6, h6.v6 {
    color: var(--theme6);
}

h1 {
    font-size: 200%;
}

h2 {
    font-size: 175%;
}

h3 {
    font-size: 150%;
}

h4 {
    font-size: 125%;
}

h5 {
    font-size: 110%;
}

h6 {
    font-size: 105%;
}

strong {
    font-weight: bold;
}

mark,
.mark {
    background-color: var(--theme1);
    color: var(--white);
}

.highlight {
    color: var(--theme1);
}

.highlight.v1 { color: var(--theme1); }
.highlight.v2 { color: var(--theme2); }
.highlight.v3 { color: var(--theme3); }
.highlight.v4 { color: var(--theme4); }
.highlight.v5 { color: var(--theme5); }
.highlight.v6 { color: var(--theme6); }

.danger {
    color: var(--danger);
}

.information {
    color: var(--information);
}

.text-center {
    text-align: center;
}

/* ========== /DEFAULT STYLE ========== */

/* ========== CENTER ON SCREEN ========== */

.center-on-screen {
    position: fixed;
    top: 15%;
    bottom: 15%;
    left: 15%;
    right: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ========== /CENTER ON SCREEN ========== */

/* ========== LINK DISABLED ========== */

.link-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ========== /LINK DISABLED ========== */

/* ========== INLINE ICON ========== */

.inline-image-icon {
    display: inline-block;
    color: var(--theme1);
    background-color: currentColor;
    /* -webkit-mask-image: url('icon.svg'); */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    /* mask-image: url('icon.svg'); */
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

/* ========== /INLINE ICON ========== */

/* ========== BUTTON ========== */

.button {
    outline: none;
    padding: 0.5em 1em;
    border-radius: 1.25em;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    color: var(--white);
    background-color: var(--theme1);
}

.button.button-large {
    padding: 1em 2em;
}

.button.full {
    width: 100%;
}

.button:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.button.bordered { border: 0.25em solid color-mix(in srgb, var(--theme1) 95%, black 5%); }

.button.no-radius {
    border-radius: 0;
}

.button.small-radius {
    border-radius: 0.5em;
}

.button.large-radius {
    border-radius: 2em;
}

.button.uppercase {
    text-transform: uppercase;
    border-radius: 2em;
}

.button.button-success { background-color: var(--success); }

.button.button-information { background-color: var(--information); }

.button.button-warning { background-color: var(--warning); }

.button.button-danger { background-color: var(--danger); }

.button.bordered.button-success { border: 0.25em solid color-mix(in srgb, var(--success) 95%, black 5%); }

.button.bordered.button-information { border: 0.25em solid color-mix(in srgb, var(--information) 95%, black 5%); }

.button.bordered.button-warning { border: 0.25em solid color-mix(in srgb, var(--warning) 95%, black 5%); }

.button.bordered.button-danger { border: 0.25em solid color-mix(in srgb, var(--danger) 95%, black 5%); }

.button.v1 { background-color: var(--theme1); }

.button.v2 { background-color: var(--theme2); }

.button.v3 { background-color: var(--theme3); }

.button.v4 { background-color: var(--theme4); }

.button.v5 { background-color: var(--theme5); }

.button.v6 { background-color: var(--theme6); }

.button.bordered.v1 { border: 0.25em solid color-mix(in srgb, var(--theme1) 95%, black 5%); }

.button.bordered.v2 { border: 0.25em solid color-mix(in srgb, var(--theme2) 95%, black 5%); }

.button.bordered.v3 { border: 0.25em solid color-mix(in srgb, var(--theme3) 95%, black 5%); }

.button.bordered.v4 { border: 0.25em solid color-mix(in srgb, var(--theme4) 95%, black 5%); }

.button.bordered.v5 { border: 0.25em solid color-mix(in srgb, var(--theme5) 95%, black 5%); }

.button.bordered.v6 { border: 0.25em solid color-mix(in srgb, var(--theme6) 95%, black 5%); }

.button.button-empty { background-color: transparent; }

.button.button-empty.v1 { color: var(--theme1); border: 0.15em solid var(--theme1); }

.button.button-empty.v2 { color: var(--theme2); border: 0.15em solid var(--theme2); }

.button.button-empty.v3 { color: var(--theme3); border: 0.15em solid var(--theme3); }

.button.button-empty.v4 { color: var(--theme4); border: 0.15em solid var(--theme4); }

.button.button-empty.v5 { color: var(--theme5); border: 0.15em solid var(--theme5); }

.button.button-empty.v6 { color: var(--theme6); border: 0.15em solid var(--theme6); }

/* ========== /BUTTON ========== */

/* ========== BREADCRUMB ========== */

.breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5em;
}

.breadcrumb-item {
    color: var(--theme1);
}

.breadcrumb-item:not(:first-child)::before {
    content: "/";
    color: var(--text);
}

/* ========== /BREADCRUMB ========== */

/* =================================== BACKGROUND =================================== */

.background-full {
    padding-top: 2em;
    padding-bottom: 2em;
    color: var(--white);
}

.background-full.default-text-color {
    color: var(--text);
}

.background-full.clean {
    padding-top: 0;
    padding-bottom: 0;
}

.background-full.v1 {
    background-color: var(--theme1);
}

.background-full.v2 {
    background-color: var(--theme2);
}

.background-full.v3 {
    background-color: var(--theme3);
}

.background-full.v4 {
    background-color: var(--theme4);
}

.background-full.v5 {
    background-color: var(--theme5);
}

.background-full.v6 {
    background-color: var(--theme6);
}

/* =================================== /BACKGROUND =================================== */

/* =================================== CONTENT SEPARATOR =================================== */

.content-separator {
    margin-top: 2em;
}

/* =================================== /CONTENT SEPARATOR =================================== */

/* =================================== LAZY IMAGE =================================== */

img.lazy {
  display: none;
}

/* Quando o JS estiver ativado, adicionamos uma classe no <html> */
html.js-enabled img.lazy {
  display: block;
}

/* =================================== /LAZY IMAGE =================================== */

/* =================================== FLEX TABLE =================================== */

.flex-table {
    display: flex;
    flex-direction: column;
    border: 0.1em solid var(--border);
}

.flex-header,
.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-header {
    background-color: var(--theme1);
    color: var(--white);
    font-weight: bold;
}

.flex-cell {
    flex: 1;
    padding: 0.85em;
}

.flex-row:not(:last-child) {
    border-bottom: 0.1em solid var(--border);
}

.flex-cell:first-child {
    flex: 3;
}

.flex-cell:last-child {
    flex: 0 0 auto;
    white-space: nowrap;
}

/* =================================== EFFECT =================================== */

.effect {
    opacity: 1;
    transform: none;
}

.effect-js-preload .effect {
    opacity: 0;
}

.fade-in {
    transition: opacity 2s ease-in-out;
}

.fade-in.loaded {
    opacity: 1;
}

.zoom-in {
    transform: scale(0.9);
    transition: opacity 2s ease, transform 2s ease;
}
.zoom-in.loaded {
    opacity: 1;
    transform: scale(1);
}

.slide-left {
    transform: translateX(-10em);
    transition: opacity 2s ease, transform 2s ease;
}
.slide-left.loaded {
    opacity: 1;
    transform: translateX(0);
}

.slide-top {
    transform: translateY(-10em);
    transition: opacity 2s ease, transform 2s ease;
}
.slide-top.loaded {
    opacity: 1;
    transform: translateY(0);
}

.slide-right {
    transform: translateX(10em);
    transition: opacity 2s ease, transform 2s ease;
}
.slide-right.loaded {
    opacity: 1;
    transform: translateX(0);
}

.slide-bottom {
    transform: translateY(10em);
    transition: opacity 2s ease, transform 2s ease;
}
.slide-bottom.loaded {
    opacity: 1;
    transform: translateY(0);
}

body {
    overflow-x: hidden;
    overflow-y: auto;
}

/* html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
  overflow-y: auto;
  position: relative;
} */

/* =================================== /EFFECT =================================== */

/* =================================== ANIMAÇÃO =================================== */

@keyframes piscar {
    50% { opacity: 0; }
}

.piscar {
    animation: piscar 0.75s infinite;
}

@keyframes pulsar {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

.pulsar {
    animation: pulsar 2.5s infinite ease-in-out;
}

/* =================================== /ANIMAÇÃO =================================== */

/* =================================== DIALOGBOX =================================== */

.dialogbox {
    position: fixed;
    top: 2em;
    right: 2em;
    padding: 1em;
    min-width: 15%;
    max-width: 30%;
    border-radius: 0.5em;
    background: var(--theme1);
    color: var(--white);
    z-index: 7;
    box-shadow: 0 0.1em 0.2em var(--shadow);
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s ease, visibility 0s 0s;
}

.dialogbox.hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease, visibility 0s 0.5s;
}

.dialogbox.information {
    background-color: var(--information);
}

.dialogbox.success {
    background-color: var(--success);
}

.dialogbox.warning {
    background-color: var(--warning);
}

.dialogbox.danger {
    background-color: var(--danger);
}

@media (max-width: 1024px) {
    .dialogbox {
        min-width: 50%;
        max-width: 75%;
    }
}

.dialogbox-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5em;
    line-height: 0.7;
    font-size: 150%;
    cursor: pointer;
}

/* =================================== /DIALOGBOX =================================== */

/* =================================== CARD =================================== */

.card {
    box-shadow: 0 0.1em 0.2em var(--shadow);
    background-color: var(--theme1);
    color: var(--white);
    padding: 1em;
    border-radius: 0.5em;
}

.card.warning {
    color: var(--white);
    background-color: var(--warning);
}

.card.danger {
    color: var(--white);
    background-color: var(--danger);
}

.card.information {
    color: var(--white);
    background-color: var(--information); 
}

.card.success {
    color: var(--white);
    background-color: var(--success);
}

.card-information {
    box-shadow: 0 0.1em 0.2em var(--shadow);
    background-color: var(--white);
    padding: 0.5em 0.75em;
}

/* =================================== /CARD =================================== */

/* =================================== FAQ DEFAULT =================================== */

.faq-default-item {
    background: var(--white);
    margin-bottom: 1em;
    padding: 0.75em;
    border-left: 0.4em solid var(--theme1);
    box-shadow: 0 0.15em 0.5em rgba(0, 0, 0, 0.05);
    border-radius: 0.25em;
}

.faq-default-item.v1 { border-color: var(--theme1); }
.faq-default-item.v2 { border-color: var(--theme2); }
.faq-default-item.v3 { border-color: var(--theme3); }
.faq-default-item.v4 { border-color: var(--theme4); }
.faq-default-item.v5 { border-color: var(--theme5); }
.faq-default-item.v6 { border-color: var(--theme6); }

/* =================================== /FAQ DEFAULT =================================== */

/* =================================== FEATURE DEFAULT =================================== */

.feature-default-item {
    text-align: center;
}

.feature-default-item svg {
    width: 8em;
    height: 8em;
    margin-bottom: 1em;
    color: var(--theme1);
}

.feature-default-item p {
    text-align: justify;
}

/* =================================== /FEATURE DEFAULT =================================== */

/* =================================== FEATURE PROMO =================================== */

.feature-promo {
    display: flex;
    align-items: center;
}

.feature-promo-item svg {
    width: 6em;
    height: 6em;
    margin-bottom: 1em;
    color: var(--theme1);
    margin-right: 1em;
}

.feature-promo-item.v0 svg { color: var(--theme0); }
.feature-promo-item.v1 svg { color: var(--theme1); }
.feature-promo-item.v2 svg { color: var(--theme2); }
.feature-promo-item.v3 svg { color: var(--theme3); }
.feature-promo-item.v4 svg { color: var(--theme4); }
.feature-promo-item.v5 svg { color: var(--theme5); }
.feature-promo-item.v6 svg { color: var(--theme6); }

.feature-promo-text {}

/* =================================== /FEATURE PROMO =================================== */

/* =================================== validation =================================== */

.validation-message {
    color: var(--danger);
}

/* =================================== /validation =================================== */

/* =================================== MENU DEFAULT =================================== */

.menu-default,
.menu-default-lateral {
    position: fixed;
    left: 0;
    display: flex;
    box-sizing: border-box;
    z-index: 6;
}

.menu-default {
    top: 0;
    width: 100%;
    height: 3em;
    color: var(--white);
    background: var(--theme1);
    justify-content: space-between;
    align-items: center;
    padding: 0 1em;
    box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.25);
    z-index: 5;
}

.menu-default.v0 { color: var(--text); background: var(--theme0); }
.menu-default.v1 { color: var(--white); background: var(--theme1); }
.menu-default.v2 { color: var(--white); background: var(--theme2); }
.menu-default.v3 { color: var(--white); background: var(--theme3); }
.menu-default.v4 { color: var(--white); background: var(--theme4); }
.menu-default.v5 { color: var(--white); background: var(--theme5); }
.menu-default.v6 { color: var(--white); background: var(--theme6); }

.menu-default-logo {
    flex-grow: 1;
}

.menu-default-logo a {
    width: 6em;
    height: calc(4em * 9 / 16);
    display: flex;
}

.menu-default-lateral {
    top: 3em;
    width: 17em;
    height: calc(100% - 3em);
    flex-direction: column;
    padding: 1em 0.25em;
    background-color: var(--white);
    border-right: 0.1em solid var(--border);
}

.menu-default-lateral.hide {
    display: none;
}

.menu-default .open-btn {
    cursor: pointer;
    font-size: 1.25em;
    margin-left: 0.5em;
    padding: 0.5em 0.5em;
}

.menu-default-help svg {
    width: 1.25em;
    height: 1.25em;
    margin-right: 0.5em;
}

.menu-default-lateral a {
    padding: 0.75em;
}

@media screen and (max-width: 1024px) {
    .menu-default-lateral {
        width: 100%;
    }
}

@media screen and (min-width: 1024px) {
    .menu-default-lateral {
        position: fixed;
        top: 0;
        left: 7em;
        flex-direction: row;
        align-items: center;
        width: auto;
        height: 3em;
        color: var(--white);
        background-color: transparent;
        border-right: none;
    }

    .menu-default-lateral.hide {
        display: flex;
    }

    .menu-default .open-btn {
        display: none;
    }
}

.menu-default-lateral.menu-default-white,
.menu-default.menu-default-white {
    background-color: var(--white);
    color: var(--theme1);
}

.menu-default-lateral.v0 {
    color: var(--theme1);
    background: var(--theme0);
}


/* =================================== /MENU DEFAULT =================================== */

/* =================================== HERO DEFAULT =================================== */

.hero-default {
    position: relative;
}

.hero-default .hero-default-button-call {
    display: inline-block;
    margin-top: 0.75em;
}

.hero-default img {
    display: block;
    width: 100vw;
    height: 35em;
    object-fit: cover;
    object-position: center;
}

.hero-default.hero-default-large img {
    height: 40em;
}

@media screen and (max-width: 1024px) {
    .hero-default img {
        /* height: 25em; */
        height: auto;
    }

    .hero-default.hero-default-large img {
        height: 30em;
    }
}

.hero-default .content-overlay {
    position: absolute; /* Coloca o conteúdo sobre a imagem */
    top: 50%; /* Posiciona o conteúdo no centro vertical */
    left: 50%; /* Posiciona o conteúdo no centro horizontal */
    transform: translate(-50%, -50%); /* Ajusta para realmente centralizar */
    color: var(--white); /* Altere a cor do texto conforme necessário */
    text-align: left; /* Centraliza o texto */

    max-width: 80vw; /* Garante que não ultrapasse a tela */
    width: 100%; /* Garante que o padding funcione corretamente */
    padding: 0 1em; /* Espaço nas laterais */
    box-sizing: border-box; /* Inclui o padding na largura total */
}

.hero-default .content-overlay .default-overlay-title {
    font-size: 225%;
    font-weight: 600;
}

.hero-default .content-overlay .default-overlay-subtitle {
    font-size: 200%;
    font-weight: 200;
}

@media screen and (max-width: 1024px) {
    .hero-default .content-overlay {
        max-width: 90vw;
    }

    .hero-default .content-overlay .default-overlay-title {
        font-size: 125%;
    }

    .hero-default .content-overlay .default-overlay-subtitle {
        font-size: 100%;
        font-weight: 300;
    }
}

/* =================================== /HERO DEFAULT =================================== */

/* =================================== /HERO SAMPLE =================================== */

.hero-sample {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 1em;
    gap: 3em;
}

.hero-sample.v1 { background-color: var(--theme1); }
.hero-sample.v2 { background-color: var(--theme2); }
.hero-sample.v3 { background-color: var(--theme3); }
.hero-sample.v4 { background-color: var(--theme4); }
.hero-sample.v5 { background-color: var(--theme5); }
.hero-sample.v6 { background-color: var(--theme6); }

.hero-sample .hero-column {
    flex: 1 1 0;
}

.hero-sample .hero-column:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-sample img.hero-sample-logo {
    width: 13em;
    height: 5em;
    margin-bottom: 1em;
}

.hero-sample .hero-sample-image {
    width: 31em;
    height: 31em;
}

.hero-sample h1 {
    font-weight: 600;
    font-size: 275%;
    line-height: 1.15;
}

.hero-sample .hero-highlight.v1 { color: var(--theme1); }
.hero-sample .hero-highlight.v2 { color: var(--theme2); }
.hero-sample .hero-highlight.v3 { color: var(--theme3); }
.hero-sample .hero-highlight.v4 { color: var(--theme4); }
.hero-sample .hero-highlight.v5 { color: var(--theme5); }
.hero-sample .hero-highlight.v6 { color: var(--theme6); }

.hero-sample p,
.hero-sample a {
    margin-top: 1em;
}

@media screen and (max-width: 1024px) {
    .hero-sample .hero-column {
        flex: 1 1 auto;
    }

    .hero-sample .hero-sample-image {
        width: 24em;
        height: 24em;
    }
}

/* =================================== /HERO SAMPLE =================================== */

/* =================================== FOOTER DEFAULT =================================== */

.footer-default {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1em;
    margin: 0.75em;
}

.footer-default > div {
    flex: 1 1 0;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .footer-default > div {
        flex: 1 1 auto;
        text-align: center;
        margin: 1em 2em;
    }
}

.footer-default-logo {
    width: 13em;
    height: 5em;
    margin-bottom: 1em;
}

.footer-default-social a {
    width: 3em;
    height: 3em;
}

.footer-default-social a:not(:last-child) {
    margin-right: 1em;
}

.footer-default-social-title {
    margin-bottom: 0.75em;
}

/* =================================== /FOOTER DEFAULT =================================== */

/* =================================== FOOTER INFORMATION =================================== */

.footer-information {
    padding: 1em;
    text-align: center;
    color: var(--white);
    background-color: var(--theme1);
}

.footer-information.v1 { background-color: var(--theme1); }
.footer-information.v2 { background-color: var(--theme2); }
.footer-information.v3 { background-color: var(--theme3); }
.footer-information.v4 { background-color: var(--theme4); }
.footer-information.v5 { background-color: var(--theme5); }
.footer-information.v6 { background-color: var(--theme6); }

.footer-information p {
    margin-top: 0.5em;
}

/* =================================== /FOOTER INFORMATION =================================== */

/* =================================== CALL TO ACTION DEFAULT =================================== */

.call-to-action-default .call-to-action-default-title {
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.call-to-action-default .call-to-action-default-subtitle {
    font-weight: 400;
    margin-top: 0.25em;
    margin-bottom: 0.5em;
}

/* =================================== /CALL TO ACTION DEFAULT =================================== */

/* =================================== CALL INFORMATION DEFAULT =================================== */

.call-information-default .call-information-default-title,
.call-information-default .call-information-default-subtitle {
    text-align: center;
}

.call-information-default .call-information-default-title {
    font-weight: 600;
}

.call-information-default .call-information-default-subtitle {
    font-weight: 400;
    margin-top: 0.25em;
}

/* =================================== /CALL INFORMATION DEFAULT =================================== */

/* =================================== PRICE FULL TEXT =================================== */

.price-full-text svg,
.price-full-text-value,
.price-full-text-highlight {
    color: var(--success);
}

.price-full-text {
    text-align: center;
}

.price-full-text-highlight {
    font-weight: 600;
}

.price-full-text p,
.price-full-text svg {
    margin-top: 1em;
}

.price-full-text svg {
    width: 3em;
    height: 3em;
}

p.price-full-text-price {
    margin-top: 0.5em;
}

.price-full-text-value {
    font-size: 175%;
    font-weight: 600;
}

.price-full-text-price {
    font-size: 150%;
}

/* =================================== /PRICE FULL TEXT =================================== */

/* =================================== NAVIGATION ACTION =================================== */

.navigation-action {
    position: fixed;
    bottom: 0.75em;
    right: 0.75em;
    line-height: 0;
    color: var(--white);
    z-index: 10;
}

.navigation-action a {
    margin: 0;
    padding: 0;
    background-color: var(--success);
    border-radius: 100%;
    padding: 0.75em;
}

.navigation-action svg {
    width: 2.5em;
    height: 2.5em;
    object-fit: cover;
}

/* =================================== NAVIGATION ACTION =================================== */

/* =================================== NAVIGATION FULL CONTENT =================================== */

/* TODO: fazer melhorias de usabildade para os botões não exigirem cliques muito precisos. */
.navigation.full.content {
    background: var(--theme1); /* #2146C7 */
    padding: 0.25em;
}

.navigation.full.content > .content-row > .content {
    display: flex;
    align-items: center;
    /* color: var(--white); */
}

.navigation.full.content > .content-row > .content > .brand {
    display: flex;
    font-weight: bold;
    flex-grow: 1;
}

.navigation.full.content > .content-row > .content > .brand > .toggle {
    display: none;
    cursor: pointer;
}

.navigation.full.content > .content-row > .content > .link > a:not(:last-child) {
    margin-right: 1em;
}

.navigation.full.content > .content-row > .content > .link.hide {
    display: block;
}

@media screen and (max-width: 1024px) {
    .navigation.full.content > .content-row > .content > .link > a {
        display: block;
        padding: 1em;
        border-top: 0.1em solid;
    }

    .navigation.full.content > .content-row > .content > .link > a:not(:last-child) {
        margin-right: 0;
    }

    .navigation.full.content > .content-row > .content {
        padding: 0;
        display: block;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    /* .navigation.full.content > .content-row > .content > .brand,
    .navigation.full.content > .content-row > .content > .brand > a {
        font-size: 100%;
    } */

    .navigation.full.content > .content-row > .content > .brand {
        padding: 0.25em 0.75em;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .navigation.full.content > .content-row > .content > .brand > .toggle {
        display: block;
    }

    .navigation.full.content > .content-row > .content > .link.hide {
        display: none;
    }
}

/* =================================== /NAVIGATION FULL CONTENT =================================== */

/* =================================== /PANEL =================================== */

.panel-menu-top,
.panel-menu-left,
.panel-content {
    position: fixed;
    bottom: 0;
}

.panel-menu-top {
    height: 3em;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1em;
    color: var(--white);
    background-color: var(--theme1);
    border-bottom: 0.1em solid var(--border);
    box-sizing: border-box;
}

.panel-menu-top > div:nth-child(2) {
    margin-left: 0.5em;
    flex-grow: 1;
}

.panel-menu-top > div > a > img {
    width: 10em;
}

.panel-menu-left {
    width: 17em;
    top: 3em;
    left: 0;
    background-color: var(--white);
    border-right: 0.1em solid var(--border);
    box-sizing: border-box;
    padding: 1em 0.25em;
    overflow: auto;
}

.panel-menu-left > a.panel-menu-left-item:hover {
    background-color: hsl(300, 1%, 95%);
}

.panel-menu-left > a.panel-menu-left-item {
    display: flex;
    padding: 0.75em;
    cursor: pointer;
    font-size: 85%;
}

.panel-menu-left a span:first-child {
    padding-right: 1em;
    font-size: 125%;
}

.panel-menu-left p {
    position: relative;
    font-weight: bold;
    padding: 0.75em;
}

.panel-content {
    top: 3em;
    left: 17em;
    right: 0;
    overflow: auto;
}

.panel-menu-left.hide + .panel-content {
    left: 0;
}

/* =================================== /PANEL =================================== */

/* =================================== /INPUT PERSONALIZADO MULTI SELETOR =================================== */

.multi-select {
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    color: inherit;
    vertical-align: middle;
}

.multi-select-display {
    padding: 8px;
    cursor: pointer;
    background: var(--white);
    border: 0.1em solid var(--border);
    border-radius: 0.5em;
}

.multi-select-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 0.1em solid var(--border);
    border-radius: 0.5em;
    background: #fff;
    max-height: 15em;
    overflow-y: auto;
    z-index: 999;
}

.multi-select-options label {
    display: block;
    padding: 0.25em;
    cursor: pointer;
}

.multi-select-options label:hover {
    background: var(--white);
}

.multi-select-fechar {
    background: var(--white);
    color: var(--black);
    font-weight: bold;
    padding: 0.4em;
    cursor: pointer;
    border-bottom: 0.1em solid var(--border);
    text-align: right;
    position: sticky; /* FIXO NO TOPO */
    top: 0;
    z-index: 1000;
}

.multi-select-fechar:hover {
    background: #f5f5f5;
}

/* =================================== INPUT PERSONALIZADO MULTI SELETOR =================================== */