@media (min-width: 1200px) {
	.container {
		max-width: 1200px !important;
	}
}

/* CSS RESET DEFAULT */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, b, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
  	overflow-x: hidden;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Geral */

div, h1, h2, h3, h4, h5, h6,
p, span, li, button, a, input, label, select, td, th, strong {
  font-family: 'Avenir LT Pro', sans-serif !important;
}

strong {
	font-weight: 800;
}

.container-fluid {
  padding: 0;
}

.mobileonly {
  display: none;
}

a:hover {
	text-decoration: unset;
}

p {
	line-height: 1.9;
    margin-bottom: 1.5rem;
	letter-spacing: 0.2px;
	font-size: 15px;
	color: #333333;
	font-weight: 300;
}

li {
	font-weight: 300;
}

p span {
	font-weight: 600;
}

img {
	max-width: 100%;
}

/*SCROLL */
*::-webkit-scrollbar {
  width: 5px;
}
*::-webkit-scrollbar-track {
  background: #fff;
}
*::-webkit-scrollbar-thumb {
  background-color: #000;
}

/* Header */

#header {
	background-color: transparent;
	position: absolute;
}

.wrapper-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 33px;
	padding-bottom: 33px;
}

.menu-header ul  {
	display: flex;
    gap: 32px;
}

.menu-header ul li a {
	color: #fff;
}

.menu-header nav ul li a.active {
  font-weight: 700;
}

.menu-header nav ul li a {
  position: relative;
}

.menu-header nav ul li a.active {
  font-weight: 700;
}

.menu-header nav ul li a.active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px; 
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  background-color: #0C99EB;
  border-radius: 50%;
}

.cta-contato-header {
	padding: 16px 32px;
	background-color: #007DC5;
	font-weight: 600;
	border-radius: 6px;
}

.menu-header nav ul li a.cta-contato-header.active {
	font-weight: 600;
}

.menu-header nav ul li a.cta-contato-header.active::after {
	display: none;
}

/* Base: necessário para posicionar o submenu e o fundo */
#header .row {
  position: relative;
}

/* Item com submenu */
.menu-header li.has-submenu {
  position: relative;
}

/* Submenu escondido */
.menu-header li.has-submenu .submenu {
  position: absolute;
  top: calc(100% + 10px); /* distância do item */
  left: 0;
  min-width: 220px;
  margin: 0;
  padding: 12px;
  list-style: none;

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: 200ms ease;

  background: #fff;
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
  z-index: 20;
}

/* Mostrar submenu no hover */
.menu-header li.has-submenu:hover .submenu,
.menu-header li.has-submenu:focus-within .submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Links do submenu */
.menu-header li.has-submenu .submenu a {
  display: block;
  padding: 10px 10px;
  border-radius: 8px;
  text-decoration: none;
}

/* Hover no submenu */
.menu-header li.has-submenu .submenu a:hover {
  background: rgba(12,153,235,.08); /* ajuste conforme sua identidade */
}

/* FUNDO NA FAIXA (pega "a row" com padding, dá respiro) */
#header .row::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  border-radius: 12px;          /* opcional */
  background: transparent;
  transition: 200ms ease;
  z-index: 1;                    /* atrás do conteúdo */
  pointer-events: none;
}

/* Coloca tudo do header na frente do ::after */
#header .wrapper-header {
  position: relative;
  z-index: 2;
}

/* Ativa o fundo quando o submenu estiver em hover */
#header .row:has(.menu-header li.has-submenu:hover)::after,
#header .row:has(.menu-header li.has-submenu:focus-within)::after {
  background: #030D13; /* exemplo */
  backdrop-filter: blur(6px);        /* se quiser premium */
  padding-bottom: 180px;
}

/* --- SUBMENU em formato de lista (sem card/botão) --- */
.menu-header li.has-submenu .submenu{
  /* mantém o comportamento de aparecer abaixo do item */
  position: absolute;
  top: calc(100% + 0px);
  left: 72px;
  transform: translate(-50%, 8px);

  /* remove "cara de card" */
  background: transparent;
  box-shadow: none;
  border-radius: 0;

  /* lista mais seca/limpa */
  min-width: auto;
  padding: 0;
  margin: 0;
  list-style: none;

  /* animação */
  opacity: 0;
  visibility: hidden;
  transition: 200ms ease;
  z-index: 20;
}

/* quando hover: aparece */
.menu-header li.has-submenu:hover .submenu,
.menu-header li.has-submenu:focus-within .submenu{
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  flex-direction: column;
  gap: 0;
  width: 100%;
  padding-top: 20px;
}

/* itens em coluna */
.menu-header li.has-submenu .submenu li{
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
}

/* link com cara de texto/lista */
.menu-header li.has-submenu .submenu a{
  display: block;
  padding: 6px 0;            /* controla espaçamento vertical */
  border-radius: 0;
  background: transparent;   /* garante que não vira “botão” */
  text-decoration: none;

  /* ajuste de tipografia (adapte ao seu padrão) */
  font-size: 14px;
  font-weight: 400;
  color: #fff;               /* como seu header é escuro */
  opacity: .9;
}

/* hover simples (sem “botão”), só realce */
.menu-header li.has-submenu .submenu a:hover{
  opacity: 1;
  text-decoration: underline;
  background: transparent;
}


/* Home */

/* Hero Home */
#hero-home {
	background-image: url('../imgs/banners/bg-alesco-home.png');
	background-size: cover;
	height: 700px;
	display: flex;
	align-items: center;
	background-position: center;
}

#hero-home .text-hero h1,
#hero-home .text-hero h3 {
    font-size: 45px;
    color: #fff;
    font-weight: 600;
    max-width: 560px;
    margin-bottom: 51px;
    line-height: 54px;
}

#hero-home .text-hero h2,
#hero-home .text-hero h4{
    color: #fff;
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 0.5px;
    max-width: 428px;
    line-height: 35px;
}

#hero-home .owl-dots {
	display: flex;
	gap: 8px;
	position: relative;
	top: 3rem;
}

#hero-home .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	border-radius: 100%;
	background: transparent;
	transition: all .2s;
}

#hero-home .owl-dots .owl-dot.active {
	background: #0C99EB;
	border: 1px solid #0C99EB;
	transition: all .2s;
}

#hero-home .owl-nav {
	position: absolute;
    top: 57%;
	width: 100%;
}

#hero-home .owl-prev {
	left: -5rem;
	position: absolute;
}

#hero-home .owl-next {
	right: -5rem;
	position: absolute;
}

/* Default */

#pesquisa-home {
	padding-top: 79px;
	padding-bottom: 80px;
}

.title-default-bg-branco {
	text-align: center;
}

.subtitle-default-bg-branco {
	text-align: center;
	color: #001B3A;
	font-size: 12px;
	margin-bottom: 16px; 
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 1px;
}

.title-default-bg-branco h3 {
	color: #001B3A;
	font-size: 35px; 
	line-height: 38px;
	font-weight: 600;
	letter-spacing: 0.8px;
	margin-bottom: 24px;
}

.title-default-bg-branco h3 span {
	color: #0C99EB;
}

.title-default-bg-branco p:last-child {
	text-align: center;
	font-size: 16px;
	margin-bottom: 32px;
}

.text-default-bg-branco p {
	text-align: center;
	max-width: 918px;
	margin: auto;
	margin-bottom: 40px;
}

.wrapper-box-alescofarma {
	background-color: #F5FBFF;
	border-radius: 40px;
	padding: 48px 96px;
	margin-bottom: 140px;
	position: relative;
}

.logo-alescofarma {
	text-align: center;
	margin-bottom: 40px;
}

.text-alescofarma p {
	text-align: center;
	font-weight: 400;
	color: #333333;
	position: relative;
	z-index: 2;
}

.cta-alescofarma {
	text-align: center;
	position: relative;
    bottom: -53px;
}

.cta-alescofarma a {
	color: #2B5C48;
	background-color: #B6EFD8;
	border-radius: 6px;
	padding: 16px 32px;
	font-size: 14px;
}

.detalhe-svg-alescofarma {
	position: absolute;
    right: -13rem;
    z-index: 0;
	bottom: -7rem;
}

.text-alescofarma {
	max-width: 751px;
	margin: auto;
}

.text-alescofarma p:last-child {
	margin-bottom: 0;
}

/* Produtos Home */

.bg-gradiente-azul-branco {
	background: linear-gradient(to bottom, #001B3A 70%, #fff 30%);
	padding-top: 83px;
	padding-bottom: 34px;
}

.title-wrapper-bg-azul-escuro p:first-child {
	text-align: center;
    color: #ffffff;
    font-size: 12px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1px;
}

.title-wrapper-bg-azul-escuro h1 {
	color: #0C99EB;
    font-size: 35px;
    line-height: 38px;
    font-weight: 600;
	margin: auto;
    letter-spacing: 0.8px;
    margin-bottom: 24px;
	text-align: center;
	max-width: 765px;
}

.title-wrapper-bg-azul-escuro h1 span {
	color: #fff;
}


.title-wrapper-bg-azul-escuro p {
	max-width: 868px;
	margin: auto;
}

.title-wrapper-bg-azul-escuro p:last-child {
	text-align: center;
	color: #fff;
}

.title-wrapper-bg-azul-escuro p span {
	color: #fff;
	font-weight: 600;
}

.cta-produtos-servicos {
	margin-top: 48px;
	margin-bottom: 38px;
}

.cta-produtos-servicos .cta-principal a {
	font-size: 14px;
	font-weight: 400;
}

#clientes-home {
	margin-top: 34px;
	margin-bottom: 80px;
}

.title-clientes-home h3 {
	text-align: center; 
	color: #838383;
	margin-bottom: 32px;
	font-size: 35px;
	font-weight: 600;
}

.title-clientes-home h3  span {
	color: #1E1E1E;
}

.carrossel-clientes {
	margin-bottom: 60px;
}

.carrossel-clientes  .owl-item {
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    height: 80px;
}

.carrossel-clientes  .owl-item img {
	width: auto !important;
}

.carrossel-clientes .owl-nav {
	position: absolute;
    top: 37%;
	width: 100%;
}

.carrossel-clientes .owl-prev {
	left: -5rem;
	position: absolute;
}

.carrossel-clientes .owl-next {
	right: -5rem;
	position: absolute;
}

/* Representantes Home */

#representantes-home .text-equipe h3 {
	color: #001B3A;
}

#representantes-home .text-equipe h3 span {
	color: #0C99EB;
}

#representantes-home .cta-representante a {
	background-color: #0C99EB;
	font-style: unset;
	font-size: 14px;
	font-weight: 400;
}

#representantes-home {
	margin-bottom: 110px;
}

#representantes-home .img-mapa img{
	width: 100%;
    height: 360px;
    object-fit: cover;
    object-position: bottom;
}

#representantes-home .row {
	align-items: baseline;
}

#representantes-home .wrapper-text-equipe .text-equipe {
	    max-width: 72%;
}

#representantes-home .wrapper-text-equipe {
    padding-left: 1rem;
    position: relative;
    bottom: 45px;
}

/* Instagram Home */

.icon-instagram {
	text-align: center;
	margin-bottom: 54px;
}

.wrapper-posts-instagram ul {
	    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 20px;
}

/* Quem Somos */

/* Hero Quem Somos */
#hero-quem-somos {
	background-image: url('../imgs/banners/hero-quem-somos.png');
	background-size: cover;
	height: 700px;
	display: flex;
	align-items: center;
	background-position: center;
}

.text-hero {
	padding-top: 80px;
}

.text-hero h1 {
	font-size: 56px;
	color: #fff;
	font-weight: 600;
	max-width: 376px;
	margin-bottom: 51px;
}

.text-hero h1 span {
	color: #0C99EB;
}

.text-hero h1 strong {
	font-weight: 800;
}

.text-hero h2 {
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 0.5px;
	max-width: 324px;
	line-height: 35px;
}

/* Sobre Quem Somos */

#sobre {
	padding-top: 96px;
	padding-bottom: 80px;
}

.title-sobre-alesco {
	text-align: center;
}

.sobre-subtitle {
	text-align: center;
	color: #001B3A;
	font-size: 12px;
	margin-bottom: 16px; 
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 1px;
}

.title-sobre-alesco h3 {
	color: #001B3A;
	font-size: 35px; 
	line-height: 38px;
	font-weight: 600;
	letter-spacing: 0.8px;
	margin-bottom: 24px;
}

