:root {
  --primary: #000080;
  --azul-naval: #000080;
  --primary-soft: #ececff;
  --color-white: #fff;
  --color-black: #000;
  --color-quaternary: #075ebd;
  --color-tertiary: #07366a;
  --color-primary: #3689e2;
  --color-success: #208436;
  --color-secondary: #6c757d;
  --color-warning: #f7e704;
  --color-azul-naval: #000080;
  --color-berry: #940074;
  --color-medicina-1: #9ed3f2;
  --color-medicina-2: #3586dc;
  --color-medicina-3: #0036b1;
  --color-medicina-4: #021933;
}
body {
  background: #f4f4f4;
  font-family: 'Rubik', Arial, sans-serif;
}
.text-azul-naval {
  color: var(--color-azul-naval)
}
.text-medicina-1 {
  color: var(--color-medicina-1);
}
.bg-medicina-1 {
  background-color: var(--color-medicina-1);
}
.text-medicina-2 {
  color: var(--color-medicina-2);
}
.bg-medicina-2 {
  background-color: var(--color-medicina-2);
}
.text-medicina-3 {
  color: var(--color-medicina-3);
}
.bg-medicina-3 {
  background-color: var(--color-medicina-3);
}
.text-medicina-4 {
  color: var(--color-medicina-4);
}
.bg-medicina-4 {
  background-color: var(--color-medicina-4);
}
.bg-azul-naval {
  background-color: var(--color-azul-naval);
  color: var(--color-white)
}
.btn-azul-naval {
  background-color: var(--color-azul-naval);
  color: var(--color-white)
}
.btn-azul-naval:hover {
  background-color: #00005c;
  color: var(--color-white)
}
.border-azul-naval {
  border: 1px solid #000080
}
.mt-n1 {
  margin-top: -1.25rem !important;
}
.bg-primary {
  background-color: #075ebd !important
}
.text-primary {
  color: #075ebd !important
}
.btn-tertiary {
  background-color: var(--color-tertiary) !important;
  border: none !important
}
.bg-tertiary {
  background-color: var(--color-tertiary) !important;
}
.btn-quaternary {
  background-color: var(--color-quaternary) !important;
  border: none !important
}
footer {
  background-color: rgba(20, 40, 80)
}
.amp-content-title {
  display: none !important;
}
.bg-feira-verde {
  background-color: #00909e
}
.bg-feira-azul {
  background-color: #142850
}
.bg-form {
  background-color: rgba(0, 35, 99, 9)
}
.text-feira-verde {
  color: #00909e
}
.text-feira-azul {
  color: #142850
}
.btn-dark {
  background-color: #04163c !important;
  border: none !important
}
.bg-dark {
  background-color: rgba(4, 22, 60, 0.4) !important;
}
.btn-feira-verde {
  background-color: #00909e
}
.btn-feira-verde:hover {
  background-color: #006d78
}
.opacity-60 {
  opacity: 0.6 !important
}
.svg-12 {
  width: .75rem;
  height: .75rem
} /*12px*/
.svg-14 {
  width: .875rem;
  height: .875rem
} /*14px*/
.svg-16 {
  width: 1rem;
  height: 1rem
} /*16px*/
.svg-18 {
  width: 1.125rem;
  height: 1.125rem
} /*18px*/
.svg-20 {
  width: 1.25rem;
  height: 1.25rem
} /*20px*/
.svg-24 {
  width: 1.5rem;
  height: 1.5rem
} /*24px*/
.svg-28 {
  width: 1.75rem;
  height: 1.75rem
} /*28px*/
.svg-32 {
  width: 2rem;
  height: 2rem
} /*32px*/
.svg-36 {
  width: 2.25rem;
  height: 2.25rem
} /*36px*/
.svg-40 {
  width: 2.5rem;
  height: 2.5rem
} /*40px*/
.svg-42 {
  width: 2.625rem;
  height: 2.625rem
} /*42px*/
.svg-44 {
  width: 2.75rem;
  height: 2.75rem
} /*44px*/
.svg-48 {
  width: 3rem;
  height: 3rem
} /*48px*/
.svg-52 {
  width: 3.25rem;
  height: 3.25rem
} /*52px*/


.svg-fill-medicina-1 {
  fill: var(--color-medicina-1)
}
.svg-fill-medicina-2 {
  fill: var(--color-medicina-2)
}
.svg-fill-medicina-3 {
  fill: var(--color-medicina-3)
}
.svg-fill-medicina-4 {
  fill: var(--color-medicina-4)
}






.svg-fill-black {
  fill: var(--color-black)
}
.svg-fill-white {
  fill: var(--color-white)
}
.svg-fill-primary {
  fill: var(--color-primary)
}
.svg-fill-quaternary {
  fill: var(--color-quaternary)
}
.svg-fill-tertiary {
  fill: var(--color-tertiary)
}
.svg-fill-success {
  fill: var(--color-success)
}
.svg-fill-secondary {
  fill: var(--color-secondary)
}
.svg-fill-warning {
  fill: var(--color-warning)
}
.fonte-raleway {
  font-family: 'Raleway', Arial, sans serif
}
.text-verde {
  color: #006576
}
.bg-verde {
  background-color: #006576 !important
}
.bg-verde-light {
  background-color: rgba(221, 236, 238, 0.1) !important
}
.border-verde {
  border-color: rgba(0, 101, 118, 0.4) !important
}
.bg-light-subtle {
  background-color: #fcfcfd
}
.card-hover {
  background: #fff;
  border: 1px solid rgba(0, 101, 118, 0.4);
  border-radius: 8px;
  padding: 28px 24px;
  height: 100%;
  transition: box-shadow .2s, transform .2s;
}
.card-hover:hover {
  box-shadow: 0 2px 16px rgba(0, 20, 102, .07);
  transform: translateY(-2px);
}
.card-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  font-size: 22px;
}

.cls-responsavel {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateY(-8px);
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  margin-top: 0;
  transition: max-height .28s ease, opacity .2s ease, transform .2s ease, padding .2s ease;
}

.cls-responsavel.cls-responsavel--aberto {
  max-height: 520px;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
#sobre .card h3 {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 8px;
}
#sobre .card p {
  font-size: 14px;
  color: #323232;
  line-height: 1.65;
  margin: 0;
}
.card-parcerias {
  font-size: 0.88em
}
#localidades .card p {
  font-size: 13px;
}
hr {
  opacity: .9 !important
}
.form-label {
  font-size: 0.9em !important;
  margin-bottom: 0 !important;
  color: #002e5b
}
option, select, input {
  font-size: 0.9em !important
}
input, select {
  background-color: #fcfcfc !important
}
.carousel-indicators {
  display: none !important
}
#parcerias li {
  font-size: 0.84em !important;
  font-weight: 400 !important
}
#parcerias h3 {
  font-size: 0.98em !important
}


@media (min-width:451px) {
	.titulo-topo {font-size:0.84em}
}

@media (max-width:450px) {
	.titulo-topo {font-size:0.75em}
	.navbar img {width:120px!important}
}