/* Mobile */
@media (max-width: 480px) {

section#parceiros { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto;  background-color: #efe3c9;   padding: 10px 20px; }
section#parceiros div.container-parceiros { width: 100%; height: 100%; max-width: 1200px; ; display: flex; justify-content: center; align-items: center; flex-direction: column; }
section#parceiros div.container-parceiros h2.titulo-parceiros { font-size: 18px; font-weight: 600; color: #06465e; padding: 20px 0px 0px 0px; line-height: 22px; text-align: center;}
section#parceiros div.container-parceiros div.container-descricao-parceiros { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
section#parceiros div.container-parceiros div.container-descricao-parceiros p.parceiro-descricao { font-size: 16px; font-weight: 400; color: #06465e; line-height: 1.5;  padding: 20px 0px; }
section#parceiros div.container-parceiros  p.descricao-info-parceiros { font-size: 16px; font-weight: 400; color: #06465e; margin-bottom: 0px; line-height: 1.5;  padding: 20px 0px; }

/* ============================================================  CARROSSEL  ============================================================ */
:root {    --velocidade-carousel: 28s; }
.carrousel-parceiros {  position: relative;  width: 100%;  overflow: hidden;  padding: 30px 0;  mix-blend-mode: multiply; }
.carrousel-parceiros:hover .trilha-logos {  animation-play-state: paused; }
.trilha-logos {   display: flex;    align-items: center;    gap: 40px;    width: max-content;    animation: scroll-infinito var(--velocidade-carousel) linear infinite; }
.logo-item { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.logo-item img {   height: 60px;   width: auto;   max-width: 160px;   object-fit: contain;  opacity: 0.6;  transition: transform 0.35s ease, opacity 0.35s ease;    cursor: pointer; }
.logo-item img:hover {    transform: scale(1.18);    opacity: 1; }
.fade-esquerda,
.fade-direita { position: absolute;  top: 0;  bottom: 0;  width: 120px;  z-index: 2;  pointer-events: none; }
.fade-esquerda {  left: 0;  background: linear-gradient(to right, white 0%, transparent 100%); }
.fade-direita {  right: 0;  background: linear-gradient(to left, white 0%, transparent 100%); }
@keyframes scroll-infinito {   0%   { transform: translateX(0); }   100% { transform: translateX(-50%); }}
}

@media (min-width: 481px) and (max-width: 767px) {

section#parceiros { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto;  background-color: #efe3c9;   padding: 10px 20px; }
section#parceiros div.container-parceiros { width: 100%; height: 100%; max-width: 1200px; ; display: flex; justify-content: center; align-items: center; flex-direction: column; }
section#parceiros div.container-parceiros h2.titulo-parceiros { font-size: 20px; font-weight: 600; color: #06465e; padding: 20px 0px 0px 0px; line-height: 42px;}
section#parceiros div.container-parceiros div.container-descricao-parceiros { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
section#parceiros div.container-parceiros div.container-descricao-parceiros p.parceiro-descricao { font-size: 16px; font-weight: 400; color: #06465e; line-height: 1.5;  padding: 20px 0px; }
section#parceiros div.container-parceiros  p.descricao-info-parceiros { font-size: 16px; font-weight: 400; color: #06465e; margin-bottom: 0px; line-height: 1.5;  padding: 20px 0px; }

/* ============================================================  CARROSSEL  ============================================================ */
:root {    --velocidade-carousel: 28s; }
.carrousel-parceiros {  position: relative;  width: 100%;  overflow: hidden;  padding: 30px 0;  mix-blend-mode: multiply; }
.carrousel-parceiros:hover .trilha-logos {  animation-play-state: paused; }
.trilha-logos {   display: flex;    align-items: center;    gap: 40px;    width: max-content;    animation: scroll-infinito var(--velocidade-carousel) linear infinite; }
.logo-item { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.logo-item img {   height: 60px;   width: auto;   max-width: 160px;   object-fit: contain;  opacity: 0.6;  transition: transform 0.35s ease, opacity 0.35s ease;    cursor: pointer; }
.logo-item img:hover {    transform: scale(1.18);    opacity: 1; }
.fade-esquerda,
.fade-direita { position: absolute;  top: 0;  bottom: 0;  width: 120px;  z-index: 2;  pointer-events: none; }
.fade-esquerda {  left: 0;  background: linear-gradient(to right, white 0%, transparent 100%); }
.fade-direita {  right: 0;  background: linear-gradient(to left, white 0%, transparent 100%); }
@keyframes scroll-infinito {   0%   { transform: translateX(0); }   100% { transform: translateX(-50%); }}

}

@media (min-width: 768px) and (max-width: 991px) {

section#parceiros { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto;  background-color: #efe3c9;   padding: 10px 50px; }
section#parceiros div.container-parceiros { width: 100%; height: 100%; max-width: 1200px; ; display: flex; justify-content: center; align-items: center; flex-direction: column; }
section#parceiros div.container-parceiros h2.titulo-parceiros { font-size: 32px; font-weight: 600; color: #06465e; padding: 20px 0px; line-height: 42px;}
section#parceiros div.container-parceiros div.container-descricao-parceiros { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
section#parceiros div.container-parceiros div.container-descricao-parceiros p.parceiro-descricao { font-size: 18px; font-weight: 400; color: #06465e; line-height: 1.5;  padding: 20px 0px; }
section#parceiros div.container-parceiros  p.descricao-info-parceiros { font-size: 18px; font-weight: 400; color: #06465e; margin-bottom: 0px; line-height: 1.5;  padding: 20px 0px; }

/* ============================================================  CARROSSEL  ============================================================ */
:root {    --velocidade-carousel: 28s; }
.carrousel-parceiros {  position: relative;  width: 100%;  overflow: hidden;  padding: 30px 0;  mix-blend-mode: multiply; }
.carrousel-parceiros:hover .trilha-logos {  animation-play-state: paused; }
.trilha-logos {   display: flex;    align-items: center;    gap: 40px;    width: max-content;    animation: scroll-infinito var(--velocidade-carousel) linear infinite; }
.logo-item { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.logo-item img {   height: 60px;   width: auto;   max-width: 160px;   object-fit: contain;  opacity: 0.6;  transition: transform 0.35s ease, opacity 0.35s ease;    cursor: pointer; }
.logo-item img:hover {    transform: scale(1.18);    opacity: 1; }
.fade-esquerda,
.fade-direita { position: absolute;  top: 0;  bottom: 0;  width: 120px;  z-index: 2;  pointer-events: none; }
.fade-esquerda {  left: 0;  background: linear-gradient(to right, white 0%, transparent 100%); }
.fade-direita {  right: 0;  background: linear-gradient(to left, white 0%, transparent 100%); }
@keyframes scroll-infinito {   0%   { transform: translateX(0); }   100% { transform: translateX(-50%); }}

}

@media (min-width: 992px) and (max-width: 1199px) {

section#parceiros { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto;  background-color: #efe3c9;   padding: 10px 50px; }
section#parceiros div.container-parceiros { width: 100%; height: 100%; max-width: 1200px; ; display: flex; justify-content: center; align-items: center; flex-direction: column; }
section#parceiros div.container-parceiros h2.titulo-parceiros { font-size: 32px; font-weight: 600; color: #06465e; padding: 20px 0px; }
section#parceiros div.container-parceiros div.container-descricao-parceiros { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
section#parceiros div.container-parceiros div.container-descricao-parceiros p.parceiro-descricao { font-size: 18px; font-weight: 400; color: #06465e; line-height: 1.5;  padding: 20px 0px; }
section#parceiros div.container-parceiros  p.descricao-info-parceiros { font-size: 18px; font-weight: 400; color: #06465e; margin-bottom: 0px; line-height: 1.5;  padding: 20px 0px; }

/* ============================================================  CARROSSEL  ============================================================ */
:root {    --velocidade-carousel: 28s; }
.carrousel-parceiros {  position: relative;  width: 100%;  overflow: hidden;  padding: 30px 0;  mix-blend-mode: multiply; }
.carrousel-parceiros:hover .trilha-logos {  animation-play-state: paused; }
.trilha-logos {   display: flex;    align-items: center;    gap: 40px;    width: max-content;    animation: scroll-infinito var(--velocidade-carousel) linear infinite; }
.logo-item { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.logo-item img {   height: 60px;   width: auto;   max-width: 160px;   object-fit: contain;  opacity: 0.6;  transition: transform 0.35s ease, opacity 0.35s ease;    cursor: pointer; }
.logo-item img:hover {    transform: scale(1.18);    opacity: 1; }
.fade-esquerda,
.fade-direita { position: absolute;  top: 0;  bottom: 0;  width: 120px;  z-index: 2;  pointer-events: none; }
.fade-esquerda {  left: 0;  background: linear-gradient(to right, white 0%, transparent 100%); }
.fade-direita {  right: 0;  background: linear-gradient(to left, white 0%, transparent 100%); }
@keyframes scroll-infinito {   0%   { transform: translateX(0); }   100% { transform: translateX(-50%); }}

}

@media (min-width: 1200px) and (max-width: 1919px) {

section#parceiros { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto;  background-color: #efe3c9;   padding: 10px 50px; }
section#parceiros div.container-parceiros { width: 100%; height: 100%; max-width: 1200px; ; display: flex; justify-content: center; align-items: center; flex-direction: column; }
section#parceiros div.container-parceiros h2.titulo-parceiros { font-size: 32px; font-weight: 600; color: #06465e; padding: 20px 0px; }
section#parceiros div.container-parceiros div.container-descricao-parceiros { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
section#parceiros div.container-parceiros div.container-descricao-parceiros p.parceiro-descricao { font-size: 18px; font-weight: 400; color: #06465e; line-height: 1.5;  padding: 20px 0px; }
section#parceiros div.container-parceiros  p.descricao-info-parceiros { font-size: 18px; font-weight: 400; color: #06465e; margin-bottom: 0px; line-height: 1.5;  padding: 20px 0px; }

/* ============================================================  CARROSSEL  ============================================================ */
:root {    --velocidade-carousel: 28s; }
.carrousel-parceiros {  position: relative;  width: 100%;  overflow: hidden;  padding: 30px 0;  mix-blend-mode: multiply; }
.carrousel-parceiros:hover .trilha-logos {  animation-play-state: paused; }
.trilha-logos {   display: flex;    align-items: center;    gap: 40px;    width: max-content;    animation: scroll-infinito var(--velocidade-carousel) linear infinite; }
.logo-item { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.logo-item img {   height: 60px;   width: auto;   max-width: 160px;   object-fit: contain;  opacity: 0.6;  transition: transform 0.35s ease, opacity 0.35s ease;    cursor: pointer; }
.logo-item img:hover {    transform: scale(1.18);    opacity: 1; }
.fade-esquerda,
.fade-direita { position: absolute;  top: 0;  bottom: 0;  width: 120px;  z-index: 2;  pointer-events: none; }
.fade-esquerda {  left: 0;  background: linear-gradient(to right, white 0%, transparent 100%); }
.fade-direita {  right: 0;  background: linear-gradient(to left, white 0%, transparent 100%); }
@keyframes scroll-infinito {   0%   { transform: translateX(0); }   100% { transform: translateX(-50%); }}


}

@media (min-width: 1920px) {   

section#parceiros { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto;  background-color: #efe3c9;   padding: 50px 0px; }
section#parceiros div.container-parceiros { width: 100%; height: 100%; max-width: 1250px; ; display: flex; justify-content: center; align-items: center; flex-direction: column; }
section#parceiros div.container-parceiros h2.titulo-parceiros { font-size: 32px; font-weight: 600; color: #06465e; padding: 20px 0px; }
section#parceiros div.container-parceiros div.container-descricao-parceiros { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
section#parceiros div.container-parceiros div.container-descricao-parceiros p.parceiro-descricao { font-size: 18px; font-weight: 400; color: #06465e; line-height: 1.5;  padding: 20px 0px; }
section#parceiros div.container-parceiros  p.descricao-info-parceiros { font-size: 18px; font-weight: 400; color: #06465e; margin-bottom: 0px; line-height: 1.5;  padding: 20px 0px; }

/* ============================================================  CARROSSEL  ============================================================ */
:root {    --velocidade-carousel: 28s; }
.carrousel-parceiros {  position: relative;  width: 100%;  overflow: hidden;  padding: 30px 0;  mix-blend-mode: multiply; }
.carrousel-parceiros:hover .trilha-logos {  animation-play-state: paused; }
.trilha-logos {   display: flex;    align-items: center;    gap: 40px;    width: max-content;    animation: scroll-infinito var(--velocidade-carousel) linear infinite; }
.logo-item { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.logo-item img {   height: 60px;   width: auto;   max-width: 160px;   object-fit: contain;  opacity: 0.6;  transition: transform 0.35s ease, opacity 0.35s ease;    cursor: pointer; }
.logo-item img:hover {    transform: scale(1.18);    opacity: 1; }
.fade-esquerda,
.fade-direita { position: absolute;  top: 0;  bottom: 0;  width: 120px;  z-index: 2;  pointer-events: none; }
.fade-esquerda {  left: 0;  background: linear-gradient(to right, white 0%, transparent 100%); }
.fade-direita {  right: 0;  background: linear-gradient(to left, white 0%, transparent 100%); }
@keyframes scroll-infinito {   0%   { transform: translateX(0); }   100% { transform: translateX(-50%); }}

}