.title-sobre-alesco h3 span {
	color: #0C99EB;
}

.title-sobre-alesco p:last-child {
	text-align: center;
	font-size: 16px;
	margin-bottom: 32px;
}

.text-sobre-alesco p {
	text-align: center;
	max-width: 918px;
	margin: auto;
	margin-bottom: 40px;
}

.wrapper-diferenciais {
	display: flex;
    justify-content: space-around;
}

.card-diferencial {
	max-width: 264px;
}

.icon-diferencial {
	margin-bottom: 18px;
}

.title-diferencial {
	font-weight: 600;
	color: #001B3A; 
	font-size: 22px;
	margin-bottom: 14px;
}

/*  Historia Quem Somos */

#historia {
	background: radial-gradient(79.2% 95.92% at 100% 114.6%, #0478BB 0%, #001B3A 100%);
	padding-top: 88px;
	padding-bottom: 88px;
}

.historia-subtitle {
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	margin-bottom: 16px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 1px;
}

.title-historia h3 {
	color: #9DDBFF;
	font-size: 35px;
	line-height: 38px;
	font-weight: 600;
	letter-spacing: 0.8px;
	margin-bottom: 98px;
	text-align: center;
}

.text-historia p {
	color: #fff;
	max-width: 85%;
}

.text-historia p strong {
	font-weight: 800;
}

.text-historia h4 {
	color: #ffffff;
	font-size: 24px;
	line-height: 38px;
	font-weight: 600;
	letter-spacing: 0.2px;
	margin-bottom: 18px;
	text-align: left;
	max-width: 351px;
}

.img-historia.historia1 img {
	position: relative;
	bottom: 2rem;
}

.img-historia.historia2 img {
	width: 90%;
}

.icon-img-1 {
	position: absolute;
    right: 13rem;
    top: -2.5rem;
}


.icon-img-2 {
	position: absolute;
    left: 8rem;
    bottom: -2.5rem;
	width: 100px;
}

#historia .separador {
	margin-top: 80px;
	text-align: center;
}

.timeline-subtitle {
	text-align: center;
    color: #ffffff;
    font-size: 12px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1px;
	padding-top: 80px;
}

.title-timeline h3 {
	color: #9DDBFF;
	font-size: 35px;
	line-height: 38px;
	font-weight: 600;
	letter-spacing: 0.8px;
	margin-bottom: 48px;
	text-align: center;
}

.title-timeline h3 span {
	color: #fff;
}

.timeline-wrapper {
	position: relative;
}

.linha-timeline {
	width: 100%;
	height: 2px;
	background-color: #fff;
	border-radius: 2px;
	position: absolute;
	top: 52%;
}

.timeline-wrapper .owl-prev {
	    position: absolute;
    top: 50%;
    left: -2rem;
}

.timeline-wrapper .owl-next {
	    position: absolute;
    top: 50%;
    right: -4rem;
}

.card-timeline .ano-timeline p {
	color: #9DDBFF;
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 700;
}

.logo-alesco-timeline {
	margin-bottom: 20px;
}

.text-card-timeline p {
	color: #fff;
	font-size: 14px;
	margin-bottom: 0;
}

.text-card-timeline {
	width: 250px;
}


.text-card-timeline p span {
	font-weight: 700;
}

.text-card-timeline p span.text-destaque {
	color: #9CFFBC;
}

.slide-timeline {
	display: flex;
	justify-content: space-around;
	height: 480px;
}

.card-timeline {
	max-width: 200px;
}

.card-posicao2 {
	position: absolute;
	bottom: 0;
}

.bullets-timeline {
	display: flex;
	justify-content: space-around;
	position: relative;
    bottom: 7px;
}

.bullets-timeline span {
	width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #fff;
    border: 2px solid #0c99eb;
}

.bullet1 {
	position: relative;
	right: 8px;
}

.bullet2 {
	position: relative;
	right: 113px;
}

.bullet3 {
	position: relative;
	right: 221px;
}

/* Evolução - Quem Somos */

#crescimento {
	background: #E5F5FF;
	padding-top: 92px;
	padding-bottom: 116px;
}

.fotos-evolucao {
	display: flex; 
	gap: 20px;
}

.title-crescimento h3 {
	color: #052F5D;
	font-size: 32px;
	line-height: 36px;
	font-weight: 600;
	margin-bottom: 24px;
}

.title-crescimento h3 span.destaque-crescimento {
	color: #0C99EB; 
	font-weight: 800;
}

.ano-evolucao p {
	margin-bottom: 8px;
	color: #0462A6;
}

.linha-topo {
	margin-bottom: 22px;
}

.text-crescimento p {
	color: #1E1E1E;
	margin-bottom: 0;
	max-width: 314px;
}

#crescimento .owl-prev {
	position: absolute;
    bottom: -2.5rem;
    left: 0
}

#crescimento .owl-next {
	position: absolute;
    bottom: -2.5rem;
    right: 0
}


/* Instalações - Quem Somos */

#instalacoes {
	padding-top: 80px;
	padding-bottom: 80px;
}

.instalacoes-subtitle {
	text-align: center;
	color: #001B3A;
	font-size: 12px;
	margin-bottom: 16px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 1px;
}

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

.title-instalacoes h3 {
	color: #001B3A;
	font-size: 35px;
	line-height: 38px;
	font-weight: 600;
	letter-spacing: 0.8px;
	margin-bottom: 24px;
}

.title-instalacoes h3 span {
	color: #0C99EB;
}

.text-instalacoes p {
	max-width: 924px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

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

.cta-principal a {
	padding: 16px 32px;
	background-color: #007DC5;
	font-weight: 600;
	border-radius: 6px;
	color: #fff;
}

.img-instalacoes {
    margin-bottom: 0;
    text-align: right;
    position: relative;
    z-index: -2;
    top: 0;
}

.img-instalacoes img {
	position: absolute;
    bottom: -13rem;
    right: 0;
    width: 610px;
    max-width: 770px;
    z-index: -2;
}

.wrapper-depoimentos.owl-carousel .owl-stage-outer {
	overflow: visible !important;
}

.wrapper-depoimentos.owl-carousel .owl-item {
	opacity: 0;
	transition: all .3s;
}

.wrapper-depoimentos.owl-carousel .owl-item.active {
	opacity: 1;
	transition: all .3s;
}

.rating {
	margin-bottom: 22px;
}

.text-depoimento {
	max-width: 300px;
}

.text-depoimento p {
	min-height: 200px;
}

.rodape-depoimento {
	display: flex;
    align-items: center;
    gap: 7px;
}

.nome-depoimento p {
	margin-bottom: 0;
	font-weight: 600;
	font-size: 15px; 
	color: #000;
}

.cargo-depoimento p {
	margin-bottom: 0;
	color: #333;
	font-weight: 400;
	font-style: italic;
	font-size: 12px;
}

.card-depoimento {
	padding-top: 33px; 
	padding-left: 24px;
	padding-right: 24px; 
	padding-bottom: 28px;
	box-shadow: 0px 4px 15px 0px #0000001A;
	border-radius: 10px;
}

#instalacoes .card-depoimento {
	width: 330px;
	background-color: #fff;
}

#instalacoes .text-depoimento p {
    height: 220px;
    overflow: hidden;
}

.wrapper-depoimentos {
	padding-bottom: 1rem;
}

.wrapper-depoimentos .owl-stage-outer{
  padding: 1rem 0; 
}

.wrapper-depoimentos .owl-stage{
  padding: 0 1rem;         
  box-sizing: content-box;    
}

.wrapper-depoimentos .owl-dots {
	display: flex;
	gap: 8px;
	position: relative;
	margin-top: 3rem;
	justify-content: center;
}

.wrapper-depoimentos .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	border: 1px solid #E7E7E7;
	border-radius: 100%;
	background: #E7E7E7;
	transition: all .2s;
}

.wrapper-depoimentos .owl-dots .owl-dot.active {
	background: #AEAEAE;
	border: 1px solid #AEAEAE;
	transition: all .2s;
}

#instalacoes .owl-stage-outer {
	padding-bottom: 1rem;
}

#instalacoes .cta-principal {
	margin-top: 40px;
	margin-bottom: 20px;
}

/* Footer */

#footer {
	position: relative;
	background-color: #001B3A;
	padding-top: 127px;
	padding-bottom: 62px;
	overflow: hidden;
}

.detalhe-footer img {
	position: absolute;
	top: 0;
	left: 0;
}

.sitemap-footer-wrapper {
	display: flex;
	gap: 94px;
}

.titutlo-coluna-footer h5 {
	color: #fff;
	margin-bottom: 15px;
	font-weight: 600;
}

.menu-footer ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
}

.menu-footer ul li {
	margin-bottom: 16px;
}

.subtitle-footer p {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 0;
	color: #fff;
}

.text-telefone ul {
	display: flex;
	gap: 15px;
	margin-bottom: 24px;
}

.text-telefone a {
	font-size: 12px; 
	color: #fff;
}

.text-footer p {
	font-size: 14px; 
	color: #fff;
}

.separador-footer  {
	padding-top: 64px;
	padding-bottom: 44px;
}

.separador-footer svg {
	width: 100%;
}

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

.newsletter {
	margin-bottom: 24px;
}

.title-newsletter {
	margin-bottom: 8px;
}

.newsletter input.wpcf7-email {
	background: unset;
	border: 1px solid #0461A5;
	border-radius: 6px;
	width: 215px;
	padding: 13px 16px;
	color: #0461A5;
	font-size: 15px;
	font-weight: 400;
	margin-right: 7px;
	height: 49px;
}

.newsletter input.wpcf7-email::placeholder {
	color: #0461A5;
}

.newsletter input.wpcf7-submit {
	color: #fff;
	background: #007DC5;
	border-radius: 6px;
	border: 1px solid #007DC5;
	font-weight: 600;
	padding: 12px 32px;
	text-align: center;
	height: 49px;
	cursor: pointer;
	font-size: 14px;
}

.newsletter .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 13px;
    font-weight: normal;
    display: block;
    margin-top: 5px;
    position: absolute;
}

.newsletter .wpcf7-response-output {
    border: unset !important;
	color: #fff !important;
	font-size: 13px !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
}

.redes-sociais-footer ul {
	display: flex;
    gap: 6px;
	margin-bottom: 40px;
}

.redes-sociais-footer ul span {
	background-color: #052F5D;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}

.text-copy p {
	color: #fff;
	font-size: 12px;
	margin-bottom: 0;
}

/* FAQ */

#backToTop {
  position: fixed;
  right: 64px;
  bottom: 44px;
  width: 52px;
  height: 52px;
  background: transparent;
  border: none;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 999;
}

#backToTop:focus {
	outline: unset;
}

#backToTop.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

#backToTop svg {
  display: block;
}

#backToTop:hover {
  transform: translateY(-4px);
}


.page-template-faq #header {
	position: relative;
	background: #001B3A;
}

#faq .visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap}

:root{
  --faq-blue:#0d6efd;
  --faq-blue-100:#e8f2ff;
  --faq-border:#dfe8f5;
  --faq-text:#1b2b44;
}

#faq{color:var(--faq-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;margin-bottom: 80px;}
#faq .faq-search{position:relative;display:flex;align-items:center;background: #EBF8FF;border-radius: 20px;padding: 18px 40px;margin-bottom: 72px;}
#faq .faq-search input{flex:1;border:0;background:transparent;outline:none;font-size:16px;color:var(--faq-text)}
#faq .faq-search-btn{border:0;background:transparent;cursor:pointer;color:#4d6fb5;padding:4px 6px;border-radius:8px}
#faq .faq-search-btn:hover{background:#e9f2ff}

#faq .faq-title{font-size: 28px;font-weight:800;color: #0C99EB;margin-bottom: 29px;}

#faq .faq-item{background:#fff;border: 1px solid #CCE5F6;border-radius:14px;margin-bottom: 24px;box-shadow:0 1px 0 rgba(8,29,73,.03)}
#faq .faq-q{margin:0}
#faq .faq-toggle{all:unset;display:flex;align-items: self-start;justify-content:space-between;gap:12px;cursor:pointer;padding: 32px 40px;border-radius:14px;color: #0462A6;font-weight:800;font-size: 20px;line-height: 28px;width: 94%;}
#faq .faq-toggle:focus-visible{outline:2px solid var(--faq-blue);outline-offset:2px}
#faq .faq-toggle .chev{width:18px;height:18px;position:relative;flex:0 0 18px;right: 10px;}
#faq .faq-toggle .chev::before{content:"";position:absolute;inset:0;border:2px solid currentColor;border-top:none;border-left:none;transform:rotate(45deg);transition:transform .25s ease;}
#faq .faq-toggle[aria-expanded="true"] .chev::before{transform:rotate(-135deg)}

