/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

:root {
  --color-primary: #405E30;
  --color-primary-shade: #3a5828;
  --color-primary-tint: #578040;
  --color-secondary: #0F172A;
  --color-secondary-tint: #3B7F86;
  --color-medium: #444749;
  --color-light-tint: #fff;
  --font-base: 'Roboto', sans-serif;
  --font-heading: 'Maven Pro', sans-serif;
  --radius: 16px;
  --shadow-md: 12px 12px 16px 0px rgba(0, 0, 0, 0.1);
  --btn-bg-color: var(--color-primary);
  --btn-hover-bg-color: var(--color-primary-tint);
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-optical-sizing: auto;
  font-weight: 400;
  font-family: var(--font-base);
  line-height: normal;
  overflow-x: hidden;
  background: -o-linear-gradient(293.12deg, #8FD16A 0%, #59BEC9 64.96%), -o-linear-gradient(bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
  background: linear-gradient(156.88deg, #8FD16A 0%, #59BEC9 64.96%), linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
  color: var(--color-secondary);
}

svg {
  width: 1em;
  height: 1em;
  fill: transparent;
  stroke: currentColor;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
}

p {
  line-height: 150%;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

main {
  background-image: url('/asset/bubbles-bg.png');
  background-color: rgba(255 255 255 / 50%);
  background-size: 100%;
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
  margin-bottom: 200px;
  padding: 24px;
}

@media (width >= 768px) {
  .header {
    margin-bottom: 32px;
    padding: 24px 48px;
    gap: 120px;
  }
}

.header img {
  width: calc(50% - 12px);
  max-width: 284px;
  height: auto;
  display: block;
}

@media (width >= 768px) {
  .header img {
    width: calc(50% - 48px);
  }
}

.wrapper {
  position: relative;
  z-index: 1;
}

.boxCarrousel {
  margin-bottom: 24px;
  padding: 16px;
  border-radius: var(--radius);
  background-color: var(--color-light-tint);
  -webkit-box-shadow: 0 16px 16px rgba(0,0,0,0.2);
          box-shadow: 0 16px 16px rgba(0,0,0,0.2);
}

@media (width >= 768px) {
  .boxCarrousel {
    max-width: 492px;
    padding: 48px;
    margin-left: auto;
    margin-bottom: 308px;
  }
}

.form {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

@media (width >= 768px) {
  .form {
    gap: 24px;
  }
}

.form-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.form-header__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-primary);
}

@media (width >= 768px) {
  .form-header__title {
    font-size: 2rem; 
  }
}

.form-header__subtitle {
  margin: 0;
  font-size: 1rem;
  line-height: 150%;
}

.list-specialties {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}

@media (width >= 768px) {
  .list-specialties {
    gap: 48px 32px;
  }
}

.list-specialties__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 24px;
  border-radius: var(--radius);
  background: -o-linear-gradient(346.98deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 100%);
  background: linear-gradient(103.02deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 100%);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
}

.list-specialties__item::after {
  content: '';
  position: absolute;
  right: -8px;
  bottom: -8px;
  width: 56px;
  height: 56px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

@media (width >= 768px) {
  .list-specialties__item {
    width: calc(50% - 16px);
    padding: 48px;
  }

  .list-specialties__item::after {
    right: -24px;
    bottom: -24px;
    width: 104px;
    height: 104px;
  }
}

#clinico-geral::after {
  background-image: url("data:image/svg+xml,%3Csvg width='104' height='103' viewBox='0 0 104 103' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.678223' y='0.259521' width='102.598' height='102.741' rx='51.2992' fill='%23578040'/%3E%3Cellipse cx='67.7275' cy='56.1298' rx='6.75' ry='6.75' fill='white'/%3E%3Cpath d='M40.7281 32.1705H35.2489C33.3043 32.1705 31.7276 32.1697 31.7276 34.1143C31.7275 35.9416 31.7275 38.9014 31.7277 43.6002C31.7281 60.3063 60.9775 60.3063 60.9775 43.6002C60.9775 38.9019 60.9775 35.9422 60.9775 34.1149C60.9775 32.1701 59.401 32.1705 57.4562 32.1705H51.978' stroke='white' stroke-width='3.52137' stroke-linecap='round'/%3E%3Cpath d='M47.4775 56.1298C47.4775 56.1298 47.4775 57.4642 47.4775 66.8035C47.4775 76.1427 67.7275 76.9918 67.7275 66.8035C67.7275 56.6152 67.7275 57.8278 67.7275 57.8278' stroke='white' stroke-width='3.52137' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

#medico-da-familia::after {
  background-image: url("data:image/svg+xml,%3Csvg width='102' height='102' viewBox='0 0 102 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_i_17_2180)'%3E%3Cellipse cx='51.2286' cy='51.2286' rx='50.7714' ry='50.7714' fill='%233B7F86'/%3E%3C/g%3E%3Cpath d='M55.4284 50.0674H53.304L50.1175 56.8369L45.8689 43.2979L42.6824 50.0674H40.5581M47.9787 35.7066C43.7314 30.4322 36.6488 29.0134 31.3273 33.8431C26.0057 38.6729 25.2565 46.748 29.4356 52.4602C32.5921 56.7747 41.5593 65.4364 45.7585 69.4167C46.5304 70.1484 46.9164 70.5142 47.3683 70.6583C47.7607 70.7833 48.1967 70.7833 48.589 70.6583C49.041 70.5142 49.427 70.1484 50.1989 69.4167C54.3981 65.4364 63.3653 56.7747 66.5218 52.4602C70.7008 46.748 70.0431 38.6221 64.6301 33.8431C59.2171 29.0642 52.2259 30.4322 47.9787 35.7066Z' stroke='white' stroke-width='3.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3Cfilter id='filter0_i_17_2180' x='-0.772949' y='0.457153' width='102.543' height='102.543' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='-1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_17_2180'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

#psicologia::after {
  background-image: url("data:image/svg+xml,%3Csvg width='103' height='103' viewBox='0 0 103 103' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='103' height='103' rx='51.5' fill='%233B7F86'/%3E%3Cpath d='M38.9112 58.1602C30.6577 59.4066 25.9545 54.4356 27.7953 47.2133C25.3408 41.7966 27.1817 35.778 33.6054 35.1428C35.75 30.1251 40.25 29.0001 44.4696 30.3232C45.7508 28.1041 49.25 26.7501 52.625 26.7501C52.625 26.7501 58.25 26.7501 60.6396 30.3232C67.4451 28.3018 71.9771 32.1668 72.5909 36.9817C80.5681 40.5929 75.659 49.1028 75.659 49.1028C77.8738 55.7999 75.5341 60.4214 70.625 61.6251M38.9112 58.1602C39.248 60.9854 41.4855 63.4323 45.9856 62.7304M38.9112 58.1602C35.1213 56.249 34.1949 51.6787 37.5637 49.1028M45.9856 62.7304C48.6786 65.1206 50.6969 65.0139 54.0705 63.3121C54.9921 63.6758 55.8971 63.9145 56.7655 64.0329M45.9856 62.7304C45.9856 62.7304 49.6459 72.0961 52.3409 73.0932C55.0358 74.0904 58.8382 74.7124 59.0909 74.2969C59.3435 73.8815 56.7655 64.0329 56.7655 64.0329M64.7663 59.1573C63.7543 62.2857 60.2615 64.5091 56.7655 64.0329M63.7761 61.0561C65.8409 61.0561 66.9432 62.227 70.625 61.6251M57.5902 67.2599C66.4546 69.9335 70.216 66.3898 70.625 61.6251' stroke='white' stroke-width='3.16923' stroke-linecap='round'/%3E%3Cg clip-path='url(%23clip0_17_2188)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52.7202 38.8529C50.6414 36.4167 47.1747 35.7614 44.57 37.9922C41.9653 40.2229 41.5986 43.9527 43.6441 46.591C45.3448 48.7846 50.4916 53.4111 52.1785 54.9085C52.3672 55.076 52.4616 55.1598 52.5716 55.1927C52.6677 55.2214 52.7728 55.2214 52.8689 55.1927C52.9789 55.1598 53.0733 55.076 53.262 54.9085C54.9489 53.4111 60.0957 48.7846 61.7964 46.591C63.8419 43.9527 63.52 40.1995 60.8705 37.9922C58.221 35.7849 54.7991 36.4167 52.7202 38.8529Z' stroke='white' stroke-width='3.16923' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_17_2188'%3E%3Crect width='24.9547' height='25.0136' fill='white' transform='translate(40.25 33.5001)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

#nutricao::after {
  background-image: url("data:image/svg+xml,%3Csvg width='102' height='104' viewBox='0 0 102 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.974854' width='102' height='103.025' rx='51' fill='%23578040'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M59.5088 28.2921C59.5088 28.2921 59.5088 25.4874 57.9383 25.4874H44.0634C42.5 25.4874 42.5 28.2921 42.5 28.2921H31.8771C29.9488 28.2921 28.5 29.5822 28.5 31.0859V76.6937C28.5 78.1974 29.9488 79.4874 31.8771 79.4874H70.2498C72.0529 79.4874 73.5 78.1974 73.5 76.6937V31.0859C73.5 29.5822 72.0529 28.2921 70.2498 28.2921H59.5088ZM58.5403 31.8188C58.0079 31.8188 44.1533 31.8188 43.6023 31.8188C42.9153 31.8188 35.0672 31.8188 35.0672 31.8188C33.4603 31.8188 32.253 32.9246 32.253 34.2136V73.3105C32.253 74.5996 33.4603 75.7054 35.0672 75.7054H67.0445C68.5471 75.7054 69.753 74.5996 69.753 73.3105V34.2136C69.753 32.9246 68.5471 31.8188 67.0445 31.8188H58.5403Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M45.3779 51.5566C45.3779 50.2435 44.3372 49.1904 43.0342 49.1904C41.7311 49.1904 40.6904 50.2435 40.6904 51.5566C40.6904 52.8722 41.7311 53.9253 43.0342 53.9253C44.3372 53.9253 45.3779 52.8722 45.3779 51.5566Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M59.7315 49.1904H50.6163C49.7215 49.1904 49.1279 50.0459 49.1279 51.021C49.1279 52.1247 49.7215 52.9783 50.6163 52.9783H59.7315C60.6248 52.9783 61.3154 52.1247 61.3154 51.021C61.3154 50.0459 60.6248 49.1904 59.7315 49.1904Z' fill='white'/%3E%3Cpath d='M43.0342 56.7C43.8429 56.7 44.4976 57.3495 44.4976 58.1858C44.4976 59.0254 43.8423 59.6742 43.0342 59.6742C42.2261 59.6742 41.5708 59.0254 41.5708 58.1858C41.5708 57.3495 42.2255 56.7 43.0342 56.7Z' stroke='white' stroke-width='1.76068'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M59.7315 56.766H50.6163C49.7215 56.766 49.1279 57.6206 49.1279 58.5966C49.1279 59.6974 49.7215 60.5539 50.6163 60.5539H59.7315C60.6248 60.5539 61.3154 59.6974 61.3154 58.5966C61.3154 57.6206 60.6248 56.766 59.7315 56.766Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M45.3779 43.9815C45.3779 42.6675 44.3372 41.6147 43.0342 41.6147C41.7311 41.6147 40.6904 42.6675 40.6904 43.9815C40.6904 45.2956 41.7311 46.3496 43.0342 46.3496C44.3372 46.3496 45.3779 45.2956 45.3779 43.9815Z' fill='white'/%3E%3Cpath d='M43.0342 64.2749C43.8426 64.2749 44.4976 64.924 44.4976 65.762C44.4976 66.5999 43.8426 67.249 43.0342 67.249C42.2258 67.249 41.5708 66.5999 41.5708 65.762C41.5708 64.924 42.2258 64.2749 43.0342 64.2749Z' stroke='white' stroke-width='1.76068'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M59.7315 63.3945H50.6163C49.7215 63.3945 49.1279 64.2492 49.1279 65.35C49.1279 66.3278 49.7215 67.1824 50.6163 67.1824H59.7315C60.6248 67.1824 61.3154 66.3278 61.3154 65.35C61.3154 64.2492 60.6248 63.3945 59.7315 63.3945Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M59.7315 42.5619H50.6163C49.7215 42.5619 49.1279 43.4173 49.1279 44.5174C49.1279 45.4943 49.7215 46.3498 50.6163 46.3498H59.7315C60.6248 46.3498 61.3154 45.4943 61.3154 44.5174C61.3154 43.4173 60.6248 42.5619 59.7315 42.5619Z' fill='white'/%3E%3C/svg%3E%0A");
}

.list-specialties__title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-primary);
}

@media (width >= 1024px) {
  .list-specialties__title {
    font-size: 2.5rem;
  }
}

.list-specialties__item p {
  margin: 0;
  font-size: .875rem;
}

@media (width >= 1024px) {
  .list-specialties__item p {
    font-size: 1.25rem;
  }
}

.footer {
  position: relative;
  z-index: 1;
  margin-top: 160px;
  padding-top: 40px;
  padding-bottom: 40px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #8DD06D),to(#6f9c54));
  background: -o-linear-gradient(top, #8DD06D 40%,#6f9c54);
  background: linear-gradient(to bottom, #8DD06D 40%,#6f9c54);
  color: var(--color-medium);
}

.footer::before {
  content: '';
  position: absolute;
  top: -92px;
  left: 0;
  width: 100%;
  height: 92px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='193' height='92' viewBox='0 0 193 92' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_450_12)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-130 0L-119.151 7.85366C-108.302 15.3333 -86.6032 30.6667 -64.9048 28.0488C-43.2064 25.4309 -21.7936 5.23577 -0.0951691 5.23577C21.6032 5.23577 43.3016 25.4309 65 40.7642C86.6984 56.0976 108.397 66.5691 130.095 53.8537C151.794 40.7642 173.206 5.23577 194.905 5.23577C216.603 5.23577 238.302 40.7642 249.151 58.7154L260 76.6667V92H249.151C238.302 92 216.603 92 194.905 92C173.206 92 151.794 92 130.095 92C108.397 92 86.6984 92 65 92C43.3016 92 21.6032 92 -0.0951691 92C-21.7936 92 -43.2064 92 -64.9048 92C-86.6032 92 -108.302 92 -119.151 92H-130V0Z' fill='%238DD06D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-130 0L-119.151 6.65854C-108.302 13 -86.6032 26 -64.9048 23.7805C-43.2064 21.561 -21.7936 4.43902 -0.0951691 4.43902C21.6032 4.43902 43.3016 21.561 65 34.561C86.6984 47.561 108.397 56.439 130.095 45.6585C151.794 34.561 173.206 4.43902 194.905 4.43902C216.603 4.43902 238.302 34.561 249.151 49.7805L260 65V78H249.151C238.302 78 216.603 78 194.905 78C173.206 78 151.794 78 130.095 78C108.397 78 86.6984 78 65 78C43.3016 78 21.6032 78 -0.0951691 78C-21.7936 78 -43.2064 78 -64.9048 78C-86.6032 78 -108.302 78 -119.151 78H-130V0Z' fill='%238FD16A' fill-opacity='0.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_450_12'%3E%3Crect width='193' height='92' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.footer-logo {
  position: absolute;
  right: 40px;
  bottom: 40px;
  display: none;
}

@media (width >= 1024px) {
  .footer-logo {
    display: block;
  }
}

.footer p,
.footer ul {
  padding-left: 24px;
  padding-right: 24px;
}

@media (width >= 768px) {
  .footer p,
  .footer ul {
    padding-left: 48px;
    padding-right: 48px;
  }
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.footer strong {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  vertical-align: bottom;
}

@media (width >= 768px) {
  .footer ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.25rem;
  }

  .footer svg {
    font-size: 1.5rem;
  }
}


.footer p {
  margin: 0;
}

@media (width >= 768px) {
  .footer p {
    text-align: center;
    font-size: 1.25rem;
  }
}

.animations {
  pointer-events: none;
}

.animations img {
  position: absolute;
  -webkit-filter: drop-shadow(0 25px 15px rgba(0,0,0,0.2));
  filter: drop-shadow(0 25px 15px rgba(0,0,0,0.2));
  z-index: 0;
}

.animations-1 {
  top: 133px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 140px;
  height: auto;
}

@media (width >= 768px) {
  .animations-1 {
    top: 663px;
    width: 270px;
  }
}

.animations-2 {
  top: 180px;
  left: -17px;
  width: 188px;
  height: auto;
}

@media (width >= 768px) {
  .animations-2 {
    top: 164px;
    left: -41px;
    width: 716px;
  }
}

.animations-3 {
  top: 216px;
  right: -46px;
  width: 156px;
  height: auto;
}

@media (width >= 768px) {
  .animations-3 {
    top: 1247px;
    left: -20px;
    width: 211px;
  }
}

.animations-4 {
  top: 1633px;
  left: -17px;
  width: 159px;
  height: auto;
}

@media (width >= 768px) {
  .animations-4 {
    top: 771px;
    left: initial;
    right: -23px;
    width: 242px;
  }
}