#faq .faq-a{overflow:hidden;max-height:0;opacity:.0;transition:max-height .28s ease, opacity .28s ease;padding: 0 40px;}
#faq .faq-a.open{opacity:1}
#faq .faq-a-inner{padding:0 0 18px 0}
#faq .faq-a p{margin:0 0 10px 0;color:#4a5b78}

#faq .faq-empty{margin:18px 4px;color:#6c7ea0}

#hero-faq {
	padding-top: 80px;
    padding-bottom: 80px;
    background-color: #007DC5;
    margin-bottom: 48px;
}

.title-faq h2 {
	font-weight: 600;
	font-size: 43px;
	color: #96D6FB;
	margin-bottom: 5px;
}

.title-faq h1 {
	font-weight: 800;
	font-size: 43px;
	color: #ffffff;
	margin-bottom: 32px;
}

.title-faq p {
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	margin-bottom: 0;
}

.title-faq p a {
	font-weight: 600;
	text-decoration: underline;
	color: #fff;
}

#faq .faq-search input::placeholder {
	color: #0462A6;
	font-weight: 600;
}


/* Contato */

.page-template-contato #header {
	position: relative;
	background: #001B3A;
}

#contato-full {
	background: linear-gradient(to bottom, #001B3A 50%, #0C99EB 50%);
	padding-bottom: 80px;
}

.title-wrapper {
	padding-top: 93px;
	padding-bottom: 103px;
}

.title-wrapper p:first-child {
	text-align: center;
    color: #ffffff;
    font-size: 12px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1px;
}

.title-wrapper h1 {
	color: #0C99EB;
    font-size: 35px;
    line-height: 38px;
    font-weight: 600;
    letter-spacing: 0.8px;
    margin-bottom: 24px;
	text-align: center;
}

.title-wrapper h1 span {
	color: #fff;
}

.title-wrapper p:last-child {
	text-align: center;
	color: #fff;
}

.title-wrapper p span {
	color: #BFE7FF;
	font-weight: 400;
}

.box-contato {
    background-color: #FFFFFF;
    border-radius: 30px;
    padding: 64px 80px;
    display: flex;
    justify-content: space-around;
    gap: 90px;
    margin-bottom: 80px;
    align-items: center;
}

.text-card.contato h4 {
	color: #0C99EB;
	font-size: 20px; 
	font-weight: 700;
	margin-bottom: 7px;
}

.text-card.contato p {
	color: #333333;
	margin-bottom: 5px; 
	font-size: 14px;
}

.text-card.contato p a {
	color: #0C99EB;
	text-decoration: underline;
}

.card-contato {
	display: flex; 
	align-items: center;
	gap: 21px;
	margin-bottom: 32px;
}

.title-form-contato h3 {
	color: #001B3A;
	font-size: 30px;
	margin-bottom: 16px;
}

.title-form-contato h3 span {
	font-weight: 800;
}

.title-form-contato p {
	color: #171717;
	margin-bottom: 0;
	font-weight: 400;
}

.title-form-contato {
	margin-bottom: 32px;
}

.form-contato p,
.form-contato label {
	width: 100%;
	margin-bottom: 0;
	line-height: 1;
}

.form-contato label br {
	display: none;
}

.form-contato input,
.form-contato select,
.form-contato textarea {
	background-color: #EDF5FA;
	border: unset;
	padding: 16px 23px;
	border-radius: 6px;
	color: #0462A6;
	width: 100%;
	margin-bottom: 16px;
	    font-size: 15px;
}

.form-contato input::placeholder,
.form-contato textarea::placeholder {
	color: #0462A6;
}

.upload-cf7 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* estilo do texto/“link” que aciona o seletor de arquivo */
.cf7-file-trigger {
  font-style: italic;            
  cursor: pointer;
  color: #797979;             
  display: inline-block;
	font-weight: 400;
}

.cf7-file-trigger span {
	color: #0462A6;
	font-weight: 600;
	text-decoration: underline;  
}

.cf7-file-trigger:hover,
.cf7-file-trigger:focus {
  opacity: .85;
}

/* nome do arquivo após selecionar */
.cf7-file-name {
  display: inline-block;
  margin-left: 8px;
  font-size: 0.95rem;
  color: #333;
}

.form-contato {
	max-width: 480px;
	width: 100%;
}

.cf7-file-field {
	margin-bottom: 20px;
}

.form-contato input.wpcf7-submit {
	background-color: #007DC5;
	color: #fff;
	cursor: pointer;
}

.max-85 {
	max-width: 85%;
	margin: auto;
	align-items: end;
}

.text-equipe h3 {
	font-size: 35px;
	color: #fff;
	font-weight: 700;
	line-height: 37px;
	margin-bottom: 16px;
}

.text-equipe h3 span {
	color: #001B3A;
}

.text-equipe p {
	color: #1E1E1E;
	margin-bottom: 42px;
}

.cta-representante a {
	padding: 16px 32px;
	background-color: #052F5D;
	font-weight: 400;
	border-radius: 6px;
	color: #fff;
}

.wrapper-text-equipe {
	    padding-left: 1rem;
    position: relative;
    bottom: 17px;

}

/* Produtos */

.page-template-produtos #header {
    position: relative;
    background: #001B3A;
}

.page-template-produtos .title-wrapper {
	padding-bottom: 56px;
	max-width: 85%;
	margin: auto;
}

#produtos {
	background-color: #001B3A;
    background: radial-gradient(59.65% 24.65% at -19.26% 39.06%, rgba(12, 153, 235, 0.7) 0%, #001b3a 100%);
    padding-bottom: 80px;
}

.nav-categorias ul {
	display: flex;
    justify-content: space-between;
    padding: 21px 26px;
    border: 1px solid #0C99EB;
    border-radius: 20px;
    margin-bottom: 56px;
}

.nav-categorias ul li a {
	color: #fff;
	font-size: 14px; 
	font-weight: 400;
}

.nav-categorias nav ul li a {
  position: relative;
}

.nav-categorias nav ul li a.active {
  font-weight: 700;
}

.nav-categorias nav ul li a.active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px; 
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  background-color: #0C99EB;
  border-radius: 50%;
}

.wrapper-geral-categoria {
	padding: 56px 46px;
	background-color: #FFFFFF;
	border-radius: 40px;
	margin-bottom: 90px;
}

.wrapper-card-categoria {
	display: flex;
	gap: 38px;
	background-color: #FFFFFF;
	width: 100%;
	align-items: center;
}

.img-categoria,
.wrapper-conteudo-categoria {
	width: 50%;
}

.title-categoria h3 {
	color: #0C99EB;
	font-size: 45px;
	margin-bottom: 16px;
}

.descricao-categoria p {
	font-size: 14px;
	color: #4F4F4F;
}

.beneficios-categoria li {
	color: #494949;
	font-size: 19px;
	margin-bottom: 12px;
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	align-items: center;
}

.beneficios__icon {
  width: 27px;
  height: 27px;
  flex: 0 0 27px; /* não cresce nem encolhe */
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cta-categoria  {
	text-align: center;
    background: #007DC5;
    display: flex;
    max-width: max-content;
    justify-content: center;
    align-items: center;
    margin: auto;
    position: relative;
    bottom: 115px;
    padding: 16px 32px;
    border-radius: 6px;
	gap: 8px;
}

.img-categoria img {
	width: 100%;
    position: relative;
    right: 47px;
}

#mini-isoladores .img-categoria img {
    right: 101px;
}

#paineis .img-categoria img {
    right: 142px;
}

#modulos-de-troca .img-categoria img {
    right: 92px;
}

#isoladores .img-categoria img {
    right: 56px;
}

#cabine-de-descarte .img-categoria img {
    right: 46px;
}

#lavadoras .img-categoria img {
    right: 96px;
}

.cta-categoria a {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	gap: 8px; 
	display: flex;
	align-items: center;
}

/* Produtos */

.woocommerce-page #header {
    position: relative;
    background: #001B3A;
} 

/* Breadcrumb Produtos */

.breadcrumbs-bar {
	background-color: #007DC5;
	padding: 32px 0;
	margin-bottom: 80px;
}

.breadcrumbs {
	display: flex; 
	align-items: center;
	gap: 24px;
}

.breadcrumbs a,
.breadcrumbs span {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
}
	
.breadcrumbs .current {
	font-weight: 700;
}

.panel-hero__grid {
	display: flex;
    width: 100%;
    align-items: center;
	gap: 42px;
	margin-bottom: 40px;
}

.panel-hero__media {
	width: 55%;
	text-align: center;
}

.panel-hero__content {
	width: 45%;
	padding-right: 20px;
}

.panel-hero__title {
	color: #0C99EB;
	font-size: 43px;
	font-weight: 800;
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 30px;
}

.panel-hero__title-wrapper {
	display: flex;
	gap: 6px;
}

.panel-hero__title .panel-hero__title-for {
	color: #052F5D;
	font-size: 21px;
	font-weight: 400;
	line-height: 20px;
}


.panel-hero__title .panel-hero__title-target {
	color: #052F5D;
	font-size: 21px;
	font-weight: 800;
	line-height: 20px;
}

.panel-hero__subtitle {
	color: #052F5D;
	font-size: 22px; 
	font-weight: 800;
	margin-bottom: 24px;
	line-height: 28px;
	max-width: 70%;
}

.panel-hero__text {
	margin-bottom: 40px;
}


.beneficios__item {
	margin-bottom: 13px;
	display: flex; 
	gap: 17px;
	align-items: start;
}

.beneficios__item .beneficios__text {
	font-size: 18px;
	color: #494949;
	line-height: 25px;
}

.panel-hero__text p {
	color: #4F4F4F;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
}

.panel-hero__media img {
    height: auto;
    max-width: 100%;
/*     width: 80%; */
}

/* Box Nacional */

.box-nacional {
	background-color: #F6FAFF;
	margin-bottom: 80px;
	border-radius: 40px;
	padding: 48px;
	text-align: center;
}

.topo-nacional h4 {
    text-align: center;
    color: #0C99EB;
    font-size: 12px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1px;
	text-transform: uppercase;
}

.topo-nacional h3 {
	color: #052F5D;
	font-size: 32px;
	font-weight: 800;
	margin-bottom: 24px;
	display: flex;
	justify-content: center; 
	align-items: center;
	gap: 16px;
}

.topo-nacional p {
	font-size: 14px;
	line-height: 23px;
	color: #4F4F4F; 
	max-width: 55%;
	margin: auto;
	margin-bottom: 40px;
}

.wrapper-bottom-nacional {
	margin-top: 48px;
	display: flex;
	justify-content: center;
	gap: 53px;
	align-items: center;
	width: 100%;
}

.content-left-nacional,
.content-right-nacional {
	width: 50%;
}

.content-left-nacional h4 {
	color: #007DC5;
	font-size: 18px;
	font-weight: 400;
	width: 70%;
	margin: auto;
	line-height: 24px;
}


.content-left-nacional h4 strong {
	color: #052F5D;
	font-weight: 800;
}

.content-left-nacional h4 span {
	font-weight: 800;
	font-size: 16px;
}

.content-left-nacional h4:first-child {
	margin-bottom: 20px;
}

.content-right-nacional h4 {
	color: #007DC5;
	font-size: 18px;
	margin-bottom: 12px;
	font-weight: 800;
	padding-left: 28px;
	text-align: left;
}

.content-right-nacional ul li {
	color: #4F4F4F;
	font-size: 16px;
	display: flex;
	gap: 7px;
	align-items: center;
	margin-bottom: 8px;
}

.panel-box {
	background-color: #F6FAFF;
    border-radius: 40px;
    margin-bottom: 16px;
    padding: 34px 52px;
    display: flex;
    align-items: center;
    gap: 48px;
}

.panel-box__header h3 {
	color: #007DC5;
    font-size: 19px;
    margin-bottom: 12px;
    font-weight: 800;
    text-align: left;
}

.panel-list {
	padding-right: 80px;
}

.panel-list__item {
	margin-bottom: 16px;
	display: flex;
	align-items: start;
	gap: 15px;
}

.panel-list__text {
	color: #4F4F4F;
	line-height: 22px;
}

.panel-list__item:last-child {
	margin-bottom: 0;
}

.panel-box__header h4 {
	line-height: 24px;
    margin-bottom: 20px;
}

.panel-recursos .panel-box:last-child {
	margin-bottom: 104px;
}

.panel-hero__text p {
	margin-bottom: 12px;
}

.panel-hero__text p:last-child {
	margin-bottom: 0;
}

.separator-hero {
	margin-bottom: 60px;
}

.cta-produtos-orcamento {
	margin-top: 40px;
}

.cta-produtos-orcamento .cta-principal a {
	width: 100%;
    display: flex;
    justify-content: center;
    font-size: 16px;
}

.panel-final-info {
	max-width: 88%;
	text-align: center;
	display: flex;
	align-items: center;
	gap: 8px;
	margin: auto;
	justify-content: center;
}

.panel-final-info span svg {
	width: 17px;
	height: 17px;
}

.panel-final-info__text {
	color: #0461A5;
	font-size: 14px;
	line-height: 17px;
	max-width: 595px;
	margin-bottom: 0;
	text-align: left;
}

.panel-recursos .panel-box:last-of-type {
	padding-bottom: 150px;
}

.panel-final-info {
	position: relative;
	bottom: 120px;
	border-top: 1px solid #0462A6;
	padding-top: 32px;
}

/* Ventilife */

.title-ventilife h3 {
	color: #0C99EB;
	font-weight: 800;
	margin-bottom: 24px;
	font-size: 30px;
}

.wrapper-ventilife {
	display: flex; 
	gap: 29px;
	width: 100%;
	align-items: center;
	justify-content: space-evenly;
	margin-bottom: 72px;
}

.content-ventilife {
	width: 60%;
}

.img-ventilife {
	width: 40%;
	text-align: right;
}

.img-ventilife img {
	width: 90%;
}

.title-ventilife h3 span {
	color: #001B3A;
}

.text-ventilife p {
	color: #4F4F4F;
}

/* Tabela de Medidas */

.medidas {
  background-color: #001B3A;
  border-radius: 40px;
  width: 80%;
  margin: 0 auto 88px;
  padding: 57px;
}

.medidas__title {
  text-align: center;
  color: #fff;
  font-size: 12px;
  margin-bottom: 28px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* tabela como grid controlado */
.medidas__wrap {
  overflow: hidden; /* garante que nada “vaze” do bloco */
}

.medidas__table {
  width: 100%;
  border-collapse: separate;      /* essencial p/ border-radius funcionar */
  border-spacing: 0 16px;         /* espaço entre header e “card” */
}

.medidas__table thead th {
  color: #0C99EB;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0 18px 6px;
  text-align: center;
}

.medidas__table thead th:first-child {
  text-align: left;
  padding-left: 0;
  text-align: center;
}

/* card interno (a linha) */
.medidas__table tbody tr td {
  background: transparent; /* vai ser setado no próprio td */
}

/* aplica “card” nos tds */
.medidas__table tbody td {
  background-color: #001B3A; /* mantém o mesmo fundo ou um tom levemente diferente */
  border-top: 1px solid #004872;
  border-bottom: 1px solid #004872;
  padding: 22px 18px;
  color: #fff;
  font-size: 10px;
  vertical-align: middle;
  text-align: center;
  line-height: 15px;
}

/* bordas laterais + radius */
.medidas__table tbody td:first-child {
  border-left: 1px solid #004872;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
  text-align: left;
  padding-left: 32px;
}

.medidas__table tbody td:last-child {
  border-right: 1px solid #004872;
}


/* título do modelo (primeira coluna) */
.medidas__table tbody td:first-child {
  font-weight: 400;
  font-size: 11px;
  width: 410px;
  padding-right: 74px;
  text-align: center;
}

.nome-produto-tabela-modelo {
	font-size: 14px;
	color: #0C99EB;
	margin-bottom: 4px;
	font-weight: 800;
}

/* texto menor (sub) */
.medidas__sub {
  margin-top: 6px;
  font-weight: 400;
  font-size: 9px;
  opacity: 0.85;
  line-height: 1.35;
}

.medidas__notice {
	display: flex; 
	justify-content: center;
	align-items: center;
	gap: 6px;
	margin-top: 43px;
}

.medidas__notice-text {
	margin-bottom: 0;
	color: #fff;
	font-size: 12px;
	line-height: 1;
}


/* Downlaods */

.downloads {
	background-color: #0C99EB;
	padding: 80px;
	text-align: center;
}

.downloads__eyebrow {
	text-align: center;
    color: #052F5D;
    font-size: 12px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.downloads__title {
	color: #001B3A;
    font-size: 35px;
    line-height: 38px;
    font-weight: 600;
    letter-spacing: 0.8px;
    margin-bottom: 24px;
	text-align: center;
}

.downloads__title span {
	color: #fff;
}

a.downloads__item {
	color: #fff;
    padding: 16px;
    border: 2px solid #fff;
    border-radius: 40px;
		font-size: 16px;
	font-weight:800;
	display: flex;
	align-items: center;
	gap: 8px;
}

.downloads__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 32px;
}

/* Customização Prime e STD  */

.catalog-panels .panel-hero .panel-hero__title {
	position: relative;
	width: max-content;
}

.catalog-panels .panel-hero-79 .panel-hero__title::after {
	content: "";
	position: absolute;
	right: -130px;
	top: 0;
	background-image: url('../imgs/elementos/logo-prime.png');
	width: 115px;
	height: 44px;
}

.catalog-panels .panel-hero-81 .panel-hero__title::after {
	content: "";
	position: absolute;
	right: -121px;
	top: 0;
	background-image: url('../imgs/elementos/logo-std.png');
	width: 108px;
	height: 31px;
}

.postid-122 .panel-hero .panel-hero__title,
.postid-120 .panel-hero .panel-hero__title {
	position: relative; 
}

.postid-122 .panel-hero__title::after {
	content: "";
	position: absolute;
	right: 6rem;
    bottom: 0;
	background-image: url('../imgs/elementos/logo-prime.png');
	width: 115px;
	height: 44px; 
}

.postid-120 .panel-hero__title::after {
	content: "";
	position: absolute;
	right: 8.5rem;
    bottom: 7px;
	background-image: url('../imgs/elementos/logo-std.png');
	width: 108px;
	height: 31px; 
}


/* Galeria de Imagens */

.pdp-gallery {
  padding: 40px 0;
}

.pdp-gallery__grid {
  display: grid;
  grid-template-columns: 1.35fr 0.65fr;
  gap: 28px;
  align-items: start;
}

.pdp-gallery__main {
  background: #e6eef5;
  border-radius: 28px;
  overflow: hidden;
  min-height: 340px;
}

.pdp-gallery__main-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  aspect-ratio: 16/9;
  padding: 40px;
}

.pdp-gallery__side {
  padding-top: 8px;
}

.pdp-gallery__title {
  margin: 0 0 10px;
  font-size: 28px;
  line-height: 1.1;
  font-weight: 800;
  color: #052F5D;
}

.pdp-gallery__title span {
  color: #0C99EB; /* azul destaque */
}

.pdp-gallery__desc {
  margin: 0 0 30px;
  color: #1E1E1E;
  font-size: 14px;
  line-height: 1.5;
}

.pdp-gallery__thumbs-wrap {
  display: grid;
  align-items: center;
  gap: 12px;
  position: relative;
}

.pdp-gallery__nav {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  font-size: 22px;
  cursor: pointer;
  color: #0c99eb;
  position: absolute;
}

.pdp-gallery__nav:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.pdp-gallery__thumbs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.pdp-gallery__thumb {
  border: 2px solid transparent;
  padding: 0;
  border-radius: 14px;
  overflow: hidden;
  background: #e6eef5;
  cursor: pointer;
  height: 96px;
}

.pdp-gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pdp-gallery__thumb.is-active {
  border-color: #0c99eb;
}

/* Responsivo */
@media (max-width: 900px) {
  .pdp-gallery__grid {
    grid-template-columns: 1fr;
  }
  .pdp-gallery__thumbs-wrap {
    grid-template-columns: 1fr;
  }
  .pdp-gallery__nav {
    display: none; /* se quiser, pode manter e alinhar embaixo */
  }
  .pdp-gallery__thumbs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .pdp-gallery__thumb {
    height: 64px;
  }
}

/* animação da imagem principal */
.pdp-gallery__main {
  position: relative;
}

.pdp-gallery__main-img {
  transition: opacity .22s ease, transform .28s ease;
  will-change: opacity, transform;
}

.pdp-gallery__main-img.is-switching {
  opacity: 0;
  transform: scale(1.02);
}

/* animação da grade de thumbs ao paginar */
.pdp-gallery__thumbs {
  transition: opacity .18s ease, transform .22s ease;
  will-change: opacity, transform;
}

.pdp-gallery__thumbs.is-paging {
  opacity: 0;
  transform: translateY(6px);
}

.pdp-gallery__thumb {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.pdp-gallery__thumb:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
}

.pdp-gallery__main-img{
  transition: opacity .28s ease, transform .32s ease;
  will-change: opacity, transform;
}

.pdp-gallery__main-img.is-switching{
  opacity: 0;
  transform: scale(1.02);
}

.pdp-gallery__nav.pdp-gallery__nav--prev {
	position: absolute;
	left: 0;
	bottom: -3rem;
}


.pdp-gallery__nav.pdp-gallery__nav--next {
	position: absolute;
	right: 0;
	bottom: -3rem;
}

.pdp-gallery {
	margin-bottom: 88px;
}

/* Produtos Relacionados */

.pdp-related__eyebrow {
    text-align: center;
    color: #052F5D;
    font-size: 12px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.pdp-related__title {
	color: #052F5D;
    font-size: 35px;
    line-height: 38px;
    font-weight: 600;
    letter-spacing: 0.8px;
    margin-bottom: 32px;
	text-align: center;
}

.pdp-related__title span {
	color: #0C99EB;
}

.pdp-related__cardLink img {
	 height: 200px !important;
    width: 300px !important;
    object-fit: contain !important;
	margin-bottom: 40px;
}

.pdp-related__card {
	background-color: #fff;
	box-shadow: 0px 4px 15px 0px #0000001A;
	padding: 40px 24px;
	border-radius: 10px;
}

.pdp-related__cardTitle {
	color: #052F5D;
	font-weight: 800;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 16px;
	height: 48px;
	overflow: hidden;
}

.pdp-related__cta {
	color: #0C99EB;
	font-size: 14px;
}

.pdp-related__carousel .owl-stage-outer {
	padding: 20px;
	padding-bottom: 30px;
	position: relative;
	right: 5px;
}

.pdp-related {
	margin-bottom: 80px;
}

.pdp-related .owl-prev {
	position: absolute;
	top: 50%;
	left: -3rem;
}

.pdp-related .owl-next {
	position: absolute;
	top: 50%;
	right: -3rem;
}

.pdp-related .owl-prev.disabled,
.pdp-related .owl-next.disabled {
	opacity: 0.5;
}

.pdp-related .owl-dots {
	display: flex;
	gap: 8px;
	position: relative;
	margin-top: 3rem;
	justify-content: center;
}

.pdp-related .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	border: 1px solid #E7E7E7;
	border-radius: 100%;
	background: #E7E7E7;
	transition: all .2s;
}

.pdp-related .owl-dots .owl-dot.active {
	background: #0C99EB;
	border: 1px solid #0C99EB;
	transition: all .2s;
}

/* Categoria Expandindo */

.categoria-expand[hidden] { display:none; }
.categoria-expand {margin-top: 40px;padding-top: 20px;border-top: 1px solid #0C99EB;}
.categoria-expand.is-open { animation: fadeDown .22s ease-out; }
@keyframes fadeDown { from { opacity:0; transform: translateY(-8px);} to { opacity:1; transform: translateY(0);} }

.produto-card {display:block;padding:16px;border-radius:12px;text-decoration:none;height:100%;}
.produto-card__img img {width:100%;height:auto;display:block;padding: 30px;border: 1px solid #ddd;border-radius: 20px;height: 280px;object-fit: contain;}
.produto-card__title {
    margin: 12px 0 0;
    font-size: 20px;
    color: #0C99EB;
    line-height: 26px;
    font-weight: 800;
}

.produto-card--id-144 .produto-card__img img,
.produto-card--id-154 .produto-card__img img,
.produto-card--id-156 .produto-card__img img,
.produto-card--id-158 .produto-card__img img {
	padding: 0;
}

.produto-card--id-160 .produto-card__img img {
	padding: 50px;
}

.produto-card--id-87 .produto-card__img img,
.produto-card--id-102 .produto-card__img img {
	padding: 65px;
}

.produto-card--id-91 .produto-card__img img {
	padding: 50px;
}


.produto-card--id-97 .produto-card__img img {
	padding: 0px;
}



#mini-isoladores .produto-card__img img {
	border: unset; 
}

#mini-isoladores .produto-card {
	border: 0;
}

#mini-isoladores .produto-card__img img {
	padding: 50px;
}

#mini-isoladores .produto-card--id-87 .produto-card__img img,
#mini-isoladores .produto-card--id-102 .produto-card__img img {
	padding: 65px;
}

#mini-isoladores .produto-card--id-97 .produto-card__img img {
	padding: 0px;
}

#mini-isoladores .produto-card--id-97 {
	padding-left: 0;
	padding-right: 0;
}

#mini-isoladores .produto-card--id-284 .produto-card__img img {
	padding: 10px;
}


#mini-isoladores .produto-card--id-93 .produto-card__img img {
	padding: 30px;
}

.js-drop-categoria .cta-arrow svg {
  transition: transform 260ms ease;
  transform-origin: center;
}

.js-drop-categoria.is-open .cta-arrow svg {
  transform: rotate(180deg);
}

.categoria-expand__head {
	margin-top: 40px;
}

.categoria-expand__head h3 {
	text-align: center;
    color: #052F5D;
    font-size: 12px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1px;
	text-transform: uppercase;
}

.produto-title__for {
	color: #104462;
	font-size: 14px;
	font-weight: 400;
}

.produto-title__target {
	color: #104462;
	font-size: 14px;
	font-weight: 800;
}

/* Alesco Farma */

.page-template-alesco-farma #header {
    position: relative;
    background: #001B3A;
}

.title-wrapper.alesco-farma {
    padding-top: 72px;
    padding-bottom: 48px;
}

.title-wrapper.alesco-farma p:first-child {
	color: #67B596;
	margin-bottom: 16px;
}

.title-wrapper.alesco-farma h1 {
	color: #152F4D;
}

.title-wrapper.alesco-farma p {
	color: #333333;
	max-width: 789px;
	margin: auto;
}

.title-wrapper.alesco-farma p strong {
	font-weight: 700;
}

.separator-farma-icon {
	margin-bottom: 64px;
}

.page-template-alesco-farma .carrossel-clientes .owl-item {
    height: 100px;
}

.title-wrapper h2  {
	color: #152F4D;
    font-size: 35px;
    line-height: 38px;
    font-weight: 600;
    margin: auto;
    letter-spacing: 0.8px;
    margin-bottom: 24px;
    text-align: center;
    max-width: 70%;
}

.title-wrapper h2 span {
	color: #009BE0;
}

.text-equipamento-farma h3 {
	color: #99CFB9;
	margin-bottom: 16px;
	font-size: 43px;
	font-weight: 800;
}

.page-template-alesco-farma #representantes-home {
	background-color: #F4FFFA;
	padding: 48px;
	margin-bottom: 0;
}

.page-template-alesco-farma #representantes-home .text-equipe h3 span {
    color: #99CFB9;
}

.page-template-alesco-farma #clientes-home {
	margin-bottom: 16px;
}

.lista-beneficios-equipamentos-farma p {
	    font-size: 18px;
    color: #494949;
    line-height: 25px;
	margin-bottom: 0;
}

.lista-beneficios-equipamentos-farma p strong {
	font-weight: 800;
}

.lista-beneficios-equipamentos-farma ul li {
    margin-bottom: 13px;
    display: flex;
    gap: 17px;
    align-items: start;
}

#equipamentos-alesco-farma {
	margin-bottom: 40px;
}

.title-produtos-farma h4 {
	text-align: center;
    color: #052F5D;
    font-size: 12px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1px;
}

#produtos-alesco-farma {
	margin-bottom: 63px;
}

.woocommerce.alesco-farma .breadcrumbs-bar,
.woocommerce.alesco-farma .downloads,
.woocommerce.alesco-farma .medidas {
    background-color: #F4FFFA; 
}

.woocommerce.alesco-farma .breadcrumbs a, .woocommerce.alesco-farma .breadcrumbs span {
	color: #45846A !important;
}

.woocommerce.alesco-farma .panel-hero__title,
.woocommerce.alesco-farma .pdp-gallery__title span,
.woocommerce.alesco-farma .downloads__title span,
.woocommerce.alesco-farma .medidas__title,
.woocommerce.alesco-farma .nome-produto-tabela-modelo,
.woocommerce.alesco-farma .pdp-related__title span {
    color: #99CFB9; 
}

.woocommerce.alesco-farma .downloads__label {
	color: #99CFB9;
}

.woocommerce.alesco-farma a.downloads__item {
	border: 2px solid #99CFB9;
}

.woocommerce.alesco-farma .medidas__table thead th {
	color: #052F5D;
}

.woocommerce.alesco-farma .medidas__table tbody td {
	color: #277555;
}

.woocommerce.alesco-farma .medidas__table tbody td {
	border-color: #45846A;
}

.woocommerce.alesco-farma .alesco-opcoes-personalizaveis__title,
.woocommerce.alesco-farma .alesco-vantagens-caracteristicas__title,
.woocommerce.alesco-farma .alesco-principais-aplicacoes__title,
.woocommerce.alesco-farma .alesco-estrutura-exclusivos__title {
	color: #6BB597;
}

.woocommerce.alesco-farma .alesco-opcoes-personalizaveis__box,
.woocommerce.alesco-farma .alesco-opcoes-personalizaveis__cta,
.woocommerce.alesco-farma .alesco-modelo-card,
.woocommerce.alesco-farma .alesco-vantagens-caracteristicas__box,
.woocommerce.alesco-farma .alesco-principais-aplicacoes__card,
.woocommerce.alesco-farma .alesco-estrutura-exclusivos__box,
.woocommerce.alesco-farma .alesco-estrutura-exclusivos__result {
	background-color: #F4FFFA;
}

.woocommerce.alesco-farma .alesco-modelo-card__sku {
	color: #6BB597;
}

.woocommerce.alesco-farma .medidas__notice-text {
	color: #001B3A;
}

.woocommerce.alesco-farma .medidas__notice-icon svg path,
.woocommerce.alesco-farma  .alesco-principais-aplicacoes__icon svg path {
	stroke: #001B3A;
}

/* Personalizacoes ALP e ALN */


.woocommerce.produto-alp .breadcrumbs-bar {
    background-color: #77559F; 
}

.woocommerce.produto-alp .downloads {
	background-color: #BA80FF;
}

.woocommerce.produto-alp .downloads__eyebrow {
	color: #492376;
}

.woocommerce.produto-alp .downloads__title {
	color: #492376;
}

.woocommerce.produto-alp .downloads__title span {
	color: #fff;
}

.woocommerce.produto-alp .medidas {
	background-color: #F9F4FF; 
}

.woocommerce.produto-alp .breadcrumbs a, .woocommerce.alesco-farma .breadcrumbs span {
	color: #fff;
}

.woocommerce.produto-alp .panel-hero__title,
.woocommerce.produto-alp .medidas__title {
    color: #77559F; 
}

.woocommerce.produto-alp .panel-hero__title .panel-hero__title-for,
.woocommerce.produto-alp .panel-hero__title .panel-hero__title-target {
	color: #BA80FF;
}

.woocommerce.produto-alp .nome-produto-tabela-modelo {
	color: #5E0EBC;
}

.woocommerce.produto-alp .beneficios__icon svg path {
	stroke: #BA80FF;
}

.woocommerce.produto-alp .downloads__label {
	color: #fff;
}

.woocommerce.produto-alp a.downloads__item {
	border: 2px solid #fff;
}

.woocommerce.produto-alp .downloads__icon svg path {
	stroke: #553976;
}

.woocommerce.produto-alp .medidas__table thead th {
	color: #BA80FF;
}

.woocommerce.produto-alp .medidas__table tbody td {
	color: #77559F;
}

.woocommerce.produto-alp .medidas__table tbody td {
	border-color: #77559F;
}

.woocommerce.produto-alp .alesco-opcoes-personalizaveis__title,
.woocommerce.produto-alp .alesco-vantagens-caracteristicas__title,
.woocommerce.produto-alp .alesco-principais-aplicacoes__title,
.woocommerce.produto-alp .alesco-estrutura-exclusivos__title {
	color: #6BB597;
}

.woocommerce.produto-alp .alesco-opcoes-personalizaveis__box,
.woocommerce.produto-alp .alesco-opcoes-personalizaveis__cta,
.woocommerce.produto-alp .alesco-modelo-card,
.woocommerce.produto-alp .alesco-vantagens-caracteristicas__box,
.woocommerce.produto-alp .alesco-principais-aplicacoes__card,
.woocommerce.produto-alp .alesco-estrutura-exclusivos__box,
.woocommerce.produto-alp .alesco-estrutura-exclusivos__result {
	background-color: #F4FFFA;
}

.woocommerce.produto-alp .alesco-modelo-card__sku {
	color: #6BB597;
}

.woocommerce.produto-alp .medidas__notice-text {
	color: #77559F;
}

.woocommerce.produto-alp .medidas__notice-icon svg path,
.woocommerce.produto-alp  .alesco-principais-aplicacoes__icon svg path {
	stroke: #BA80FF;
}

.woocommerce.produto-alp .pdp-gallery__title {
	color: #77559F;
}

.woocommerce.produto-alp .pdp-gallery__title span {
	color: #BA80FF;
}

.woocommerce.produto-alp .pdp-gallery__thumbs-wrap svg path {
	stroke: #BA80FF;
}

.woocommerce.produto-alp .pdp-gallery__thumb.is-active {
    border-color: #BA80FF;
}

.woocommerce.produto-alp .pdp-related__eyebrow {
	color: #77559F;
}

.woocommerce.produto-alp .pdp-related__title {
	color: #77559F;
}

.woocommerce.produto-alp .pdp-related__title span {
	color: #BA80FF;
}

.woocommerce.produto-alp .pdp-related svg path {
	stroke: #BA80FF;
}

.woocommerce.produto-alp .pdp-related__cardTitle {
	color: #77559F;
}

.woocommerce.produto-alp .pdp-related__cta {
	color: #BA80FF;
}

.woocommerce.produto-alp .pdp-related .owl-dots .owl-dot.active {
	background: #BA80FF;
    border: 1px solid #BA80FF;	
}

.woocommerce.produto-alp .panel-hero__beneficios {
	position: relative;
    padding-top: 3rem;
}


.woocommerce.produto-alp .panel-hero__beneficios:after {
	content: "";
	background-image: url(../imgs/produtos/racks/detalhe-descricao.svg);
    position: absolute;
    left: 0;
    width: 469px;
    height: 25px;
    top: -1rem;
    background-size: cover;
    background-repeat: no-repeat;
}

.postid-118.woocommerce .panel-hero__beneficios {
	position: relative;
    padding-top: 4rem;
}


.postid-118.woocommerce .panel-hero__beneficios:after {
	content: "";
	background-image: url(../imgs/produtos/lavadoras/detalhe-kit.svg);
    position: absolute;
    left: 0;
    width: 459px;
    height: 40px;
    top: -1rem;
    background-size: cover;
    background-repeat: no-repeat;
}

.postid-106.woocommerce .panel-hero__title {
	margin-bottom: 0;
}

.postid-106.woocommerce .panel-hero__title-target {
	margin-bottom: 30px;
}


.postid-106.woocommerce .panel-hero__beneficios {
	position: relative;
    padding-top: 4rem;
}


.postid-106.woocommerce .panel-hero__beneficios:after {
	content: "";
	background-image: url(../imgs/produtos/acessorios/detalhe-flat.svg);
    position: absolute;
    left: 0;
    width: 459px;
    height: 40px;
    top: -1rem;
    background-size: cover;
    background-repeat: no-repeat;
}


.woocommerce.produto-aln .breadcrumbs-bar {
    background-color: #DD973A; 
}

.woocommerce.produto-aln .downloads {
	background-color: #DD973A;
}

.woocommerce.produto-aln .downloads__eyebrow {
	color: #614219;
}

.woocommerce.produto-aln .downloads__title {
	color: #614219;
}

.woocommerce.produto-aln .downloads__title span {
	color: #fff;
}

.woocommerce.produto-aln .medidas {
	background-color: #FFF9F0; 
}

.woocommerce.produto-aln .breadcrumbs a, .woocommerce.alesco-farma .breadcrumbs span {
	color: #fff;
}

.woocommerce.produto-aln .panel-hero__title,
.woocommerce.produto-aln .medidas__title {
    color: #DD973A; 
}

.woocommerce.produto-aln .panel-hero__title .panel-hero__title-for,
.woocommerce.produto-aln .panel-hero__title .panel-hero__title-target {
	color: #824B01;
}

.woocommerce.produto-aln .nome-produto-tabela-modelo {
	color: #FFA52F;
}

.woocommerce.produto-aln .beneficios__icon svg path {
	stroke: #DD973A;
}

.woocommerce.produto-aln .downloads__label {
	color: #fff;
}

.woocommerce.produto-aln a.downloads__item {
	border: 2px solid #fff;
}

.woocommerce.produto-aln .downloads__icon svg path {
	stroke: #614219;
}

.woocommerce.produto-aln .medidas__table thead th {
	color: #824B01;
}

.woocommerce.produto-aln .medidas__table tbody td {
	color: #614219;
}

.woocommerce.produto-aln .medidas__table tbody td {
	border-color: #DD973A;
}

.woocommerce.produto-aln .alesco-opcoes-personalizaveis__title,
.woocommerce.produto-aln .alesco-vantagens-caracteristicas__title,
.woocommerce.produto-aln .alesco-principais-aplicacoes__title,
.woocommerce.produto-aln .alesco-estrutura-exclusivos__title {
	color: #6BB597;
}

.woocommerce.produto-aln .alesco-opcoes-personalizaveis__box,
.woocommerce.produto-aln .alesco-opcoes-personalizaveis__cta,
.woocommerce.produto-aln .alesco-modelo-card,
.woocommerce.produto-aln .alesco-vantagens-caracteristicas__box,
.woocommerce.produto-aln .alesco-principais-aplicacoes__card,
.woocommerce.produto-aln .alesco-estrutura-exclusivos__box,
.woocommerce.produto-aln .alesco-estrutura-exclusivos__result {
	background-color: #F4FFFA;
}

.woocommerce.produto-aln .alesco-modelo-card__sku {
	color: #6BB597;
}

.woocommerce.produto-aln .medidas__notice-text {
	color: #614219;
}

.woocommerce.produto-aln .medidas__notice-icon svg path,
.woocommerce.produto-aln  .alesco-principais-aplicacoes__icon svg path {
	stroke: #824B01;
}

.woocommerce.produto-aln .pdp-gallery__title {
	color: #DD973A;
}

.woocommerce.produto-aln .pdp-gallery__title span {
	color: #824B01;
}

.woocommerce.produto-aln .pdp-gallery__thumbs-wrap svg path {
	stroke: #824B01;
}

.woocommerce.produto-aln .pdp-gallery__thumb.is-active {
    border-color: #824B01;
}

.woocommerce.produto-aln .pdp-related__eyebrow {
	color: #DD973A;
}

.woocommerce.produto-aln .pdp-related__title {
	color: #DD973A;
}

.woocommerce.produto-aln .pdp-related__title span {
	color: #824B01;
}

.woocommerce.produto-aln .pdp-related svg path {
	stroke: #824B01;
}

.woocommerce.produto-aln .pdp-related__cardTitle {
	color: #DD973A;
}

.woocommerce.produto-aln .pdp-related__cta {
	color: #824B01;
}

.woocommerce.produto-aln .pdp-related .owl-dots .owl-dot.active {
	background: #824B01;
    border: 1px solid #824B01;	
}

.woocommerce.produto-aln .panel-hero__beneficios {
	position: relative;
    padding-top: 3rem;
}


.woocommerce.produto-aln .panel-hero__beneficios:after {
	content: "";
	background-image: url(../imgs/produtos/racks/detalhe-descricao-aln.svg);
    position: absolute;
    left: 0;
    width: 469px;
    height: 25px;
    top: -1rem;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Representantes */

.page-template-representantes #header {
    position: relative;
    background: #001B3A;
}

#representantes-full, 
#representantes,
#representantes-internacionais {
	background: #001B3A;
}

.page-template-representantes .title-wrapper {
	padding-bottom: 48px;
}

#representantes {
	padding-top: 88px;
}

.title-search-representantes {
	display: flex; 
	align-items: center;
	gap: 24px;
	margin-bottom: 40px;
}

.title-text-representantes h3 {
	color: #FFFFFF;
	font-size: 23px; 
}


.title-text-representantes h3 strong {
	font-weight: 800;
}

.title-text-representantes h3 span {
	color: #0C99EB;
	font-weight: 800;
	font-size: 30px;
}

#representantes .faq-search{position:relative;display:flex;align-items:center;background: #ebf8ff00;border-radius: 20px;padding: 18px 40px;margin-bottom: 72px;border: 1px solid #0C99EB;}
#representantes .faq-search input{flex:1;border:0;background: transparent;outline:none;font-size:18px;color: #ffffff;}
#representantes .faq-search-btn{border:0;background:transparent;cursor:pointer;color:#4d6fb5;padding:4px 6px;border-radius:8px}
#representantes .faq-search-btn:hover{background:#e9f2ff}
#representantes .faq-search input::placeholder {color: #fff;}

#representantes-internacionais .faq-search{position:relative;display:flex;align-items:center;background: #ebf8ff00;border-radius: 20px;padding: 18px 40px;margin-bottom: 72px;border: 1px solid #0C99EB;}
#representantes-internacionais .faq-search input{flex:1;border:0;background: transparent;outline:none;font-size:18px;color: #ffffff;}
#representantes-internacionais .faq-search-btn{border:0;background:transparent;cursor:pointer;color:#4d6fb5;padding:4px 6px;border-radius:8px}
#representantes-internacionais .faq-search-btn:hover{background:#e9f2ff}
#representantes-internacionais .faq-search input::placeholder {color: #fff;}

/* =========================
   TABELA REPRESENTANTES
========================= */

.representantes-wrap {
  width: 100%;
}

/* grid base (4 colunas) */
.representantes-table {
  width: 100%;
}

/* cada linha vira "grid" com 4 colunas */
.representantes-table .rep-row {
  display: grid;
  grid-template-columns: 260px 1.2fr 0.9fr 1.1fr; /* cidade | representante | telefone | email */
  column-gap: 48px;
  align-items: start;
}

/* cabeçalho */
.representantes-table .rep-head {
  padding: 12px 0 18px;
}

/* título das colunas */
.representantes-table .rep-head .rep-col {
  color: #0C99EB;            /* azul claro */
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 700;
  font-size: 12px;
}

/* linhas */
.representantes-table .rep-item {
  padding: 22px 0;
  border-bottom: 1px solid #0462A6; /* borda azul no final */
}

/* textos padrão das células */
.representantes-table .rep-item .rep-col {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 400;
}

/* primeira coluna (cidade/região) mais destacada */
.representantes-table .rep-item .rep-col--city,
.representantes-table .rep-item .rep-col:first-child {
  font-weight: 700;
}

/* representante: quebra de linha fica bonita */
.representantes-table .rep-col--name {
  display: block;
}

/* telefones e emails: links com cara de texto */
.representantes-table .rep-col--phone a,
.representantes-table .rep-col--email a {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.95;
}

.representantes-table .rep-col--phone a:hover,
.representantes-table .rep-col--email a:hover {
  opacity: 1;
  text-decoration: underline;
  text-decoration-color: rgba(55, 183, 255, 0.7);
  text-underline-offset: 3px;
}

/* espaçamento entre múltiplas linhas (quando tem <br>) */
.representantes-table .rep-col--phone,
.representantes-table .rep-col--email {
  word-break: break-word;
}

/* mensagem de vazio (Nenhum resultado) */
.faq-empty.rep-empty {
  margin-top: 16px;
  color: #ffffff;
  opacity: 0.75;
  font-size: 14px;
}

/* =========================
   RESPONSIVO (mobile)
========================= */

@media (max-width: 991px) {
  .representantes-table .rep-row {
    grid-template-columns: 1fr; /* vira 1 coluna */
    row-gap: 10px;
    column-gap: 0;
  }

  .representantes-table .rep-head {
    display: none; /* some cabeçalho, fica estilo “card” */
  }

  .representantes-table .rep-item {
    padding: 18px 0;
  }

  /* adiciona rótulos no mobile usando pseudo-elementos */
  .representantes-table .rep-item .rep-col {
    position: relative;
    padding-left: 160px; /* espaço pro label */
  }

  .representantes-table .rep-item .rep-col::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    color: #37b7ff;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
    font-size: 11px;
    opacity: 0.95;
  }

  .representantes-table .rep-item .rep-col:nth-child(1)::before { content: "Cidade / Região"; }
  .representantes-table .rep-item .rep-col:nth-child(2)::before { content: "Representante"; }
  .representantes-table .rep-item .rep-col:nth-child(3)::before { content: "Telefone"; }
  .representantes-table .rep-item .rep-col:nth-child(4)::before { content: "E-mail"; }
}

@media (max-width: 480px) {
  .representantes-table .rep-item .rep-col {
    padding-left: 130px;
  }
  .representantes-table .rep-item .rep-col::before {
    width: 120px;
  }
}

#representantes-internacionais {
	padding-top: 80px;
	padding-bottom: 80px;
}

#contato-representantes {
	padding-top: 40px; 
	padding-bottom: 40px;
	background: #0C99EB;
}

.title-contato-representantes h4 {
	font-size: 20px;
	color: #052F5D; 
	margin-bottom: 8px;
}

.title-contato-representantes h4 strong {
	font-weight: 800;
}

.title-contato-representantes p {
	margin-bottom: 0;
	color: #fff; 
	font-size: 14px;
}

.title-contato-representantes p strong {
	font-weight: 800;
}

.title-contato-representantes p a {
	font-weight: 800;
	text-decoration: underline;
	color: #fff;
}

/* =========================================================
   PATCH RESPONSIVO (cole no FINAL do CSS)
   Objetivo: mobile limpo, sem scroll lateral, layout legível
========================================================= */

/* 1) Anti-scroll lateral (causas comuns: abs + right negativo, imgs deslocadas, navs com left/right negativos) */
html, body { max-width: 100%; overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; }
img, svg { max-width: 100%; height: auto; }

/* 2) Container no mobile (evita “colar” nas bordas e estourar largura) */
@media (max-width: 1199px) {
  .container { max-width: 100% !important; }
}
@media (max-width: 768px) {
  .container { padding-left: 18px; padding-right: 18px; }
}

/* 3) Tipografia responsiva (mantém identidade sem ficar gigante) */
@media (max-width: 768px) {
  p { font-size: 14px; line-height: 1.75; }

  /* Títulos gerais */
  .title-default-bg-branco h3,
  .title-wrapper-bg-azul-escuro h1,
  .title-sobre-alesco h3,
  .title-historia h3,
  .title-timeline h3,
  .title-instalacoes h3,
  .downloads__title,
  .pdp-related__title {
    font-size: 26px;
    line-height: 1.2;
  }

  /* Heróis */
  #hero-home { height: auto; min-height: 520px; padding: 120px 0 80px; }
  #hero-quem-somos { height: auto; min-height: 520px; padding: 120px 0 80px; }

  #hero-home .text-hero h1,
  #hero-home .text-hero h3 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 22px;
    max-width: 100%;
  }

  .text-hero h1 {
    font-size: 34px;
    line-height: 1.15;
    margin-bottom: 18px;
    max-width: 100%;
  }

  #hero-home .text-hero h2,
  #hero-home .text-hero h4,
  .text-hero h2 {
    font-size: 15px;
    line-height: 1.7;
    max-width: 100%;
  }
}

/* 4) Header / menu (sem markup do hamburger, mas garante que não estoure) */
@media (max-width: 991px) {
  #header { position: absolute; width: 100%; left: 0; top: 0; }
  .wrapper-header { padding-top: 20px; padding-bottom: 20px; gap: 14px; }
  .menu-header ul { gap: 14px; flex-wrap: wrap; justify-content: flex-end; }
  .cta-contato-header { padding: 12px 18px; }
}
@media (max-width: 576px) {
  .menu-header ul { gap: 10px; }
  .menu-header ul li a { font-size: 13px; }
  .cta-contato-header { padding: 10px 14px; font-size: 13px; }
}

/* 5) Owl nav/dots (seu left/right negativos geram scroll lateral) */
@media (max-width: 991px) {
  #hero-home .owl-nav,
  .carrossel-clientes .owl-nav,
  .pdp-related .owl-prev,
  .pdp-related .owl-next {
    display: none !important; /* simples e eficaz no mobile */
  }

  #hero-home .owl-dots {
    top: 1.5rem;
    justify-content: center;
  }
}

/* 6) Seções com padding grande (downloads/boxes) */
@media (max-width: 991px) {
  #pesquisa-home { padding-top: 56px; padding-bottom: 56px; }

  .wrapper-box-alescofarma {
    padding: 32px 20px;
    border-radius: 26px;
    margin-bottom: 90px;
  }

  /* detalhe absoluto costuma “vazar” e criar scroll */
  .detalhe-svg-alescofarma { display: none; }

  .cta-alescofarma { bottom: 0; margin-top: 24px; }
}

/* 7) Produtos (listagem por categoria) - remove offsets e empilha */
@media (max-width: 991px) {
  .nav-categorias ul {
    gap: 14px;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 16px 18px;
  }

  .wrapper-geral-categoria {
    padding: 26px 18px;
    border-radius: 26px;
    margin-bottom: 60px;
  }

  .wrapper-card-categoria {
    flex-direction: column;
    gap: 18px;
  }

  .img-categoria,
  .wrapper-conteudo-categoria {
    width: 100%;
  }

  .img-categoria img {
    right: 0;
    position: static;
  }

  .title-categoria h3 {
    font-size: 30px;
    margin-bottom: 10px;
  }

  .beneficios-categoria li {
    font-size: 15px;
    line-height: 1.5;
  }

  .cta-categoria a {
    width: 100%;
    justify-content: center;
  }
}

/* 8) Breadcrumbs (quebra e não estoura) */
@media (max-width: 768px) {
  .breadcrumbs-bar { margin-bottom: 48px; padding: 22px 0; }
  .breadcrumbs { flex-wrap: wrap; gap: 10px 14px; }
  .breadcrumbs a,
  .breadcrumbs span { font-size: 14px; }
}

/* 9) PDP Hero (imagem + conteúdo) - empilha e ajusta tamanhos */
@media (max-width: 991px) {
  .panel-hero__grid {
    flex-direction: column;
    gap: 18px;
  }

  .panel-hero__media,
  .panel-hero__content {
    width: 100%;
    padding-right: 0;
  }

  .panel-hero__media img {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    display: block;
  }

  .panel-hero__title { font-size: 30px; }
  .panel-hero__title .panel-hero__title-for,
  .panel-hero__title .panel-hero__title-target { font-size: 16px; line-height: 1.3; }

  .panel-hero__subtitle {
    font-size: 16px;
    line-height: 1.45;
    max-width: 100%;
  }

  .beneficios__item { gap: 12px; }
  .beneficios__item .beneficios__text { font-size: 15px; line-height: 1.5; }

  .separator-hero { margin-bottom: 40px; }
}

/* 10) Box Nacional - empilha e remove widths fixas */
@media (max-width: 991px) {
  .box-nacional { padding: 28px 18px; border-radius: 26px; }
  .topo-nacional h3 { font-size: 24px; line-height: 1.2; flex-wrap: wrap; gap: 10px; }
  .topo-nacional p { max-width: 100%; }

  .wrapper-bottom-nacional {
    flex-direction: column;
    gap: 26px;
    margin-top: 26px;
  }

  .content-left-nacional,
  .content-right-nacional { width: 100%; }

  .content-left-nacional h4 { width: 100%; }
  .content-right-nacional h4 { padding-left: 0; }
}

/* 11) Panel-box (cards) - empilha */
@media (max-width: 991px) {
  .panel-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    padding: 22px 18px;
    border-radius: 26px;
  }

  .panel-list { padding-right: 0; }
}

/* 12) Ventilife - empilha */
@media (max-width: 991px) {
  .wrapper-ventilife {
    flex-direction: column;
    gap: 18px;
    margin-bottom: 52px;
  }

  .content-ventilife,
  .img-ventilife { width: 100%; }

  .img-ventilife { text-align: center; }
  .img-ventilife img { width: 100%; max-width: 520px; }
}

/* 13) Medidas (tabela) - evitar min-width que força scroll lateral.
   Em mobile, a melhor UX é "card/lista" ao invés de tabela gigante. */
@media (max-width: 720px) {
  .medidas { width: 100%; padding: 26px 16px; border-radius: 26px; }

  /* Em vez de forçar min-width 680px, transforma em cards */
  .medidas__wrap { overflow: visible; }
  .medidas__table { min-width: 0; border-spacing: 0; }
  .medidas__table thead { display: none; }

  .medidas__table tbody tr {
    display: block;
    margin-bottom: 14px;
    border-radius: 18px;
    overflow: hidden;
  }

  .medidas__table tbody td {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    text-align: left;
    padding: 14px 14px;
    border: 0;
    border-bottom: 1px solid rgba(0,72,114,0.55);
    font-size: 12px;
    line-height: 1.4;
    background-color: #001B3A;
  }

  .medidas__table tbody td:last-child { border-bottom: 0; }

  /* Primeira coluna vira “título do card” */
  .medidas__table tbody td:first-child {
    border-radius: 0;
    width: auto;
    padding-right: 14px;
    text-align: left;
    font-size: 12px;
  }




  .nome-produto-tabela-modelo { font-size: 13px; }
  .medidas__sub { font-size: 11px; }
}

/* 14) Downloads - vira coluna e sem padding absurdo */
@media (max-width: 991px) {
  .downloads { padding: 48px 18px; }
  .downloads__list { gap: 14px; }
  a.downloads__item { width: 100%; max-width: 520px; justify-content: center; }
}

/* 15) Instagram lista (se 3+ itens, quebra em grid) */
@media (max-width: 768px) {
  .wrapper-posts-instagram ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}

/* 16) Diferenciais (quem somos) - empilha */
@media (max-width: 768px) {
  .wrapper-diferenciais {
    flex-direction: column;
    gap: 22px;
    align-items: center;
  }
  .card-diferencial { max-width: 520px; width: 100%; text-align: center; }
}

/* 17) História - imagens e textos (evita max-width 85% e offsets) */
@media (max-width: 991px) {
  .text-historia p { max-width: 100%; }
  .img-historia.historia1 img { bottom: 0; }
}

/* 18) Timeline (seu layout é bem “desktop”) - simplifica no mobile */
@media (max-width: 991px) {
  .slide-timeline {
    height: auto;
    flex-direction: column;
    gap: 18px;
    align-items: stretch;
  }
  .linha-timeline,
  .bullets-timeline { display: none; }
  .card-timeline { max-width: 100%; }
  .card-posicao2 { position: static; }
}

/* 19) Contato - empilha box + ajusta form */
@media (max-width: 991px) {
  #contato-full { padding-bottom: 56px; }
  .title-wrapper { padding-top: 64px; padding-bottom: 64px; }

  .box-contato {
    flex-direction: column;
    padding: 28px 18px;
    border-radius: 26px;
    gap: 28px;
  }

  .form-contato { max-width: 100%; }
  .title-form-contato h3 { font-size: 24px; }
}

/* 20) Footer - empilha e ajusta newsletter */
@media (max-width: 991px) {
  #footer { padding-top: 80px; padding-bottom: 44px; }

  .sitemap-footer-wrapper {
    flex-direction: column;
    gap: 34px;
  }

  .copy-footer-wrapper {
    flex-direction: column;
    gap: 18px;
    align-items: flex-start;
  }

  .newsletter input.wpcf7-email {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .newsletter input.wpcf7-submit {
    width: 100%;
  }
}

/* 21) Galeria PDP (já tem responsivo, só reforça espaçamento) */
@media (max-width: 900px) {
  .pdp-gallery__main { border-radius: 22px; }
  .pdp-gallery__main-img { padding: 18px; }
  .pdp-gallery__title { font-size: 24px; }
  .pdp-gallery__desc { font-size: 14px; }
}

/* 22) Representantes search (padding grande pode estourar em telas estreitas) */
@media (max-width: 576px) {
  #representantes .faq-search,
  #representantes-internacionais .faq-search {
    padding: 14px 16px;
  }

  #representantes .faq-search input,
  #representantes-internacionais .faq-search input {
    font-size: 15px;
  }
}

/* Lavadoras - Bloco de Temperatura e Lavagem */
/* =========================
   Alesco - Temperatura / Média de lavagem
   ========================= */

.alesco-temp-media {margin-bottom: 56px;}

.alesco-temp-media__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

@media (min-width: 992px) {
  .alesco-temp-media__grid {
    grid-template-columns: 1.4fr 2fr;
    gap: 22px;
  }
}

.alesco-temp-media__card {
  background: #f3f9fe;             /* azul bem clarinho (similar ao print) */
  border-radius: 40px;              /* cantos bem arredondados */
  padding: 26px 26px;
}

@media (min-width: 992px) {
  .alesco-temp-media__card {
    padding: 40px 60px;
  }
}

.alesco-temp-media__title {
  margin: 0 0 24px 0;
  color: #052F5D;                   /* azul escuro */
  font-weight: 800;
  font-size: 18px;
  line-height: 1.25;
}

/* Conteúdo vindo do editor */
.alesco-temp-media__content,
.alesco-temp-media__note {
  color: #2a3b4c;
  font-size: 16px;
  line-height: 1.55;
}

.alesco-temp-media__content p,
.alesco-temp-media__note p {
  margin: 0 0 10px 0;
}

.alesco-temp-media__content p:last-child,
.alesco-temp-media__note p:last-child {
  margin-bottom: 0;
}

/* =========================
   Listas do editor -> com ícone padrão
   ========================= */

/* Remove padding estranho do editor e define espaçamento */
.alesco-temp-media .editor-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

/* Itens com ícone */
.alesco-temp-media .editor-content ul li {
  position: relative;
  padding-left: 38px;              /* espaço pro ícone 23px */
  margin: 0;
  font-size: 15px;
  color: #4F4F4F;
}

/* Ícone padrão (o SVG fornecido) */
.alesco-temp-media .editor-content ul li::before {
  content: "";
  width: 23px;
  height: 23px;
  position: absolute;
  left: 0;
  top: -1px;
  background-repeat: no-repeat;
  background-size: 23px 23px;
  background-position: center;

  /* SVG inline via data URI */
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M13.2422%204.35579L13.0597%204.10023C12.2952%203.03007%2010.7048%203.03007%209.94031%204.10023L9.75785%204.35579C9.35422%204.92081%208.6766%205.22338%207.98649%205.14669L7.17285%205.05629C5.95209%204.92065%204.9206%205.95214%205.05624%207.17289L5.14664%207.98654C5.22333%208.67664%204.92076%209.35426%204.35574%209.75789L4.10018%209.94036C3.03002%2010.7048%203.03002%2012.2953%204.10018%2013.0597L4.35574%2013.2422C4.92076%2013.6458%205.22333%2014.3235%205.14664%2015.0136L5.05624%2015.8272C4.9206%2017.0479%205.95209%2018.0795%207.17285%2017.9438L7.98649%2017.8534C8.6766%2017.7767%209.35422%2018.0793%209.75785%2018.6443L9.94031%2018.8998C10.7048%2019.97%2012.2952%2019.97%2013.0597%2018.8998L13.2422%2018.6443C13.6458%2018.0793%2014.3234%2017.7767%2015.0135%2017.8534L15.8272%2017.9438C17.0479%2018.0795%2018.0794%2017.0479%2017.9437%2015.8272L17.8534%2015.0136C17.7767%2014.3235%2018.0792%2013.6458%2018.6443%2013.2422L18.8998%2013.0597C19.9699%2012.2953%2019.9699%2010.7048%2018.8998%209.94036L18.6443%209.75789C18.0792%209.35426%2017.7767%208.67664%2017.8534%207.98654L17.9437%207.17289C18.0794%205.95214%2017.0479%204.92065%2015.8272%205.05629L15.0135%205.14669C14.3234%205.22338%2013.6458%204.92081%2013.2422%204.35579Z%22%20stroke%3D%22%230C99EB%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.625%2011.5L10.3681%2013.2432C10.4639%2013.339%2010.6194%2013.339%2010.7152%2013.2432L14.375%209.58337%22%20stroke%3D%22%230C99EB%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}

/* Melhorando tipografia dos itens */
.alesco-temp-media .editor-content ul li strong {
  font-weight: 800;
  color: #203246;
}

/* Links no conteúdo */
.alesco-temp-media .editor-content a {
  color: #0c99eb;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* =========================
   Observação (linha + ícone)
   ========================= */

.alesco-temp-media__note {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 2px solid rgba(12, 153, 235, 0.35);
  position: relative;
}

/* se no editor vier só um <p>, mantém padrão do print */
.alesco-temp-media__note p {
  color: #0b64b0;
  font-weight: 600;
}

/* Ícone de "info" antes da observação */
.alesco-temp-media__note::before {
  content: "!";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px !important;
  height: 20px;
  border-radius: 100%;
  border: 2px solid #0462A6;
  color: #0462A6;
  font-weight: 800;
  font-size: 14px;
  line-height: 14px;
  padding-top: 1px;
}

/* Faz o texto alinhar bonito com o ícone */
.alesco-temp-media__note {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: #0461A5;
}

.alesco-temp-media__note > * {
  margin: 0;
}

/* Em caso de vários parágrafos dentro da observação */
.alesco-temp-media__note p + p {
  margin-top: 6px;
}

/* CSS RESPONSIVO GERAL */

@media (max-width: 789px) {
	
	#header {
		display: none;
	}
	
	#hero-home {
        height: auto;
        min-height: 520px;
        padding: 0px 0 80px;
		background-position: left;
    }
	
	.cta-alescofarma,
	.cta-principal {
        display: flex;
        line-height: 1.3;
		justify-content: center;
    }
	
	.bg-gradiente-azul-branco {
    	background: linear-gradient(to bottom, #001B3A 83%, #fff 30%);
	}
	
	.wrapper-depoimentos .owl-stage {
    	padding: 0;
	}
	
	#representantes-home .wrapper-text-equipe {
		padding-left: 0;
		position: relative;
		bottom: 0;
		margin-top: 3rem;
	}
	
	.menu-footer ul li,
	.titutlo-coluna-footer h5,
	.subtitle-footer p,
	.text-footer p,
	.text-copy p,
	.title-newsletter {
		text-align: center;
	}
	
	.contatos-footer {
		margin-top: 40px;
	}
	
	.redes-sociais-footer ul,
	.text-telefone ul {
		justify-content: center;
	}
	
	.copy-footer-wrapper {
		align-items: center;
	}
	
	.separador-footer {
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	.newsletter {
		max-width: 80%;
		margin: auto;
		margin-bottom: 24px;
	}
	
	.logo-alescofarma {
		text-align: center;
		max-width: 80%;
		margin: auto;
		margin-bottom: 40px;
	}
	
	.text-hero {
		padding-top: 0;
	}
	
	.text-historia {
		margin-bottom: 60px;
	}
	
	.img-historia.historia2 img {
		width: 100%;
		margin-bottom: 60px;
	}
	
	#historia .separador {
		margin-top: 0;
		text-align: center;
	}
	
	.slide-timeline {
        height: auto;
        flex-direction: column;
        gap: 48px;
        align-items: center;
        text-align: center;
    }
	
	.timeline-wrapper .owl-prev {
		position: absolute;
		left: 0;
	}
	
	.timeline-wrapper .owl-next {
		position: absolute;
		right: 0;
	}
	
	#historia {
		padding-bottom: 28px;
	}
	
	.text-crescimento {
		margin-bottom: 40px;
	}
	
	#instalacoes .card-depoimento {
		width: 100%;
	}
	
	.img-instalacoes img {
		position: relative;
		bottom: 0;
		right: 0;
		width: 100%;
		z-index: 1;
	}
	
	.title-historia h3 {
		margin-bottom: 48px;
	}
	
	#faq .faq-toggle {
		display: flex;
		align-items: self-start;
		justify-content: space-between;
		gap: 9px;
		cursor: pointer;
		padding: 27px 29px;
		border-radius: 14px;
		color: #0462A6;
		font-weight: 800;
		font-size: 16px;
		line-height: 28px;
		width: 88%;
	}
	
	#faq .faq-search {
		padding: 18px;
	}
	
	.wrapper-text-equipe {
		padding-left: 0;
		position: relative;
		bottom: 0;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	.max-85 {
		max-width: 100%;
	}
	
	.nav-categorias ul {
        gap: 24px;
        flex-wrap: wrap;
        justify-content: center;
        padding: 16px 18px;
    }
	
	.nav-categorias ul li a {
		font-size: 15px; 
	}
	
	.cta-categoria {
		bottom: 85px;
	}
	
	.cta-categoria a {
        width: 100%;
        justify-content: center;
        line-height: 1.3;
    }
	
	.content-right-nacional h4 {
        padding-left: 0;
        text-align: center;
    }
	
	.content-right-nacional ul li {
		color: #4F4F4F;
		font-size: 16px;
		display: flex;
		gap: 5px;
		align-items: flex-start;
		margin-bottom: 18px;
		text-align: left;
		line-height: 23px;
	}
	
	
	
	.alesco-al30-prime__media img {
		height: auto !important;
		display: block !important;
		position: relative !important;
		left: 0 !important;
	}
	
	.alesco-al30-std__media img {
		height: auto !important;
		display: block !important;
		position: relative !important;
		width: 100% !important;
		right: 0 !important;
		top: 0rem !important;
	}
	
	.woocommerce-page img.pdp-gallery__main-img {
		max-width: 100% !important;
		height: 400px !important;
		object-fit: contain;
	}
	
		.mobileonly {
		display: block;
	}
	
	.bar-menumob {
		position: absolute;
		right: 1rem;
	}

	.bar-menumob {
		width: 16px;
		height: 16px;
	}
	
	.headermob {
		display: flex;
		align-items: center;
		justify-content: space-between;
	  }

	 #header-mob {
		position: relative;
		top: 0;
		background-color: #001B3A;
		z-index: 9;
		padding: 1rem 0;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.26);
		}
	
	#menu-mobile {
		width: 90%;
		height: 100vh;
		background-color: #001B3A;
		padding-left: 2rem;
		padding-top: 2rem;
		padding-bottom: 2rem;
		position: absolute;
		top: 0;
		left: -100%;
		transition-property: left;
		transition-duration: 1s;
		z-index: 2;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.26);
		}

  .nav-mob {
    padding-top: 7rem;
  }
	
	.cards-committed {
		flex-direction: column;
	}
	
	.text-choose p {
		width: 100%;
	}
	
	.cards-choose {
		display: flex;
		justify-content: center;
		gap: 1rem;
		flex-direction: column;
		align-items: center;
}

  .nav-mob ul li {
    margin-bottom: 2rem;
  }
	
	#header-mob .redes-sociais-footer ul {
        justify-content: start;
		margin-top: 50px;
    }

  .nav-mob ul li a {
	font-size: 15px;
    font-weight: 400;
	  color: #fff;
  }

  .logo-menu-mobile {
    position: absolute;
    top: 2rem;
	width: 50%;
  }
	.error-404.not-found p, .agradecimento-form p {
    width: 100%; 
	}

  .close-menu-mob {
    position: absolute;
    top: 2rem;
    right: 1.5rem;
  }

  .close-menu-mob button {
    border: none;
    background: unset;
  }

	.close-menu-mob button  svg {
		width: 12px;
		height: 16px;
	}
	
	.logo-menumob img {
		width: 190px;
	}
	
	.bar-menumob img {
		width: 20px;
	}
	
	#menu-mobile .social-media ul {
		justify-content: left;
        flex-direction: row;
        gap: 20px
	}
	
	.catalog-panels .panel-hero-79 .panel-hero__title::after {
		content: "";
		position: absolute;
		right: -110px;
		top: -3px;
		background-image: url(../imgs/elementos/logo-prime.png);
		width: 95px;
		height: 34px;
		background-size: contain;
		background-repeat: no-repeat;
	}
	
	.catalog-panels .panel-hero-81 .panel-hero__title::after {
		content: "";
		position: absolute;
		right: -110px;
		top: 0;
		background-image: url(../imgs/elementos/logo-std.png);
		width: 98px;
		height: 26px;
		background-size: contain;
		background-repeat: no-repeat;
	}
	
	.woocommerce.produto-aln .panel-hero__beneficios:after {
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		height: 25px;
		top: -1rem;
		background-size: contain;
		background-repeat: no-repeat;
	}
	
	.woocommerce.produto-alp .panel-hero__beneficios:after {
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		height: 25px;
		top: -1rem;
		background-size: contain;
	}
	
	.alesco-alp-positive__photo img {
		position: relative;
		right: 0;
		top: 0;
		max-width: 105%;
	}
	
	.alesco-alp-positive__photo img {
		position: relative;
		right: 0;
		top: 0;
		max-width: 105%;
	}
	
	.img-ventilife,
	.img-ventilife img {
    	width: 100% !important;
 }
	
	
	.postid-118.woocommerce .panel-hero__beneficios:after {
		width: 100%;
		background-size: contain;
	}


	.postid-106.woocommerce .panel-hero__beneficios:after {
		width: 100%;
		background-size: contain;
	}
	
	/* Base */
.medidas__wrap { overflow: visible; }
.medidas__table { width: 100%; border-collapse: collapse; }
.medidas__table th, .medidas__table td { padding: 12px 14px; vertical-align: top; }
.medidas__table thead th { text-align: left; }

/* Mobile: transforma em cards */
@media (max-width: 768px) {
  .medidas__table thead {
    display: none; /* some o header */
  }

  .medidas__table,
  .medidas__table tbody,
  .medidas__table tr,
  .medidas__table td {
    display: block;
    width: 100%;
  }

  .medidas__table tr {
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 12px;
    padding: 10px;
    margin-bottom: 12px;
  }

  .medidas__table td {
    border: 0;
    padding: 10px 8px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: baseline;
  }

  /* rótulo (vem do data-label que vamos inserir via JS/PHP) */
  .medidas__table td::before {
    content: attr(data-label);
    font-weight: 600;
    opacity: .8;
    flex: 0 0 45%;
    max-width: 45%;
  }

  /* valor */
  .medidas__table td {
    flex-wrap: wrap;
  }

  /* primeira coluna (nome/modelo) pode ocupar tudo e ficar no topo */
  .medidas__table td:first-child {
    display: block;
    padding-bottom: 12px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(0,0,0,.06);
  }
  .medidas__table td:first-child::before {
    content: "";
    display: none;
  }
}

	
}

/* Mobile: transforma a tabela em cards empilhados com labels */
@media (max-width: 768px) {
  .medidas {
    width: 100%;
    padding: 28px 16px;
    border-radius: 24px;
  }

  .medidas__wrap {
    overflow: visible;
  }

  .medidas__table {
    border-spacing: 0 14px; /* espaço entre os cards */
  }

  /* Esconde o header no mobile */
  .medidas__table thead {
    display: none;
  }

  /* Cada linha vira um "card" */
  .medidas__table tbody tr {
    display: block;
  }

  /* Cada célula vira uma linha do card */
  .medidas__table tbody td {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;

    text-align: right;
    padding: 14px 16px;
    border-left: 1px solid #004872;
    border-right: 1px solid #004872;
    border-top: 0;
    border-bottom: 1px solid #004872;
    border-radius: 0;
    font-size: 12px; /* melhora leitura no mobile */
    line-height: 1.35;
  }

  /* Label (nome da coluna) vindo do data-label */
  .medidas__table tbody td::before {
    content: attr(data-label);
    flex: 1;
    text-align: left;

    color: #0C99EB;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.2;
    opacity: .95;
  }

  /* Primeira célula do card: título do modelo */
  .medidas__table tbody td:first-child {
    border-top: 1px solid #004872;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    justify-content: flex-start;
    text-align: center;
    margin-bottom: 0;
    padding: 20px;
  }

  /* No "Modelo/Equipamento" eu recomendo esconder o label porque já fica óbvio */
  .medidas__table tbody td:first-child::before {
    content: "";
    display: none;
  }

  /* Última célula do card: fecha o radius inferior */
  .medidas__table tbody td:last-child {
    border-bottom: 1px solid #004872;
  }

  .nome-produto-tabela-modelo {
    font-size: 14px;
    line-height: 1.2;
  }

  /* Notice também ajusta */
  .medidas__notice {
    margin-top: 24px;
    padding: 0 6px;
    text-align: left;
  }

  .medidas__notice-text {
    font-size: 12px;
    line-height: 1.25;
  }
	
	.pdp-related__carousel .owl-stage-outer {
		padding: 0;
		position: relative;
		right: 0;
	}
	

}