/* =================================================================== */
/*  CSS Personalizado // Plataforma Webstudio                          */
/*  FLUD - flud.ca                                                     */
/*                                                                     */
/*  Este arquivo tem duas partes:                                      */
/*   1) BLOCO FLUD (daqui ate o banner "FIM DO BLOCO FLUD")            */
/*   2) CSS padrao da plataforma, sem alteracao                        */
/*                                                                     */
/*  O bloco Flud substitui o bloco base do template padrao             */
/*  (:root rosa, *, html/body, body+input Poppins, body,td 12px) -     */
/*  esses eram do template de e-commerce e conflitavam com o layout    */
/*  da landing. Tudo a partir da regra "label" e o CSS original.         */
/*                                                                     */
/*  A fonte Inter e carregada por <link> no index.php (mais rapido     */
/*  que o @import que ficava aqui).                                    */
/* =================================================================== */

:root {
  /* Marca Flud - mesmo azul usado nos paineis do produto (#006FFD). */
  --blue: #006ffd;
  --blue-dark: #0057c8;
  --blue-600: #0062e0;
  --blue-pale: #e8f1ff;
  --blue-100: #d6e6ff;

  --navy: #0f1c2e;
  --navy-soft: #16273d;
  --slate: #1e293b;

  --amber: #f59e0b;
  --amber-pale: #fef3c7;
  --cyan: #0891b2;
  --cyan-pale: #cffafe;
  --green: #16a34a;
  --green-pale: #dcfce7;

  --white: #ffffff;
  --off-white: #f8fafc;
  --gray: #f1f5f9;
  --line: #e2e8f0;
  --text: #334155;
  --text-light: #64748b;
  --text-dark: #0f172a;

  --radius: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(15, 28, 46, 0.06);
  --shadow: 0 10px 30px rgba(15, 28, 46, 0.08);
  --shadow-lg: 0 24px 60px rgba(15, 28, 46, 0.14);
  --shadow-blue: 0 14px 34px rgba(0, 111, 253, 0.28);

  --maxw: 1200px;

  /* WS - variaveis usadas pelo CSS padrao da plataforma logo abaixo.
     Precisam continuar existindo, so mudam de valor. */
  --color1: var(--blue);
  --color2: var(--navy);
  --color3: var(--cyan);
  --color4: var(--amber);
  --color5: #79c7c4;
  --color6: #42a5f5;
  --color7: #ab47bc;
  --color8: #ec407a;
  --color9: #ff7043;
  --color10: #ffa726;
  --color-black: #000;
  --color-gray: #666;
  --color-white: #fff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  scroll-behavior: smooth;
}

body,
input,
select,
textarea,
button {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body {
  font-size: 16px;
  background: var(--white);
  color: var(--text);
  overflow-x: hidden;
  line-height: 1.6;
}

img {
  max-width: 100%;
  display: block;
}

.wrap {
  width: 100%;
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 1.5rem;
}

/* -- Icones SVG --------------------------------------------------- */
.ico {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
}

/* -- NAV ----------------------------------------------------------- */
.site-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
  animation: slideDown 0.6s ease both;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.nav-inner {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 1.5rem;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.nav-logo {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  text-decoration: none;
  flex: none;
}

.nav-logo img {
  height: 40px;
  width: auto;
}

.nav-logo .brand-name {
  font-weight: 800;
  font-size: 1.3rem;
  letter-spacing: -0.02em;
  color: var(--navy);
}

.nav-logo .brand-sub {
  display: block;
  font-weight: 600;
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-light);
  line-height: 1.2;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 2rem;
  list-style: none;
  margin: 0;
}

.nav-links a {
  color: var(--text);
  font-weight: 500;
  text-decoration: none;
  font-size: 0.98rem;
  transition: color 0.2s ease;
}

.nav-links a:hover {
  color: var(--blue);
  text-decoration: none;
}

.nav-actions {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex: none;
}

.nav-login {
  color: var(--text);
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease;
}

.nav-login:hover {
  color: var(--blue);
  text-decoration: none;
}

.nav-cta {
  background: var(--blue);
  color: var(--white);
  padding: 0.7rem 1.5rem;
  border-radius: var(--radius-pill);
  font-weight: 600;
  text-decoration: none;
  box-shadow: var(--shadow-blue);
  transition: background 0.2s ease, transform 0.2s ease;
  white-space: nowrap;
}

.nav-cta:hover {
  background: var(--blue-dark);
  color: var(--white);
  text-decoration: none;
  transform: translateY(-1px);
}

.nav-toggle {
  display: none;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0.5rem;
  color: var(--navy);
  font-size: 1.5rem;
  line-height: 1;
}

/* -- BOTOES -------------------------------------------------------- */
.lgpd-alerta .bt,
.btn-primary,
.btn-secondary,
.btn-white,
.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 1rem 2rem;
  border-radius: var(--radius-pill);
  font-weight: 700;
  font-size: 1.05rem;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.25s ease;
}

.btn-primary {
  background: var(--blue);
  color: var(--white);
  box-shadow: var(--shadow-blue);
}

.btn-primary:hover {
  background: var(--blue-dark);
  color: var(--white);
  text-decoration: none;
  transform: translateY(-2px);
}

.btn-primary .ico {
  transition: transform 0.25s ease;
}

.btn-primary:hover .ico {
  transform: translateX(4px);
}

.btn-secondary {
  background: var(--white);
  color: var(--slate);
  border-color: var(--line);
}

.btn-secondary:hover {
  background: var(--off-white);
  color: var(--slate);
  text-decoration: none;
  transform: translateY(-2px);
}

.btn-secondary .ico {
  color: var(--blue);
}

.btn-white {
  background: var(--white);
  color: var(--blue);
}

.btn-white:hover {
  background: var(--blue-pale);
  color: var(--blue-dark);
  text-decoration: none;
  transform: translateY(-2px);
}

.btn-ghost {
  background: transparent;
  color: var(--white);
  text-decoration: underline;
  text-underline-offset: 5px;
  font-weight: 500;
  padding: 1rem 0.5rem;
}

.btn-ghost:hover {
  color: var(--blue-100);
  text-decoration: underline;
}

/* -- HERO ---------------------------------------------------------- */
.hero {
  padding: 9.5rem 0 6rem;
  background: linear-gradient(135deg, #f6f9ff 0%, #eef3fa 100%);
  overflow: hidden;
  position: relative;
}

.hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.5rem;
  align-items: center;
}

.hero-content {
  position: relative;
  z-index: 2;
}

.hero-badge {
  display: inline-block;
  background: var(--blue-100);
  color: var(--blue-dark);
  font-weight: 600;
  font-size: 0.85rem;
  padding: 0.45rem 1.1rem;
  border-radius: var(--radius-pill);
  margin-bottom: 1.5rem;
}

.hero h1 {
  font-size: clamp(2.4rem, 5vw, 3.75rem);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--navy);
  margin-bottom: 1.4rem;
}

.hero h1 .accent {
  color: var(--blue);
}

.hero-lead {
  font-size: 1.2rem;
  color: var(--text-light);
  max-width: 34rem;
  margin-bottom: 2.2rem;
}

.hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.hero-visual {
  position: relative;
}

.hero-visual::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 120%;
  transform: translate(-50%, -50%);
  background: rgba(0, 111, 253, 0.18);
  border-radius: 50%;
  filter: blur(80px);
  z-index: 0;
}

.hero-photo {
  position: relative;
  z-index: 1;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  transition: transform 0.5s ease;
}

.hero-photo:hover {
  transform: translateY(-8px);
}

.hero-photo img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.float-card {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.85rem;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 0.85rem 1.1rem;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.float-card.top {
  top: 1.5rem;
  right: 1.5rem;
  animation: floaty 3.5s ease-in-out infinite;
}

.float-card.bottom {
  bottom: 1.5rem;
  left: 1.5rem;
	animation: floaty 3.5s ease-in-out infinite;
}

@keyframes floaty {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

.float-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex: none;
}

.float-icon-top {
  background: var(--blue-100);
  color: var(--blue-dark);
}

.float-icon-bottom {
  background: var(--amber-pale);
  color: #b45309;
}

.float-label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-light);
}

.float-value {
  font-weight: 700;
  color: var(--navy);
  font-size: 0.95rem;
}

/* -- SECOES GENERICAS ---------------------------------------------- */
.section {
  padding: 6rem 0;
}

.section.alt {
  background: var(--off-white);
}

.section-head {
  text-align: center;
  max-width: 46rem;
  margin: 0 auto 3.5rem;
}

.section-title {
  font-size: clamp(1.9rem, 3.4vw, 2.5rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--navy);
  line-height: 1.2;
  margin-bottom: 1rem;
}
.section-title.blue {
	color: var(--blue);
}

.section-sub {
  font-size: 1.1rem;
  color: var(--text-light);
}

/* -- BENEFICIOS ---------------------------------------------------- */
.benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.75rem;
}

.benefit-card {
  background: var(--off-white);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 2rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.benefit-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow);
}

.benefit-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

.benefit-icon.water {
  background: var(--blue-100);
  color: var(--blue-dark);
}

.benefit-icon.ice {
  background: var(--cyan-pale);
  color: var(--cyan);
}

.benefit-icon.mould {
  background: var(--green-pale);
  color: var(--green);
}

.benefit-icon.roof {
  background: var(--amber-pale);
  color: #b45309;
}

.benefit-card h3, .internas h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 0.75rem;
}

.benefit-card p {
  color: var(--text-light);
  margin-bottom: 1.1rem;
}

.link-more {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--blue);
  font-weight: 600;
  text-decoration: none;
  font-size: 0.95rem;
}

.link-more:hover {
  color: var(--blue-dark);
  text-decoration: none;
}

.link-more .ico {
  width: 0.8em;
  height: 0.8em;
  transition: transform 0.2s ease;
}

.link-more:hover .ico {
  transform: translateX(3px);
}

/* -- PLANOS -------------------------------------------------------- */
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  max-width: 1080px;
  margin: 0 auto;
  align-items: start;
}

.plan {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 2.25rem;
  box-shadow: var(--shadow-sm);
  transition: box-shadow 0.3s ease;
}

.plan:hover {
  box-shadow: var(--shadow);
}

.plan.featured {
  background: var(--blue);
  border-color: var(--blue);
  box-shadow: 0 24px 60px rgba(0, 111, 253, 0.3);
  transform: translateY(-1.5rem);
}

.plan-badge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--amber);
  color: #422006;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.35rem 0.9rem;
  border-radius: var(--radius-pill);
  white-space: nowrap;
}

.plan h3 {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--navy);
  margin-bottom: 0.4rem;
}

.plan-for {
  color: var(--text-light);
  margin-bottom: 1.5rem;
}

.plan-price {
  margin-bottom: 1.75rem;
  color: var(--navy);
}

.plan-price .amount {
  font-size: 2.6rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.plan-price .cents {
  font-size: 1.25rem;
  font-weight: 800;
}

.plan-price .per {
  color: var(--text-light);
  font-weight: 500;
}

.plan-features {
  list-style: none;
  margin: 0 0 2rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.plan-features li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  color: var(--text);
}

.plan-features .ico {
  color: var(--green);
  margin-top: 0.3rem;
  width: 1.05em;
  height: 1.05em;
}

.plan-cta {
  display: block;
  text-align: center;
  padding: 0.9rem 1.25rem;
  border-radius: 14px;
  font-weight: 700;
  text-decoration: none;
  background: var(--gray);
  color: var(--slate);
  transition: background 0.2s ease;
}

.plan-cta:hover {
  background: var(--line);
  color: var(--slate);
  text-decoration: none;
}

/* Plano destacado - inversao de cores */
.plan.featured h3,
.plan.featured .plan-price {
  color: var(--white);
}

.plan.featured .plan-for,
.plan.featured .plan-price .per {
  color: var(--blue-100);
}

.plan.featured .plan-features li {
  color: #eff6ff;
}

.plan.featured .plan-features .ico {
  color: #93c5fd;
}

.plan.featured .plan-cta {
  background: var(--white);
  color: var(--blue);
  box-shadow: var(--shadow);
}

.plan.featured .plan-cta:hover {
  background: var(--blue-pale);
  color: var(--blue-dark);
}

.pricing-note {
  text-align: center;
  color: var(--text-light);
  font-size: 0.95rem;
  margin-top: 2.5rem;
}

/* -- DEPOIMENTOS --------------------------------------------------- */
.stars {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  color: var(--amber);
  font-size: 1.3rem;
  margin-bottom: 0.9rem;
}

.reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.review {
  position: relative;
  background: var(--off-white);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 2rem;
}

.review .quote-mark {
  position: absolute;
  top: 1.1rem;
  left: 1.4rem;
  font-size: 4rem;
  line-height: 1;
  color: var(--line);
  font-family: Georgia, serif;
  z-index: 0;
}

/* Filho direto: o italico nao pode vazar para o nome/cargo do autor. */
.review > p {
  position: relative;
  z-index: 1;
  font-style: italic;
  color: var(--text);
  margin-bottom: 1.75rem;
}

.review-author {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--blue-100);
  color: var(--blue-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  flex: none;
}

.review-name {
  font-weight: 700;
  font-style: normal;
  color: var(--navy);
}

.review-role {
  font-size: 0.88rem;
  font-style: normal;
  color: var(--text-light);
}

/* BRANDS ----------------------------------------------------- */
/* flex-wrap e obrigatorio aqui: sem ele os 5 logos de 100px somam 500px
   numa linha so e estouram a largura da pagina inteira no mobile. */
.brands-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.75rem 3rem;
}

.brands-grid .brand {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
  min-width: 0;
}

.brands-grid .brand img {
  filter: grayscale(1);
  max-height: 30px;
  max-width: 100px;
  width: auto;
  height: auto;
}

/* -- FAIXA CTA / GARANTIA ------------------------------------------ */
.cta-band {
  position: relative;
  overflow: hidden;
  background: var(--navy);
  padding: 5.5rem 0;
  text-align: center;
}

.cta-band .blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.45;
}

.cta-band .blob-1 {
  top: -120px;
  right: -80px;
  width: 320px;
  height: 320px;
  background: var(--blue);
}

.cta-band .blob-2 {
  bottom: -140px;
  left: -100px;
  width: 380px;
  height: 380px;
  background: #1d4ed8;
}

.cta-inner {
  position: relative;
  z-index: 1;
  max-width: 46rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.cta-shield {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2rem;
  font-size: 2rem;
}

body.interna #conteudo h1 {
  font-size: clamp(2.5rem, 4.5vw, 3.5rem);
  font-weight: 800;
  color: var(--blue);
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 1.25rem;
}

.cta-band h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  color: var(--white);
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 1.25rem;
}

.cta-band p {
  font-size: 1.15rem;
  color: var(--blue-100);
  margin-bottom: 2.5rem;
}

.cta-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

/* -- RODAPE -------------------------------------------------------- */
.site-footer {
  background: #0b1524;
  padding: 4.5rem 0 2rem;
}

.footer-top {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.4fr;
  gap: 2.5rem;
  padding-bottom: 3rem;
}

.footer-brand .brand-row {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 1.25rem;
}

.footer-brand img {
  height: 34px;
  width: auto;
}

.footer-brand .brand-name {
  font-weight: 800;
  font-size: 1.2rem;
  color: var(--white);
  letter-spacing: -0.02em;
}

.footer-brand p {
  color: #94a3b8;
  max-width: 22rem;
  margin-bottom: 1.5rem;
}

.social {
  display: flex;
  gap: 1rem;
}

.social a {
  color: #94a3b8;
  font-size: 1.15rem;
  display: inline-flex;
  transition: color 0.2s ease;
}

.social a:hover {
  color: var(--white);
  text-decoration: none;
}

.footer-col h5 {
  color: var(--white);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 1.15rem;
}

.footer-col ul {
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.footer-col li {
  color: #94a3b8;
}

.footer-col a {
  color: #94a3b8;
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-col a:hover {
  color: var(--white);
  text-decoration: none;
}

/* Pronto para quando a plataforma expuser o modulo de newsletter. */
.newsletter p {
  color: #94a3b8;
  font-size: 0.92rem;
  margin-bottom: 1rem;
}

.newsletter form {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.newsletter input[type='email'] {
  background: #16273d;
  border: 1px solid #24384f;
  color: var(--white);
  padding: 0.7rem 1rem;
  border-radius: 12px;
  font: inherit;
  font-size: 0.95rem;
  width: 100%;
}

.newsletter input[type='email']::placeholder {
  color: #64748b;
}

.newsletter input[type='email']:focus {
  outline: none;
  border-color: var(--blue);
}

.newsletter button {
  background: var(--blue);
  color: var(--white);
  border: 0;
  padding: 0.7rem 1rem;
  border-radius: 12px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}

.newsletter button:hover {
  background: var(--blue-dark);
}

.footer-bottom {
  border-top: 1px solid #1e293b;
  padding-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  color: #64748b;
  font-size: 0.9rem;
}

.footer-bottom a {
  color: #64748b;
  text-decoration: none;
}

.footer-bottom a:hover {
  color: #94a3b8;
  text-decoration: none;
}

/* -- REVEAL ON SCROLL ---------------------------------------------- */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .reveal,
  .reveal.visible {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .float-card.top {
    animation: none;
  }
  html {
    scroll-behavior: auto;
  }
}

/* Compensa a nav fixa quando um link ancora leva a uma secao. */
section[id] {
  scroll-margin-top: 92px;
}

/* -- RESPONSIVO ---------------------------------------------------- */
@media (max-width: 1024px) {
  .benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }
	.review {
		width: 100%;
	}	
	.brands-grid {
			flex-direction: column;
	}	
	.brands-grid .brand {
    padding-bottom: 2em;
	}
  .footer-top {
    grid-template-columns: 1fr 1fr;
  }
  .footer-brand {
    grid-column: 1 / -1;
  }
  .plan.featured {
    transform: none;
  }
}

@media (max-width: 900px) {
  .nav-links,
  .nav-actions .nav-login {
    display: none;
  }
  .nav-toggle {
    display: block;
  }
  .site-nav.open .nav-links {
    display: flex;
    position: absolute;
    top: 78px;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background: var(--white);
    border-bottom: 1px solid var(--line);
    box-shadow: var(--shadow);
    padding: 0.5rem 1.5rem 1.25rem;
  }
  .site-nav.open .nav-links li {
    border-top: 1px solid var(--line);
  }
  .site-nav.open .nav-links a {
    display: block;
    padding: 0.9rem 0;
  }
  .hero-inner {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  .hero-lead {
    max-width: none;
  }
  .hero-photo img {
    height: 380px;
  }
  .pricing-grid,
  .reviews-grid {
    grid-template-columns: 1fr;
    max-width: 460px;
  }
  .reviews-grid {
    max-width: 560px;
  }
}

@media (max-width: 640px) {
  .hero {
    padding: 7.5rem 0 4rem;
  }
  .section {
    padding: 4rem 0;
  }
  .benefits-grid {
    grid-template-columns: 1fr;
  }
  .footer-top {
    grid-template-columns: 1fr;
  }
  .hero-buttons .btn-primary,
  .hero-buttons .btn-secondary,
  .cta-buttons .btn-primary {
    width: 100%;
  }
  .float-card {
    padding: 0.7rem 0.85rem;
  }
  .float-card.top {
    top: 1rem;
    right: 1rem;
  }
  .float-card.bottom {
    bottom: 1rem;
    left: 1rem;
  }
  .nav-logo .brand-sub {
    display: none;
  }
  /* Logo + CTA + hamburguer ocupavam 363px numa viewport de 360px: a
     margem direita colapsava e o toggle encostava na borda. */
  .nav-inner {
    padding: 0 1rem;
    gap: 0.75rem;
    height: 68px;
  }
  .nav-actions {
    gap: 0.5rem;
  }
  .nav-cta {
    padding: 0.6rem 1.1rem;
    font-size: 0.92rem;
  }
  .nav-logo img {
    height: 34px;
  }
  .site-nav.open .nav-links {
    top: 68px;
    padding: 0.5rem 1rem 1.25rem;
  }
  .brands-grid {
    gap: 1.5rem 2rem;
  }
  .brands-grid .brand img {
    max-width: 88px;
  }
}

/* Telas bem estreitas (iPhone SE e similares). */
@media (max-width: 380px) {
  .nav-cta {
    padding: 0.55rem 0.9rem;
    font-size: 0.86rem;
  }
  .nav-logo img {
    height: 30px;
  }
  .brands-grid {
    gap: 1.25rem 1.75rem;
  }
  .brands-grid .brand img {
    max-width: 78px;
  }
}

/* =================================================================== */
/*  FIM DO BLOCO FLUD - abaixo, CSS padrao da plataforma Webstudio     */
/*  (copiado sem alteracao a partir da regra "label" do arquivo original)*/
/* =================================================================== */

label{
	font-weight:bold;
	font-size:12px;
	color:#666;
	display:inline-block;
	width:200px;
	padding:2px;
	margin:0;
}
fieldset{
	padding:10px;
}
legend{
	text-transform:uppercase;
	padding:4px;
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin:0;
}
	legend.aviso{
		color:#ff0000;	
	}

/* Links */
a{
	color:#333;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;		
}
a:hover{
	color:#000;
	text-decoration:underline;
}
/* ----------------------------------------------------------------------------------- */


/* ------------------------------------------------------- */
/* CONTE�DO DAS P�GINAS */
	#conteudo .titulo, #titulo, h1, h2, h3, h4{
		margin:0px;
		font-weight:normal;
	}
	h1.linha,
	h2.linha,
	h3.linha,
	h4.linha{
		border-bottom:1px solid #CCC;
		margin-bottom:10px;	
	}
	#conteudo .descricao{
		font-size:11px;	
	}
	#conteudo .texto{
		display:block;
		clear:both;	
	}
	
	/* Link bot�o voltar */
	#conteudo #box_voltar{
		display:none;
		clear:both;	
		margin-top:15px;		
	}

/* LISTAGEM DE PAGINAS DE SE��O */		
#secao_paginas{
	margin:0px;
	padding:0px;
	list-style:none;
	width:100%;
}

/* Colaboradores */
.colab {
    position: absolute;
    bottom: 20px;
    width: 40px;
    border-radius: 60px;
    display: block;
    height: 40px;
    overflow: hidden;
    right: 20px;
    box-shadow: 0px 0px 10px #000;
    border: 1px solid var(--color-white)fff0f;
}
	.colab img {
		height: 100%!important;
		width: auto!important;
	}

/* RESUMO DE P�GINA */				
.paginas_resumo{
	margin:0px;
	padding:0px;
	width:100%;
	clear:both;
}
	/* Corpo */
	.paginas_resumo p.resumo{
		width:100%;
		text-align:justify;
		margin:0px;
		padding:0px;
		margin-bottom:5px;		
	}	
	
	/* Links */
	.paginas_resumo a{
		text-align:right;	
	}

	/* Imagens */
	.paginas_resumo .imagem {
		float:left;	
		margin-right:10px;
	}
	.paginas_resumo .imagem img{
		width:250px;
		border:8px solid #d0903f;		
		display:block;
		margin:0px;
	}
		.paginas_resumo .imagem a{
			border:0px;	
			margin:0px;
			padding:0px;
			background:Transparent;
		}
		.paginas_resumo .imagem a:hover{
			border:0px;	
			margin:0px;
			padding:0px;
			background:Transparent;
		}	
		
.secao_titulo_outras{
	display:block;
	clear:both;
	margin-top:20px;
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
	margin-bottom:5px;
}
#secao{
	margin:0px;
	padding:0px;
	list-style:none;
}
	#secao .imagem{
		display:none;	
	}
/* ------------------------------------------------------- */

/* ------------------------------------------------------- */		
/* Mensagem do site */
h1#mensagem{
	border:1px solid #000000;
	background-color:var(--color-white)fff;	
	width:100%;
	padding:10px;
	text-align:center;
	color:#000000;
}
/* ------------------------------------------------------- */

/* ------------------------------------------------------- */	
/* MENU */
#menu{
	padding:0px;
	margin:0px;
}
#menu ol{
	list-style:none;
	margin:0px;	
	padding:0px;
}
#menu ol li{
	list-style:none;
	margin:0px;
}
/* Se��o */
#secao{
	margin:0px;
	padding:0px;
	list-style:none;
}
#secao li{
	padding-top:5px;
}
.secao_titulo_outras{
	margin-top:20px;
	font-weight:bold;
	font-size:14px;
	color:#000000;
}

/* MENU COM SUBMENU */ 
#menu .menu_submenu{
	height:25px;
	margin:0 auto;
	padding:0;
	list-style:none;
	text-align:center;
}
	#menu .menu_submenu ul{
		text-align:center;
		margin:0 auto; 
		padding:0;
		list-style:none;
	} 
		#menu .menu_submenu ul li ul {
			text-align: left;
			margin: 0;
			padding: 0;
			list-style: none;
			width: 180px;
			border-bottom: 1px solid #42AF77;
		}
	#menu .menu_submenu ul li
	{
		margin:0; 
		padding:0;
		list-style:none;
		margin-right:4px;
		text-align:left;
	}
	#menu .menu_submenu ul li{
		float:left;
		display:block;
	}

	#menu .menu_submenu ul li ul li{
		float:none;
		display:block;
		margin:0;
		padding:0px;
		text-align:left;
		height:auto;
	}
	#menu .menu_submenu ul li ul li a, #menu .menu_submenu ul li ul li a:visited {
		width: 145px;
		text-align: left;
		text-transform: none;
		font-size: 12px;
		background: #2058A8;
		color: var(--color-white);
		letter-spacing: 0;
		padding: 5px;
		padding-left: 30px;
		transition: 0.5s;
	}
	#menu .menu_submenu ul li ul li a:hover {
		background: #2058A8;
		color: var(--color-white)FFF;
		font-size: 12px;
		padding-left: 30px;
		width: 145px;
	}
		
	#menu .submenu {
		width:160px;
		background:#d8bd15;
		padding:10px;
		z-index:1000;
		display:none;
		text-align:left;
		border:1px solid #bfa708;
	}

/* Menu dropdown */
.menu:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
	/* Submenu */
	#menu .submenu{
		border: 0;
		z-index:100;
		width: 200px;
		margin:0;
		background:#2058A8;		
	}
	#menu .submenu a, #menu .submenu a:visited{
		width:100%;
		display:block;
		border:0px;	
		padding:10px;
		margin:0px;
		text-align:left;		
		font-size:11px;
	}
	#menu .submenu a:hover{
		text-align:left;		
	}
		
 /*IE only hack*/
* html .submenu a	{	width: 100%; 	}

/* ---------------------------------------------------------------- */
/* MENU DROP-DOWN */
/* ---------------------------------------------------------------- */
#nav {
	padding:0; 
	margin:0; 
	list-style:none; 
	height:35px; 
	position:relative; 
	z-index:500; 
}
#nav li.top {
	display:block; 
	float:left; 
	padding-top: 10px;
	height:30px;
}
	#nav li a.top_link {
		display:block; 
		float:left; 
		height:30px; 
		line-height:29px; 
		color:var(--color-white); 
		text-decoration:none; 
		font-size:18px; 
		padding:0; 
		cursor:pointer;
		letter-spacing:-1px;
	}
	#nav li a.publique{
		font-size:22px;	
	}
	#nav li a.top_link span {
		float:left; 
		display:block; 
		padding:5px 24px 0 20px;
		height:30px;
		background: right top;
	}
	#nav li a.top_link span.down {
		float:left; 
		display:block; 
		padding:5px 24px 0 20px; 
		height:35px; 
		background:url(/site/img/arrow_over.png) no-repeat right;
		border-right:10px solid Transparent;
	}
	#nav li a.top_link:hover {
		color:var(--color-white); 
		background: no-repeat;
	}
		#nav li a.top_link:hover span {
			background: no-repeat right top;
		}
		#nav li a.top_link:hover span.down {
			background: no-repeat right top;
		}

#nav li:hover > a.top_link {
	color:var(--color-white); 
	background: no-repeat;
}
#nav li:hover > a.top_link span {
	background: no-repeat right top;
}
#nav li:hover > a.top_link span.down {
	background:#f06139 url(/site/img/arrow_over.png) no-repeat right;
}

/* Default list styling */
#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub{
	left:0; 
	top:35px; 
	background:var(--color1);; 
	padding:10px; 
	border:0; 
	white-space:nowrap; 
	height:auto; 
	z-index:300;
	min-width:180px;
	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#nav li:hover ul.meu_painel{
	width:100px;	
}
	#nav li:hover ul.sub li{
		display:block;  
		float:left; 
		font-weight:normal;
		width:150px;
	}
	#nav li:hover ul.meu_painel li{
		width:100%;	
	}
	#nav li:hover ul.sub li a{
		display:block; 
		font-size:11px; 
		width:90px;  
		color:var(--color-white); 
		text-decoration:none;
		font-weight:normal;
	}
	#nav li:hover ul.sub li a:hover{
		color:var(--color1);;
		text-decoration:underline;
		font-weight:normal;
	}
	
/* Menu Padr�o */
#nav_main{
  display: flex;
  align-items: center;
  justify-content: space-around;
	font-size:1.6em;
	padding: 10px 0px;
	text-align: center;
	-webkit-transition: all 0.5s cubic-bezier(0, 0, 0, 1.0);
	transition: all 0.5s cubic-bezier(0, 0, 0, 1.0);		
  margin-bottom: 3em;
}
#nav_main div {
  width: 60%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: inherit;
}
	#nav_main a{
		color:var(--color-black);
		text-decoration: none;
	}
	#nav_main a:hover{
		color:var(--color1);
		text-decoration: none;
	}

/* Menu Mobile */
#menu_mobile{
	display: none;
	width: 40px;
	height: 50px;
	text-align: center;
	padding: 10px;
	position: fixed;
	top: 15px;
	right: 15px;
	border-radius:5px;
	z-index: 99999999;
	cursor:pointer;
}	
	#menu_mobile span{
		display:block;
		height:5px;
		background-color:var(--color1);
    opacity: 0.8;	
		margin-top:3px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;	    
	}
	#menu_mobile span:first-child{
		margin:0;	
	}	
	#menu_mobile:hover span {
    background: #fbcd24;
	}	
  /* Twist to quit */
  #menu_mobile.show span:first-child {
    transform: rotate(45deg);
    display: block;
  } 
  #menu_mobile.show span:last-child {
    transform: rotate(140deg);
    margin-top: -5px;
    display: block;
  }    
  #menu_mobile.show span {
    display: none;
    margin-top: 15px;
  }   

/* ---------------------------------------------------------------- */


/* ------------------------------------------------------- */		

/* ------------------------------------------------------- */			
/* GALERIA DE FOTOS */
#galeria{
	display:block;
	height:auto;
	width:100%;
}
.galeria_geral{
	margin:5px;
	width:115px;
	height:110px;
	text-align:center;
	border:1px solid #e0e0e0;
	float:left;	
}
.galeria_foto{
	background-color:var(--color-white)fff;	
}
.galeria_foto img{
	width:80px;
	height:65px;
}
.galeria_bt_ampliar{
	background-color:#f0f0f0;
	padding:4px;
	color:var(--color-white)fff;
	text-align:center;
	font-size:11px;
}
/* GALERIA DE TUMBS - HOME */
#galeria_tumbs{ text-align:center }
#galeria_tumbs img{
	border:3px solid #c0c0c0;
	width:100px;
	margin:5px;
}

/* ------------------------------------------------------- */	
/* Lightbox */
#galeria_lightbox {
	padding: 0px;
	margin:0 auto;
	text-align:left;
	width: 100%;
}
	#galeria_lightbox ul 		{ 
		list-style: none;
		margin:0;
		padding:0; 
		text-align:left;
	}
		#galeria_lightbox ul li 	{ 
			display:inline-block;
			overflow:hidden;
			width:100px;
			height:80px;
			border:1px solid #f0f0f0;						
		}
		#galeria_lightbox ul li:hover { 
			border:1px solid #000;
		}		
			#galeria_lightbox ul a{
				text-decoration:none;	
				display:inline-block;
				width:100%;
				height:100%;				
				margin:0px;
				overflow:hidden;
			}
				#galeria_lightbox ul a img 	{
					border:0px;
					width:120%;
				}
/* Configura��es Lightbox */
#jquery-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: var(--color-white);
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: relative;
	top: 10%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: var(--color-white);
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* ------------------------------------------------------- */		

/* ------------------------------------------------------- */		
/* LOGIN E CADASTRO DE USUARIOS */
#login_usuario,
#cadastro_usuario 
{
    border: 3px solid #f0f0f0;
    width: 380px;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
}
#login_usuario {
    border: 4px solid #e0e0e0;
    width: 70%;
    padding: 40px;
}
#cadastro_usuario {
	width: 100%;
	border:0px;
}
.cadastro_dados, 
.cadastro_endereco {
    width: 50%;
    margin-right: 0px;
    display: inline-block;
}
	.cadastro_rodape {
		float: left;
		display: block;
		width: 100%;
	}
	.cadastro_dados_area,
	.cadastro_endereco_area {
		padding: 20px;
	}
	
	.cadastro_dados h2,
	.cadastro_endereco h2 {
		font-size: 18px;
		padding: 20px;
		text-transform: uppercase;
		color: var(--color-white);
		letter-spacing: 0;
	}
	#login_usuario .bt_login_facebook,
	#cadastro_usuario .bt_login_facebook
	{
		width: 100%;
		display: block;
		margin: 0 auto;
		margin-top: 10px;
	}
		#login_usuario .bt_login_facebook img,
		#cadastro_usuario .bt_login_facebook img {
			max-width: 100%;
		}
	#login_usuario .txt_email,
	#cadastro_usuario .txt_email {
		width: 85%!important;
		padding: 10px 20px;
	}
	#login_usuario .txt_destaque
	#cadastro_usuario .txt_destaque,
	#cadastro_usuario .cadastro_rodape{
		font-size:16px;
		color:#333333;
		font-weight:bold;
		padding:10px;
		margin:5px;
	}		
	#cadastro_usuario .cadastro_rodape{
		padding: 10px;
		background: #f0f0f0;
		margin: 0;	
	}
	#login_usuario .email,
	#cadastro_usuario .email{
		background-color:#f0f0f0;	
		padding: 10px 10px;	
	}
	#login_usuario .txt_campos,
	#cadastro_usuario .txt_campos{
		padding-left:30px;
	}	
	#login_usuario input[type="radio"] {
		margin-left: 26px;
		margin-bottom: 10px;
	}	
	.bt_login_auto_area{
		text-align: center;
		border-bottom: 4px solid #e0e0e0;
		padding-bottom: 4%;
		margin-bottom: 4%;
	}
/* ------------------------------------------------------- */

/* ------------------------------------------------------- */			
/* PRODUTOS */
/* Nome produto */
.produto_codigo{
	color:#999999;
	font-size:10px;
	font-weight:normal;
}
.produto_nome{
	margin:0px;
	padding:2px;
	font-size:10px;
}
/* Descri��o do produto */
.produto_descricao{
	padding:4px;
	margin:2px;
	text-align:justify;
	font-size: 11px;
}
/* Valor sem desconto */
.produto_preco_de{
	color:#999999;
	font-size:11px;
}
/* Valor com desconto */
.produto_preco_por{
	color:#000000;
	font-size:14px;	
}
/* OL contendo varia��es do produto + input quantidade */
#produto_variacoes{
	list-style:none;
	margin:0;
	padding:0;	
	width:100%;
}
		#produto_variacoes li .variacao_valor{
			display:none;	
		}
#prod_informacoes table {
    max-width: 100%;
}		
@media only screen and (max-width:1200px){
	#prod_informacoes table {
		width: 100%!important;
	}		
}
	#prod_informacoes table {
		max-width: 100%;
		border: 1px solid #c0c0c0;
	}
		#prod_informacoes table td {
			border: 1px solid #f0f0f0;
			padding: 5px;
		}
/* ------------------------------------------------------- */			




/* ------------------------------------------------------- */	
/* FRASE ALEAT�RIAS */		
#frase{
	font-weight:bold;
	font-size:12px;
	color:#c90000;
	font-style:italic;
	text-align:center;
}
/* ------------------------------------------------------- */	

/* CARRINHO - CLASS 3 */
#carrinho.carrinho3 {
	width: 100%;
	padding: 30px;
	padding-top: 0px;
	display: block;
	border: 1px solid #f0f0f0;
}
#carrinho.carrinho3 .produtos .linha_2, #carrinho.carrinho3 .produtos .linha_1 {
	border-bottom: 1px solid #ececec;
	background: none;
	padding-top: 30px;
	padding-bottom: 30px;
}
#carrinho.carrinho3 .produtos .row td {
	padding-bottom: 8px;
	padding-top: 8px;
}
#carrinho.carrinho3 .p_img_on a {
	display: inline-block;
	width: 100%;
	height: 60px;
	position: relative;
}
#carrinho.carrinho3 .p_img_on a img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 75%;
	max-height: 75%;
}
#carrinho.carrinho3 .p_nome_wrap {
	display: table;
	width: 100%;
	height: 100%;
}
#carrinho.carrinho3 .p_nome_wrap a {
	display: table-cell;
	vertical-align: middle;
	color: #828282;

	font-style: normal;
}
#carrinho.carrinho3 .p_nome_wrap a:hover{
	color: #000;
	text-decoration: none;
}
#carrinho.carrinho3 .produtos .p_quantidade input {
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin: 5px 0px;
	padding: 0px;
	border: 1px solid #dedede;
}
#carrinho.carrinho3 .p_valor_total b{
	display: inline-block;
	width: 100%;
	text-align: right;
	line-height: 30px;
	padding: 15px 0px;
	font-size: 16px;
	font-weight: 600;
}
#carrinho.carrinho3 .p_valor {
	text-align: right;
	line-height: 60px;
	font-size: 16px;
	font-weight: 600;
}
#carrinho.carrinho3 a.bt_remover {
	display: inline-block;
	width: 24px;
	height: 24px;
	padding: 7px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	font-style: normal;
	font-weight: 100;
	background: #d6d6d6;
	color: var(--color-white);
	border-radius: 36px;
	margin: 18px 0px;
}
#carrinho.carrinho3 a.bt_remover:hover {
	background: #000;
	text-decoration: none;
}
#carrinho.carrinho3 tbody {
	display: table;
	width: 100%;
}
#carrinho.carrinho3 .subtotal {
	background: var(--color-white)fff;
	border-bottom: 1px solid #ececec;
	padding-top: 30px;
	padding-bottom: 30px;
	height: auto;
}
#carrinho.carrinho3 .subtotal td {
	display: inline-block;
	width: 100%;
	padding: 0px 15px;
	font-size: 12px;
	line-height: 24px;
}
#carrinho.carrinho3 .subtotal b {
	display: inline-block;
	font-size: 16px;
}
#carrinho.carrinho3 .subtotal .frete tr {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
#carrinho.carrinho3 .subtotal td {
	display: block;
	padding: 0px 15px;
	overflow: hidden;
}
#carrinho.carrinho3 .frete select {
	display: inline-block;
	width: 100%;
	height: 46px;
	font-size: 16px;
	font-weight: 100;
	padding: 10px 15px;
	border-radius: 4px;
	border: 1px solid #dadada;
}
#carrinho.carrinho3 .subtotal td.cep span {
	display: none;
}
#carrinho.carrinho3 .frete #cep {
	display: inline-block;
	width: 100%;
	height: 46px;
	font-size: 16px;
	padding: 10px 15px;
	border-radius: 4px;
	border: 1px solid #dadada;
}
#carrinho.carrinho3 .subtotal td.select_frete {
	width: 250px;
}
#carrinho.carrinho3 .subtotal td.cep {
	width: calc(100% - 560px);
}
#carrinho.carrinho3 .subtotal td.bt_frete {
	width: 150px;
}
#carrinho.carrinho3 .subtotal td.bt_frete a {
	display: inline-block;
	width: 100%;
	height: 46px;
	line-height: 28px;
	padding: 10px;
	background: #737373;
	color: var(--color-white);
	border-radius: 4px;
	text-align: center;
	font-style: normal;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 300;
}
#carrinho.carrinho3 .subtotal td.bt_frete a:hover {
	background: #000;
	text-decoration: none;
}
#carrinho.carrinho3 .subtotal td.valor_frete {
	width: 160px;
}
#carrinho.carrinho3 .valor_frete h4 {
	display: inline-block;
	font-size: 12px;
	line-height: 46px;
	color: #737373;
}
#carrinho.carrinho3 #entrega_frete_prazo {
	display: inline-block;
	font-size: 16px;
	line-height: 45px;
	font-weight: 700;
	margin-left: 10px;
	color: #222;
}
#carrinho.carrinho3 .opt_wrap_carrinho h4 {
	display: inline-block;
	font-size: 12px;
	line-height: 46px;
	color: #737373;
}
#carrinho.carrinho3 .opt_wrap_carrinho h3 {
	display: inline-block;
	font-size: 16px;
	line-height: 45px;
	font-weight: 700;
	margin-left: 10px;
	color: #222;
}
#carrinho.carrinho3 span.erro {
	position: absolute;
	width: 100%;
	left: 15px;
	top: -31px;
	height: 26px;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
	color: #f00;
	font-weight: 600;
	letter-spacing: 1px;
}
#carrinho.carrinho3 ul#entrega_frete_prazos {
	padding: 10px 0px;
}
#carrinho.carrinho3 ul#entrega_frete_prazos b {
	font-weight: 600;
	font-size: 11px;
	line-height: 18px;
	display: inline-block;
	margin-right: 10px;
}
#carrinho.carrinho3 ul#entrega_frete_prazos b:after {
	content: ":";
	display: inline-block;
	margin-left: 2px;
	font-weight: bold;
	font-size: 12px;
	line-height: 17px;
}
#carrinho.carrinho3 ul#entrega_frete_prazos li {
	display: inline-block;
	width: 100%;
	line-height: 18px;
}
#carrinho.carrinho3 ul#entrega_frete_prazos li span {
	display: inline-block;
	font-size: 11px;
	line-height: 18px;
}
#carrinho.carrinho3 tr.bts_carrinho td {
	padding-top: 30px;
}
#str_desconto_codigo {
	display: inline-block;
	width: calc(100% - 165px);
	height: 46px;
	font-size: 14px;
	padding: 10px 15px;
	border-radius: 4px;
	border: 1px solid #dadada;
}
#carrinho.carrinho3 input.bt_desconto {
	display: inline-block;
	width: 150px;
	border: none;
	box-shadow: none;
	height: 46px;
	font-size: 16px;
	font-weight: 300;
	padding: 10px;
	background: #737373;
	color: var(--color-white);
	text-shadow: none;
	border-radius: 4px;
	transition: all ease-in-out 0.3s;
}
#carrinho.carrinho3 input.bt_desconto:hover{
	background: #000;
	text-decoration: none;
}   
#carrinho.carrinho3 .bts_carrinho small {
	display: inline-block;
	width: 100%;
	margin: 10px 0px;
	color: #ea0000;
}
#carrinho.carrinho3 .total_wrap_carrinho {
	display: inline-block;
}
#carrinho.carrinho3 .total_wrap_carrinho h4 {
	display: inline-block;
	font-size: 16px;
	line-height: 46px;
	margin-right: 10px;
	font-weight: 100;
}
#carrinho.carrinho3 .total_wrap_carrinho h3 {
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	line-height: 46px;
}
#carrinho.carrinho3 .bts_carrinho .bt.bt_finalizar_compra {
	display: inline-block;
	width: 190px;
	height: 46px;
	line-height: 24px;
	font-size: 16px;
	box-shadow: none;
	padding: 10px;
	color: var(--color-white);
	text-shadow: none;
	border-radius: 4px;
	margin-bottom: 10px;
	background: #737373;
	font-weight: 300;
}
#carrinho.carrinho3 .bts_carrinho .bt.bt_finalizar_compra:hover {
	background: #000;
	text-decoration: none;
}
#carrinho.carrinho3 .bts_carrinho .bt {
	display: inline-block;
	width: 190px;
	font-size: 12px;
	box-shadow: none;
	padding: 10px;
	color: #8c8c8c;
	text-shadow: 1px 1px var(--color-white);
	border-radius: 2px;
	margin-bottom: 10px;
	background: #f3f3f3;
	border: 1px solid #ececec;	
	font-style: normal;
	font-weight: 300;
}
#carrinho.carrinho3 .bts_carrinho .bt:hover {
	background: #d4d4d4;
	text-decoration: none;
}
#carrinho.carrinho3 .bts_carrinho .col-12 h5 {
	font-size: 14px;
}
#carrinho.carrinho3 .cabecalho {
	display: none;
}



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

	#conteudo.internas .texto #carrinho.carrinho3 .subtotal {
		display: flex!important;
	}
	#conteudo.internas .texto #carrinho.carrinho3 #div_valor_total{
		margin: 0px;
	}
	#carrinho.carrinho3 .produtos .linha_2, #carrinho.carrinho3 .produtos .linha_1{
		display: flex!important;
	}
	#conteudo.internas .texto #carrinho.carrinho3 td.p_img, #conteudo.internas .texto #carrinho.carrinho3 td.p_nome {
		margin: 0px!important;
		padding: 8px 15px!important;
		text-align: left;
	}
	#carrinho.carrinho3 a.bt_remover {
		display: inline-block;
		width: 24px;
		height: 24px;
		padding: 7px;
		font-size: 12px;
		line-height: 12px;
		text-align: center;
		font-style: normal;
		font-weight: 100;
		background: #d6d6d6;
		color: var(--color-white);
		border-radius: 36px;
		margin: 18px 0px;
	}
	.opt_wrap_carrinho {
		display: inline-block;
	}

}

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

	#carrinho.carrinho3 a.bt_remover {
		display: inline-block!important;
		width: 24px!important;
		height: 24px!important;
		padding: 7px!important;
		font-size: 12px!important;
		line-height: 12px!important;
		text-align: center!important;
		font-style: normal!important;
		font-weight: 100!important;
		background: #d6d6d6!important;
		color: var(--color-white)!important;
		border-radius: 36px!important;
		margin: 18px 0px!important;
	}
	#carrinho.carrinho3 .subtotal td.select_frete {
		width: calc(100% - 290px);
	}
	#carrinho.carrinho3 .subtotal td.cep {
		width: 170px!important;
		text-align: left!important;
	}
	#conteudo.internas .texto #carrinho.carrinho3 .cep input {
		text-align: left!important;
		width: 100%!important;
	}
	#carrinho.carrinho3 .subtotal td.bt_frete {
		width: 120px!important;
	}
	#carrinho.carrinho3 .subtotal td.bt_frete a{
		width: 100%!important;
	}
	#carrinho.carrinho3 .bts_carrinho .bt {
		width: calc(33.3% - 20px)!important;
		margin: 4px 0px!important;
	}
	#carrinho.carrinho3 .bts_carrinho .bt:nth-child(2) {
		margin: 4px 30px!important;
	}
	#carrinho.carrinho3 .bts_carrinho .bt.bt_finalizar_compra{
		margin: 0px!important;
	}

}

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

	#carrinho.carrinho3 .bts_carrinho .bt.bt_finalizar_compra {
		height: auto;
		margin: 0px!important;
	}
	#carrinho.carrinho3 .bts_carrinho .bt:nth-child(2) {
		margin: 0px 30px!important;
	}
	#carrinho.carrinho3 .bts_carrinho .bt{
		height: auto;
		margin: 0px!important;
	}
	#carrinho.carrinho3 .bts_carrinho .bt {
		height: auto;
		margin: 0px!important;
		font-size: 16px;
	}
	#carrinho.carrinho3 .total_wrap_carrinho {
		width: 100%!important;
		padding-bottom: 10px;
		border-bottom: 1px dotted #aaa;
		margin-top: 25px;
		margin-bottom: 25px!important;
	}
	#carrinho.carrinho3 .total_wrap_carrinho h4 {
		line-height: 30px!important;
		margin-bottom: 0px!important;
	}
	#carrinho.carrinho3 .total_wrap_carrinho h3 {
		float: right;
		line-height: 30px!important;
		margin-bottom: 0px!important;
	}
	#carrinho.carrinho3 .opt_wrap_carrinho h4{
		line-height: 30px;
		font-size: 20px;
		margin-bottom: 0px;
		font-weight: 100;
	}
	#carrinho.carrinho3 .opt_wrap_carrinho h3{
		line-height: 30px;
		margin-bottom: 0px;
		font-size: 24px;
	}
	#carrinho.carrinho3 .opt_wrap_carrinho {
		width: 100%;
	}

}

@media only screen and (max-width: 576px) {
	#carrinho {
		padding: 0;
	}
	#carrinho .subtotal td.select_frete {
		width: 100%;
	}
	#carrinho select[name=num_id_tipo] {
		width: 100%!important;
		display: block;
		float: none;
		margin: 0 auto;
		margin-top: 8px;
	}
	#carrinho .subtotal td.cep {
		width: 100%!important;
		margin: 15px auto;
	}
	#carrinho .subtotal td.bt_frete {
		width: 100%!important;
		float: none;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	#carrinho.carrinho3 .opt_wrap_carrinho {
		width: 100%;
		border-top: 1px dotted #cecece;
		padding-top: 15px;
		margin: 0px;
	}
	#carrinho.carrinho3 .opt_wrap_carrinho h4 {
		font-size: 22px;
		font-weight: 100;
		line-height: 30px;
		margin-bottom: 0px;
	}
	#carrinho.carrinho3 .opt_wrap_carrinho h3 {
		line-height: 30px;
		font-size: 22px;
	}
	#carrinho.carrinho3 .frete a{
		margin:0px;
	}
	#carrinho.carrinho3 .subtotal {
		padding-bottom: 12px;
	}
	#carrinho.carrinho3 .bts_carrinho .col-12 h5 {
		font-size: 18px;
		text-align: center;
		margin-bottom: 15px;
	}
	#carrinho.carrinho3 #str_desconto_codigo {
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	#carrinho.carrinho3 input.bt_desconto {
		width: 100%;
	}
	#carrinho.carrinho3 .total_wrap_carrinho {
		width: 100%;
		border: 1px solid #e6e6e6;
		padding: 15px;
		margin-bottom: 15px;
	}
	#carrinho.carrinho3 .total_wrap_carrinho h4 {
		width: 100%;
		float: left;
		width: 100%;
		text-align: center;
		font-size: 28px;
		margin: 0;
	}
	#carrinho.carrinho3 .total_wrap_carrinho h3 {
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	#carrinho.carrinho3 .bts_carrinho .bt.bt_finalizar_compra {
		width: 100%!important;
		margin-bottom: 5px!important;
	}
	#carrinho.carrinho3 #carrinho .bts_carrinho .bt {
		display: inline-block;
		width: 100%!important;
		margin: 5px 0px!important;
	}
	#carrinho.carrinho3 .bts_carrinho .bt:nth-child(2) {
		margin: 5px 0px!important;
	}
}

/* ------------------------------------------------------- */
/* CARRINHO PASSOS */
ol#carrinho_passos {
    float: left;
    width: 100%;
    height: 40px;
    background: #f0f0f0;
    border-radius: 11px;
    margin-bottom: 20px;
	overflow: hidden;
}
	ol#carrinho_passos li {
		float: left;
		width: 20%;
		height: 100%;
		text-align: center;
		color:#666;
		line-height: 40px;
	}
	ol#carrinho_passos li.ativo_1{
		background: #6e4d8b;
		color:var(--color-white);
	}
	ol#carrinho_passos .p_pedido:before{
		content:"Pedido";
	}
	ol#carrinho_passos .p_login:before{
		content:"Login";
	}
	ol#carrinho_passos .p_cadastro:before{
		content:"Cadastro";
	}
	ol#carrinho_passos .p_endereco:before{
		content:"Entrega";
	}
	ol#carrinho_passos .p_pagamento:before{
		content:"Pagamento";
	}

/* CARRINHO DE COMPRAS */
.carrinho_v1{
	width: 100%;
	border: 1px solid #f0f0f0;
	padding: 0;
	border-radius: 10px;
	overflow: hidden;
}
	.carrinho_v1_vazio{
		font-size:14px;
		color:#666;
		text-align:center;
		background:#f0f0f0;
		padding:10px;
	}
		.carrinho_v1 form select{
			background:#f0f0f0;
			color:#999;
		}
	.carrinho_v1 .cabecalho, .carrinho_v1 .subtotal, .carrinho_v1 .total, .carrinho_v1 .subtitulos{
		height:20px;
		margin:0px;
		padding:4px;		
		background:#f0f0f0;
		color:#999;
		font-weight:bold;	
	}
	.carrinho_v1 .cabecalho{
		display:none;	
	}
	.carrinho_v1 .subtotal{
		background:#f5f5f5;
		border-bottom:1px solid #d0d0d0;
	}
		.carrinho_v1 .subtotal td{
			font-size:12px;	
		}
	.carrinho_v1 #entrega_frete_prazo{
		font-size:12px;	
		font-weight:bold;
		color:#000;
	}
	.carrinho_v1 #div_valor_total{	
		font-weight:bold;
		color:#000;	
	}
	.carrinho_v1 .linha_1{
		background:#f0f0f0;	
	}
	.carrinho_v1 .linha_2{
		background:var(--color-white)fff;
	}
	.carrinho_v1 .linha_1 img, .carrinho_v1 .linha_2 img{
		height:40px;	
	}
	.carrinho_v1 .linha_1 input, .carrinho_v1 .linha_2 input{
		text-align:center;	
	}
	.carrinho_v1 .produtos .cabecalho, .carrinho_v1 .produtos .cabecalho td{
		background:none;
		color:#999;
		border-bottom:1px solid #d0d0d0;
	}
	.carrinho_v1 .total, .carrinho_v1 .total td{
		font-size:18px;
		text-transform:uppercase;	
	}
	.carrinho_v1 .meu_carrinho{
		font-weight:bold;
	}
	.carrinho_v1 .itens{
		font-size:11px;
		color:#000;
	}
	.carrinho_v1 .destaque{
		font-weight:bold;
		color:#c90000;
	}	
	.carrinho_v1 .ver_carrinho{
		font-size:11px;
	}
	.carrinho_v1 a{
		font-size:12px;
	}	
	.carrinho_v1 a:hover {
	    text-decoration: none;
	}
	/* Layout do carrinho */
	.carrinho_v1_compras{
		padding:5px;
		margin:0px;
		width:100%;
	}
	.carrinho_v1 td.bonus {
		text-align: right;
		background-color: var(--color-white)!important;
	}
	.carrinho_v1 td.p_nome {
		width: 100%;
		display: inherit;
		float: left;
		padding: 10px 0px;
	}	 
	.carrinho_v1 td.cep span {
		display: none;
	}
	.carrinho_v1 .frete input {
		float: left;
		margin: 0px;
		margin-right: 3px;
	}	
	.carrinho_v1 .frete a{
		margin-top:1px;	
	}
	/* CABECALHO ------------------------------------------------------------------------------- */
	#layout_cabecalho{
		height:20px;
		margin:0px;
		padding:4px;		
		background:#f0f0f0;
		color:#999;
		font-weight:bold;
	}
	#layout_cabecalho .canto_esq{
		margin:0px;
		padding:0px;
		width:15px;				
	}
	#layout_cabecalho .centro{
		width:95%;
		background:#f6d7ed;
		margin:0px;
		padding:0px;				
	}	
	#layout_cabecalho .canto_dir{	
		margin:0px;
		padding:0px;				
		width:15px;		
	}
	/* RODAPE ------------------------------------------------------------------------------- */	
	#layout_rodape{
		height:20px;
		margin:0px;
		padding:0px;		
	}	
	#layout_rodape .canto_esq{
		margin:0px;
		padding:0px;
		width:15px;				
	}
	#layout_rodape .centro{
		width:95%;
		background:#f6d7ed;
		margin:0px;
		padding:0px;				
	}	
	#layout_rodape .canto_dir{	
		margin:0px;
		padding:0px;				
		width:15px;		
	}
		
	.carrinho_v1_compras td{
		padding:5px;
	}
	.carrinho_v1_compras a.bt_remover{
		text-decoration:none;	
		font-weight:bold;
	}	
	.carrinho_v1_compras a.bt_remover:hover{
		text-decoration:underline;	
		color:#c90000;
	}	
	.carrinho_v1_compras a.fechar_pedido{
		font-weight:bold;
		font-size:12px;
	}
	.carrinho_v1_compras .cabecalho, .carrinho_v1_compras .rodape{
		background:#c673c9;
		font-weight:bold;
		font-size:14px;
		color:var(--color-white);
	}
	.carrinho_v1 .rodape{
		float:none!important;
		width:100%!important;
		background:#e0e0e0;
		padding:10px;
		text-align:right;	
	}

/* Carrinho v2 */
.carrinho.carrinho_v2 {
	padding: 0px 15px;
	border-radius: 30px;
	border: 1px solid #dedede;
	margin-top: 40px;
	overflow: hidden;
}
	.carrinho_v2 .produtos .row {
		padding: 10px 0px;
		color: #5c5c5c;
	}
	.carrinho_v2 .produtos .row.linha_1 {
		background: #ececec;
	}
	.carrinho_v2 .produtos .row.linha_2 {
		background: var(--color-white)fff;
	}
	.carrinho_v2 .p_img a {
		display: block;
		width: 100px;
		height: 70px;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
	}
	.carrinho_v2 .p_img img {
			max-height: 100%;
			max-width: 100%;
			width: auto;
			height: auto;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
	}
	.carrinho_v2 .p_nome {
		position: relative;
	}
	.carrinho_v2 .p_nome_wrap {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 70px;
		padding: 0px 15px;
		display: table;
	}
	.carrinho_v2 .p_nome .p_nome_link {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		color: #646464;
	}
	.carrinho_v2 .produtos .p_nome a {
		display: inline-block;
		color: #5c5c5c;
	}
	.carrinho_v2 .produtos .p_nome a:hover {
		text-decoration: none;
		color: #000;
	}
	.carrinho_v2 .produtos .row input {
		margin: 16px 0px;
	}
	.carrinho_v2 .produtos .p_valor, .carrinho_v2 .produtos .p_valor_total {
		line-height: 70px;
		text-align: center;
	}
	.carrinho_v2 .produtos .p_excluir {
		text-align: center;
	}
	.carrinho_v2 .produtos .bt_remover {
		display: inline-block;
		font-size: 14px;
		color: #5c5c5c;
		margin: 28px 0px;
	}
	.carrinho_v2 .produtos .bt_remover:hover {
		color: #f00;
		text-decoration: none;
	}
	.carrinho_v2 .subtotal {
		background: #dadada;
		color: #5c5c5c;
		line-height: 40px;
		text-shadow: 1px 1px var(--color-white);
	}
	.subtotal h2 {
		display: block;
		float: left;
		font-weight: bold;
		font-size: 17px;
		margin: 0;
		line-height: 40px;
	}
	.carrinho_v2 .subtotal_valor {
		font-weight: bold;
		text-align: right;
	}
	.carrinho_v2 .area_bonus {
		padding: 20px 0px;
	}
	.carrinho_v2 .subtitulos.formas_entrega {
		background: #dadada;
		color: #5c5c5c;
		line-height: 40px;
		font-weight: bold;
		font-size: 17px;
		margin: 0;
		line-height: 40px;
		text-shadow: 1px 1px var(--color-white);
	}
	.carrinho_v2 .frete {
		padding: 20px 15px;
	}
	.carrinho_v2 .total {
		background: #a2a2a2;
		color: var(--color-white)fff;
		font-weight: bold;
		font-size: 20px;
		line-height: 50px;
		margin-top: 25px;
		text-shadow: 1px 1px #00000075;
	}
	.carrinho_v2 .total_valor {
		text-align: right;
	}
	.carrinho_v2 #rodape_carrinho {
		text-align: right;
		padding: 20px 15px;
	}
	.carrinho_v2 .lista_prazos {
		margin-top: 10px;
	}
	@media only screen and (max-width:1200px){

	}
	@media only screen and (max-width:992px){
		.carrinho_v2 .produtos .p_valor {
			display: none;
		}
		.carrinho_v2 .frete a {
			width: 100%;
		}
	}
	@media only screen and (max-width:768px){
		.carrinho_v2 .p_img {
			display: none;
		}
	}
	@media only screen and (max-width:576px){
		.carrinho_v2 .produtos .p_valor_total{
			font-size: 13px;
		}
		.carrinho_v2 .p_nome {
			position: relative;
			height: 70px;
		}
		.carrinho_v2 .p_nome .p_nome_link{
			text-align:center;
		}
		.carrinho_v2 .frete select {
			margin-bottom: 15px;
		}
		.carrinho_v2 .subtotal_valor {
			font-size: 14px;
		}
		.carrinho_v2 .total {
			text-align: center;
		}
		.carrinho_v2 .total_valor #div_valor_total {
			display: inline-block;
			float: none;

			width: 100%;
			text-align: center;
		}
		.carrinho_v2 #rodape_carrinho a {
			display: inline-block;
			width: 100%;
			margin-bottom: 11px;
			font-size: 18px;
			font-weight: bold;
			text-shadow: 1px 1px #00000085;
		}
	}
/* ------------------------------------------------------- */	

/* ------------------------------------------------------- */			
/* PRODUTOS */
.produto_geral{
	margin:5px;
}	
.produto_preco{
	color:#666666;
	font-size:11px;
	text-align:right;
	font-weight:bold;
	padding:5px;
}
.produto_txt_sem_foto{
	color:#999999;
	font-size:12px;
}
.produto_foto{
	padding:5px;
	width:120px;
}
.produto_fotos_area{
	text-align:right;
	margin:10px;
}
.produto_fotos{
	padding:4px;
	margin:4px;
	text-align:right;
}
.produto_fotos a,.produto_fotos a:hover{
	width:100px;
	height:100px;
	padding:5px;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
}
.produto_menu_categoria{
	font-size:12px;
	font-weight:bold;
	color:#333333;
	background-color:#f0f0f0;
	padding:4px;
	margin:3px;
}
.produto_menu_categorias{
	font-size:12px;
	font-weight:bold;
	color:#333333;
	padding:4px;
}	
.produto_menu_produto{
	font-size:11px;
	color:#555555;
	padding-left:10px;
}
.produto_promocao, .produto_menu_produto_promocao{
	font-weight:bold;
	color:#c90000;
}	
.produto_txt_destaque{
	color:#0099FF;
	font-weight:bold;
}
.produto_descricao_categoria{
	text-align:right;
	font-weight:bold;	
	font-size:12px;
	padding:4px;
	background-color:#f0f0f0;		
}
.produto_descricao_marca{
	text-align:right;	
	font-size:11px;	
	font-weight:bold;			
	padding:3px;
	background-color:#f5f5f5;				
}
/* ------------------------------------------------------- */
	
/* ----------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* SHOP - MENU  */
/* --------------------------------------------------------------------------- */
#shop_menu{
	margin:15;
	padding:0;
}
	#shop_menu span.cabecalho{
		display:none;	
	}
	
	#shop_menu ul.conteudo{
		list-style:none;
		margin:0;
		padding:0;
	}
		#shop_menu ul.conteudo, #shop_menu ul.conteudo ol.menu_secao{
			padding:0;
			margin:0;
			list-style:none;
		}
			#shop_menu ul.conteudo ol.menu_secao{
				height:auto;
				padding-bottom:10px;
				display:block;
				clear:both;
			}
				#shop_menu a.secoes	{	
					font-size:14px;
					padding:0;
					margin:0;
					font-weight:bold; 
					color:#620f77;
				}
					#shop_menu a.secoes:hover{
						color:#000;
						text-decoration:none;
					}				

			#shop_menu ol.menu_secao li{
				display:block;
				height:auto;
			}	
				#shop_menu ol.menu_secao li a.subsecoes{
					font-size:11px;
					padding:0;
					margin:0; 	
					color:#9f69ac;
					background:url(/site/img/icon_submenu.jpg) no-repeat left;
					padding-left:5;
					margin-left:3;
				}
					#shop_menu ol.menu_secao li a.subsecoes:hover{
						color:#000;
						text-decoration:underline;
					}
	#shop_menu span.rodape{
		display:none;		
	}
/* ------------------------------------------------------- */

/* ------------------------------------------------------- */
/* SHOP MENU TOPO */
#shop_menu_topo{
	background-image:url(img/bg_menu_topo.jpg);
	display:block;
	height:1%;
	padding:0px;
	margin:0px;
}
#shop_menu_topo ul{
	list-style:none;
	overflow:hidden;
	padding:0px;
	margin:0px;
}
#shop_menu_topo ul li{
	float:left;
	margin:0px;
	margin-top:5px;	
	padding:0px 20px 0px 20px;
	text-align:center;
	height:15px;
	border-right:1px solid #5baf57;	
}
#shop_menu_topo ul li a{
	color:#042902;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
#shop_menu_topo ul li a:hover{
	color:var(--color-white);
}
/* ------------------------------------------------------- */


/* LINHA CONTENDO BOX DE PRODUTO DA VITRINE*/
.linha_box_produto{
	margin-bottom:10px;
}
/* BOX DE PRODUTO DA VITRINE*/
.box_produto{
	text-align:center;
}
.produto_foto_vitrine{
	width:80px;	
}
/* ------------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* FORUM  */
/* --------------------------------------------------------------------------- */
#forum #nav{
	font-size:11px;
	color:#c0c0c0;
	margin:0px;
	margin-bottom:5px;	
}
/* Topicos */
#forum #topicos tr > td,
#forum #topicos > li {
    border-radius: 5px;
    border: 1px solid #c0c0c0;
    display: block;
    padding: 10px;
}
#forum #topicos .titulo{
	margin:0px;
	padding:0px;
	font-size:22px;
}
#forum #topicos .descricao {
    margin: 2px 0px;
    padding: 0px;
}

/* Subtopicos */
#forum #subtopicos .subtopicos_cabecalho .subtopicos_titulo_descricao .titulo{
	margin:0px;
	padding:0px;
}
#forum #subtopicos .subtopicos_cabecalho .subtopicos_titulo_descricao .titulo a{
	color:#497bdc;		
}
#forum #subtopicos .subtopicos_cabecalho .subtopicos_titulo_descricao .titulo a:hover{
	text-decoration:underline;
}
#forum #subtopicos .subtopicos_cabecalho .subtopicos_titulo_descricao .descricao{
	margin:0px;
	padding:4px;	
	margin-bottom:10px;	
}

/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* PERMALINK */
/* --------------------------------------------------------------------------- */
.permalink{
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(https://agenciadix.com.br/agencia/site/img/icon_permalink.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	float:left;	
	margin-right:20px;
}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* RETWEET */
/* --------------------------------------------------------------------------- */
.retweet{
	margin-top:8px;
	text-align:right;
	clear:right;
	margin-bottom:20px;
}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* COMENT�RIOS */
/* --------------------------------------------------------------------------- */
#box_comentarios{
	border-top:1px solid #d0d0d0;
}
	#box_comentarios h4.total_comentarios{
		margin:0px;
		margin-bottom:10px;
		margin-top:10px;		
	}
	#box_comentarios div.comentario{
		margin:2px;
		margin-bottom:4px;
		padding:10px;
		border:1px dashed #d0d0d0;
		background-color:#f5f5f5;
	}
		#box_comentarios div.comentario span.nome{
			color:#333333;
			font-size:12px;
			font-weight:bold;
			display:block;
			margin-bottom:2px;
		}
		#box_comentarios div.comentario span.data{
			color:#999999;
			font-size:10px;
			display:block;
			margin-bottom:4px;
			font-style:italic;
		}		
		#box_comentarios div.comentario span.comentario{
			color:#666666;
			font-size:11px;
			display:block;
		}	
	#box_comentarios h4.comentarios_vazio{
		font-size:12px;
		color:#999999;
		font-style:italic;
		font-weight:normal;
		margin:0px;
		margin-bottom:10px;
		margin-top:10px;		
	}			
/* Form comentar */
#box_comentarios #formulario{
	border-top:1px solid #d0d0d0;
	margin:2px;
	margin-top:4px;
	padding:2px;
}
#box_comentarios #formulario form{
	margin:0px;
	padding:0px;
}
#box_comentarios #formulario form h4{
	margin:0px;
	margin-bottom:8px;
	margin-top:5px;
}
#box_comentarios #formulario form label{
	color:#333333;
	display:block;
	font-weight:bold;

}
/* Inputs */
#box_comentarios #formulario form input.txt_nome{
	width:100%;
}
#box_comentarios #formulario form input.txt_email{
	width:100%;
}
#box_comentarios #formulario form textarea.txt_comentario{
	width:100%;
	height:60px;
}
#box_comentarios #formulario form input.bt_enviar{
	font-size:14px;
	font-weight:bold;
	color:#333333;
}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* ENQUETE */
/* --------------------------------------------------------------------------- */
	.enquete ol{
		margin:0px;
		list-style:none;
		display:block;
		clear:both;
		width:100%;
	}
		.enquete ol li{
			margin:1px;
			display:block;
			clear:both;
		}
			.enquete ol li a.alternativa{
				color:#000;
			}
			.enquete ol li a.alternativa:hover{
				color:#F90;
			}	
				.enquete_votacao ol li a.alternativa:before, 
				.enquete_votacao ol li a.alternativa:hover:before {
					content: " ";
					float: left;
					font-size: 16px;
					border-radius: 10px;
					border: 1px solid #ccc;
					width: 20px;
					height: 20px;
					text-align: center;
					margin-right: 10px;
					line-height: 14px;
					padding: 0px 5px;
				}		
				.enquete_votacao ol li a.alternativa:hover:before {
					content: "x";
				}							
			.enquete ol li a.resultado{
				background:#333;
				color:var(--color-white);
				padding:4px;
			}
			.enquete ol li .estatisticas{
				width:50%;
				float:left;
			    margin-right: 10px;
			}
				.enquete ol li .estatisticas span {
					padding: 1px;
					display: inline-block;
					margin: 1px;
					min-width: 25px;
					border-radius: 35px;
				}
					.enquete ol li span.bar_1{
						background:#F90;	
					}
					.enquete ol li span.bar_2{
						background:#F50;
					}
					.enquete ol li span.bar_3{
						background:#F20;
					}
					.enquete ol li span.bar_4{
						background:#FC0;
					}
					.enquete ol li span.bar_5{
						background:#FA0;
					}
					.enquete ol li span.bar_6{
						background:#FF0;
					}
					
					.enquete ol li span.porc_1, .enquete ol li span.porc_2, 
						.enquete ol li span.porc_3, .enquete ol li span.porc_4, 
							.enquete ol li span.porc_5, .enquete ol li span.porc_6{
						font-weight:bold;
						color:var(--color-white);
						margin:0;
						text-align:right;
					}
		.enquete .total_votos{
			border-top:1px solid #c0c0c0;
			font-size:12px;
			text-align:left;
			color:#000;
			margin-top:10px;
			padding:5px;
			display:none;
		}
/* Enquete - Participantes */		
	#enquete_participantes ol {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		width: 50%;
	}
		#enquete_participantes ol li {
			border-bottom: 1px solid #c0c0c0;
			float: left;
			width: 100%;
			padding: 4px;
		}
			span.enquete_participante_nome {
				float: left;
				width: 50%;
				margin-right: 10px;
			}
			span.enquete_participante_voto {
				background: #000;
				padding: 1px 5px;
				color: var(--color-white);
				border-radius: 5px;
				float:right;
			}		
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* Filtro de produtos */
#filtro{
	background:#f0f0f0;
	padding:4px;
	color:#666;
	font-style:italic;
	text-align:right;
}
#filtro span {
  display: none;
}
	#filtro form{
		margin:0;
		padding:3;
	}
		#filtro form select{
			font-size:11px;	
		}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* Contato */
.contact-msg {
    border-radius: 5px;
    text-align: center;
    border: 1px solid #e6e84352;
    padding: 10px;
    background: #feffaa;
    box-shadow: 0px 0px 10px #0000001a;
} 
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* Pagina��o */
.paginacao_cabecalho	{	display:none;margin-bottom:10px; 	}
.paginacao_rodape		{	display:block;margin-top:10px; 		}

#paginacao {
  height: 40px;
  padding: 4px;
  text-align: center;
  float: left;
  width: 100%;
  line-height: 40px;
  font-size: 1.3em;
  margin-top: 3em;
}
	#paginacao .bt_anterior_off, #paginacao .bt_proximo_off, #paginacao .bt_primeira_off, #paginacao .bt_ultima_off{
		color:#333;	
	}
	#paginacao b.divisoria{
		margin-left:5px;
		margin-right:5px;
		color:#999;
	}
	#paginacao a.bt_anterior, #paginacao a.bt_proximo, #paginacao a.bt_primeira, #paginacao a.bt_ultima{
		padding:2px;
		color:#000;
		font-weight:bold;		
	}
	#paginacao .bt_pagina_atual{
		padding:2px;
		background:#c0c0c0;
		color:var(--color-white);
		font-weight:bold;
	}
	#paginacao .label_pagina{ display:none; }

/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* Acesso de p�gina restrita */
/* --------------------------------------------------------------------------- */
  #login_usuario_acesso_restrito form label{
    width:150px;
    font-weight:bold;
  }
  
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* Shop - Painel - Historico de pedidos */
/* Meus Arquivos */
#historico_pedidos,
#meus_arquivos{
	border:1px solid #f0f0f0;
}
	#historico_pedidos .titulo,
	#meus_arquivos .titulo
	{
		background:#e0e0e0;
		color:#333333;
		text-transform:uppercase;
	}
	#historico_pedidos .linha_1,
	#meus_arquivos .linha_1{
		background:var(--color-white);
		padding:1;
		border-bottom:1px solid #f0f0f0;
	}	
	#historico_pedidos .linha_2,
	#meus_arquivos .linha_2{
		background:#f5f5f5;	
		border-bottom:1px solid #f0f0f0;		
		padding:1px;		
	}	
	#historico_pedidos a,
	#meus_arquivos a{
		padding: 3px 6px;
		background: #333;
		color: var(--color-white);
		text-decoration: none;
		text-transform: lowercase;
		margin: 0px;
	}
	#historico_pedidos a:hover,
	#meus_arquivos a:hover{
		background:#86ac28;
		color:var(--color-white);
		text-decoration:none;
	}	
	/* Frete */
	#historico_pedidos .frete{
		font-weight:bold;
		font-size:12px;
		color:#000;
	}
		#historico_pedidos .frete .label, #historico_pedidos .frete .dados{
			border:1px solid #f0f0f0;				
		}
		#historico_pedidos .frete .label{
			text-transform:uppercase;
		}
	/* Total */
	#historico_pedidos .total_final{
		font-weight:bold;
		font-size:14px;
		color:#000;
	}
		#historico_pedidos .total_final .label, #historico_pedidos .total_final .dados{
			border:1px solid #f0f0f0;				
		}
		#historico_pedidos .total_final .label{
			text-transform:uppercase;
			background-color:#f0f0f0;
		}		
	/* Historico - Dados de entrega */
	#historico_pedidos .dados_entrega td{
		border-right:1px solid #f0f0f0;
	}
	#historico_pedidos .dados_entrega, #historico_pedidos .dados_pagamento{
		padding:0;
		margin:0;
	}
		#historico_pedidos .dados_entrega td, #historico_pedidos .dados_pagamento td{
			border-bottom:1px solid #f0f0f0;
		}
			#historico_pedidos .dados_entrega .label, #historico_pedidos .dados_pagamento .label{
				background:#f0f0f0;
				padding:2px;
			}
			#historico_pedidos .dados_entrega .campo, #historico_pedidos .dados_pagamento .campo{
				font-weight:bold;	
			}
		/* Rastreamento  */
			#historico_pedidos .rastreamento td, #historico_pedidos .status_pedido td, #historico_pedidos .status_pedido_log td{
				border-top:1px solid #f0f0f0;
				text-align:center;
			}
			#historico_pedidos .rastreamento .label, #historico_pedidos .status_pedido .label, #historico_pedidos .status_pedido_log .label{
				background:#f0f0f0;
			}
			#historico_pedidos .status_pedido_log .campo{
				text-align:left;
			}
			
/* Hist�rico de pedidos - corre��o tables */
#historico_pedidos td {
    padding: 5px;
}
#historico_pedidos .label {
    padding: 5px;
	color: #000;
	border-radius: 0;
}
#conteudo.conteudo_painel_cliente table,
#historico_pedidos,
#historico_pedidos table{
    border-radius: 0px;
	border: none;
}

#historico_pedidos .dados_entrega .label,
#historico_pedidos .dados_pagamento .label,
#historico_pedidos .status_pedido .label
{
    background: none;
    padding: 2px;
    color: #000;
}

#meus_arquivos .arq_tit_data_alteracao{ display:none; }
#meus_arquivos .arq_tit_data_liberacao{ display:none; }

/* Busca arquivos */
#pesquisa_arquivo {
	text-align: right;
	margin-bottom: 5px;
}

ol#arquivos_usuarios_pemissoes {
	margin: 0;
	padding: 0;
	list-style: none;
}
	ol#arquivos_usuarios_pemissoes li.arq_usu_nome{
		float: left;
	}
		ol#arquivos_usuarios_pemissoes li.arq_usu_nome:after {
			content: ", ";
		}
		ol#arquivos_usuarios_pemissoes li.arq_usu_nome:last-child:after {
			content: "";
		}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* Painel Usuario - Hist�rico de Bonus  */
/* --------------------------------------------------------------------------- */
#historico_bonus{
	font-size:11px;
	border:1px solid #f0f0f0;
}
	#historico_bonus .titulo td{
		background:#e0e0e0;
		color:#333333;
		text-transform:uppercase;
		letter-spacing:normal;
		font-weight:bold;
		font-size:16px;
	}
	#historico_bonus .nome,
	#historico_bonus .credito
	{
		padding:5px;
		font-size:16px;
		color:#000;
		font-weight:bold;
		width:30%;	
		text-align:left;
	}
	#historico_bonus .credito{
		text-align:center;	
		width:auto;
	}
	#historico_bonus .utilizado{
		color:#f00;
	}	
	#historico_bonus .linha_1{
		background:var(--color-white);
		padding:1px;
		border-bottom:1px solid #f0f0f0;
		color:#000;
		text-align:center;
	}	
	#historico_bonus .linha_2{
		background:#f5f5f5;	
		border-bottom:1px solid #f0f0f0;		
		padding:1px;
		color:#000;		
		text-align:center;
	}	
		#historico_bonus tr.expirado *{
			text-decoration:line-through;	
		}	
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* Confirma��o de endere�o */
#carrinho_endereco_cadastro, #carrinho_endereco_entrega {
    width: 50%;
    float: left;
}
		#carrinho_endereco_cadastro .conteudo label, #carrinho_endereco_entrega .conteudo label{
			width:200px;	
		}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* Pagamento > Dep�sito */
#deposito_valor {
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	margin: 10px;
}
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* FAQ PAGINA */
	#faq_pagina .links{
		list-style:none;
		margin:0px;
		padding:0px;	
		margin-bottom:40px;	
	}
		#faq_pagina .links li{
			padding-bottom:4px;
		}
			#faq_pagina .links li a{
				font-size:12px;
			}
	#faq_pagina .respostas{
		list-style:none;
		margin:0px;
		padding:0px;
	}
		#faq_pagina .respostas .palavras_chaves{
			display:none;
		}
		#faq_pagina .respostas .bt_topo{
			margin-bottom:15px;
		}
		#faq_pagina .respostas p{
			margin:0px;
			padding:0px;
		}
/* ----------------------------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* API # CEP */	
#result_cep{
	border:1px solid #FC0;
	padding:4px;
	background:#FFC;
	color:#000;
	font-weight:bold;
	display:none;
	z-index:14;
	position:absolute;
}
/* --------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------- */
/* Vitrine de galerias dispon�veis */
/* ----------------------------------------------------------------------------------- */
ol#galerias_vitrine{
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
	clear:both;
	height:120px;	
}
	ol#galerias_vitrine li{
		width:120px;
		margin:0px;
		float:left;	
	}
				ol#galerias_vitrine li .capa a img{
					border:5px solid #f0f0f0;
					width:120px;	
				}
				ol#galerias_vitrine li .capa a:hover img{
					border:5px solid #F90;	
				}
		ol#galerias_vitrine li .nome{
			font-weight:bold;
			font-size:12px;
			color:#000;
			text-align:center;	
			display:block;
			clear:both;
			padding:2px;
		}
		ol#galerias_vitrine li .data{
			font-size:10px;
			color:#c0c0c0;
			text-align:center;
			display:block;
			clear:both;							
		}
		ol#galerias_vitrine li .total_fotos{
			font-size:10px;
			color:#333;
			text-align:right;
			display:block;
			clear:both;				
		}
/* ----------------------------------------------------------------------------------- */	

/* --------------------------------------------------------------- */
/* DEPOIMENTOS -- COMENT�RIOS */		
.comentarios, 
.depoimentos{
	list-style:none;
	margin:0;
	padding:0;	
}
	.comentarios li,
	.depoimentos li{
		padding:4px;
		font-size:12px;
		font-weight:normal;
		font-style:italic;
		color:#666;	
	}
		.comentarios li .comentario,
		.depoimentos li .comentario{
			text-align:justify;
		}
		
		.comentarios li .nome,
		.depoimentos li .nome{
			text-align:right;
			color:#000;
			font-size:10px;
			font-weight:bold;
			font-style:normal;
		}		
/* --------------------------------------------------------------- */


/* --------------------------------------------------------------- */
/* menu produto se��es */
#menu_produtos{
	padding:10px;
	background:#b7b7b7;	
	min-height:300px;
	display:block;
	clear:both;
}
	.mnu_produtos_secoes{
		list-style:none;
		margin:0;
		padding:0;
	}
		.mnu_produtos_secoes .mnu_produto_secao{
			float:left;
			min-height:150px;
			margin:8px;
		}
		.mnu_produtos_secoes a, 
		.mnu_produtos_secoes a:hover
		{
			text-decoration:none;
			color:#ad4225;
			font-weight:bold;
		}
		.mnu_produtos_secoes a:hover{
			text-decoration:underline;	
		}
			.mnu_produtos_categorias{
				list-style:none;
				margin:0;	
				padding:0;
				display:block;
				clear:both;
			}
				.mnu_produtos_categorias li{
					display:block;	
					float:none;
					border:0;
					height:auto;
				}
					.mnu_produtos_categorias li a{
						color:#535252;
						text-decoration:none;	
						font-size:11px;
						font-weight:normal;
					}
					.mnu_produtos_categorias li a:hover{
						color:#535252;
						text-decoration:underline;	
						font-size:11px;
						font-weight:normal;						
					}					
/* --------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* zoom jquery */
/* --------------------------------------------------------------- */
div.zoomdiv {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 200px;
	background: var(--color-white)fff;
	border: 1px solid #f0f0f0;
	display: none;
	text-align: center;
	overflow: hidden;
	box-shadow: 0px 0px 10px #e0e0e0;
	border: 1px solid #e0e0e0;
}
img.jqzoom{
	position		:	relative;
}
/* --------------------------------------------------------------- */
.zoomdiv img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
}

/* Oferta do dia */	
#oferta_timer {
	font-size: 18px;
	color: var(--color-white);
	margin-top: 55px;
	display: none;
	background: #c0c0c0;
	padding-top: 7px;
	text-align: center;
}
	#oferta_timer #contador {
		display: block;
		font-size: 30px;
	}
		#oferta_timer .desconto {
			margin-top: -52px;
			background: #3cb7c7;
			padding: 8px 36px 3px;
			color: var(--color-white);
		}
		.desconto .porc {
			font-size: 22px;
			display: block;
			text-align: center;
		}
		.desconto .txt {
			font-size: 10px;
		}		

/* Formas de pagamento */
#formas_pagamento {
	width: 250px;
	border-radius: 4px;
	overflow: hidden;
}
@media only screen and (max-width:1200px){
	#formas_pagamento {
		width: auto;
	}
}
/* No carrinho exibe 100% */
#formas_pagamento.formas_pagamento_carrinho {
	width: 100%;
}
	#formas_pagamento .opcoes {
		background: #c0c0c0;
	}
	#formas_pagamento .parcelamento {
		background: #f5f5f5;
		font-size: 10px;
		color: #666;
	}
	#formas_pagamento .parcelamento_nome_pagamento {
		padding: 5px;
		background: #e0e0e0;
	}	
	#formas_pagamento .parcelamento_lista_valores {
		padding: 5px 10px;
	}
  #formas_pagamento .forma_pagamento_deposito {
    background: url(https://agenciadix.com.br/site/img/banco_imagens/pagar-via-pix.png) center 20px no-repeat;
    background-size: 130px 45px;
  }
	
.produto_preco_por {
  font-size: 1.5em;
}
.produto_preco_por label {
	width: inherit;
	display: block;
	font-weight: normal;
	font-size: 11px;
	line-height: 5px;
	letter-spacing: 0px;
}		
/* --------------------------------------------------------------- */
/* Vitrine de v�deos */
/* --------------------------------------------------------------- */
#vitrine_videos{
	margin:0px;
	padding:0px;
	list-style:none;
}
	#vitrine_videos li{
		width:45%;
		display:inline-block;	
		padding:20px;
		text-align:center;
	}
/* --------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* Produtos > Menu filtro */
/* --------------------------------------------------------------- */
.show_sidebar{display:none;background:#000;color:var(--color-white);height:30px;width:100px;font-size:1rem;text-transform:uppercase;text-align:center;line-height:30px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.hide_sidebar{display:none;color:#000;font-size:1.5rem;float:right;}
.fundo_escuro{display:none;}
.bgshadow{background:var(--color-white);box-shadow:0 0 5px rgba(0,0,0,0.2);-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);transition: all 0.1s linear;}
.bgshadow:hover{box-shadow:0 0 15px rgba(0,0,0,0.3);-moz-box-shadow:0 0 15px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.3);}
.bordertop {
    border-top: 2px solid var(--color1);
}
#sidebar {
  width: 20%;
  height: auto;
  float: left;
  transition: all 0.1s linear;
  padding: 13px 20px 13px 27px;
  margin: 7px 1.4% 0 0;
  overflow: hidden;
  position: absolute;
  z-index: 99999;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;	
  height: 30px;
  right: 11em;
  margin-top: -11em;	
}
#sidebar:hover {
    height: auto;
}
#sidebar:before {
    content: "Filtrar resultados";
    font-size: 23px;
    margin-bottom: 13px;
    float: left;
    width: 100%;
    color: #9a9a9a;
}
#sidebar .filtro{margin-bottom:15px;}
#sidebar label{
  display:block;
  min-height:30px;
  text-transform: uppercase;
  width: 100%;
  cursor: pointer;
}
#sidebar .filtro {margin-bottom: 15px;}
#sidebar .filtro .filtro_content{
  max-height: 350px;
  overflow: auto;
  overflow-x: hidden;
}
#sidebar input{
  opacity: 0;
  margin-right: -12px;
  cursor: pointer;
  width: 8px;
  height: 0px;
  display: none;
}
#sidebar input + span{color:#767676;line-height:30px;font-size:0.8rem;}
#sidebar input + span:before{
  content: "";
  margin-right: 10px;
  width: 12px;
  height: 12px;
  padding: 0.2em;
  line-height: 13px;
  background: var(--color-white);
  border: 1px solid #ddd;
  visibility: visible;
  border-radius: 2px;
  float: left;
  margin-top: 5px;
  color: var(--color1);
}
#sidebar label:hover input + span:before{background:rgba(0,0,0,0.1);}
#sidebar input:checked + span:before {
    content: "x";
    color: var(-color1);
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
    width:13px;
    height:13px;
    padding: 0.2em; 
    border-radius: 2px;   
}
#sidebar .filtro_valores, #sidebar .filtro_marcas {
    display: none;
}
#sidebar h4 {
  color: #353535;
  text-transform: none;
  margin-bottom: 5px;
  font-size: 2em;
  padding-left: 3px;
	margin: 0;
}
@media only screen and (max-width:1200px){
	#sidebar {
    width: 87%;
    position: relative;
    margin: 0 auto;
    right: auto;
    left: auto;
    top: auto;
    bottom: auto;
    margin-bottom: 20px;
    z-index: 9999999999;
    display: block;
    margin-left: 0;
    margin-top: 1em;
	}
		#sidebar h4 {
			text-transform: none;
			font-size: 2em;
			padding-left: 3px;
			margin: 0;
			margin-bottom: 10px;
		}		
}
/* --------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* Blog onpage */
/* --------------------------------------------------------------- */
	div#ws_blog_content {
		float: left;
		width: 80%;
	}
		div#ws_blog_content ol#secao {
			margin: 0;
			list-style: none;
			padding: 0;
		}
			div#ws_blog_content ol#secao li{
				margin: 0;
				list-style: none;
				padding: 0;
				margin-bottom:5px;
				margin-top:5px;
				border-bottom:1px dotted #f5f5f5;
			}
			div#ws_blog_content ol#secao li:first-child {
				margin-top: 0px;
			}			
				div#ws_blog_content ol#secao li a{
					text-decoration:none;
				}	
				div#ws_blog_content ol#secao li a:hover{
					text-decoration:none;	
				}
					div#ws_blog_content ol#secao li .imagem {
						display: block;
						overflow: hidden;
						height: 60px;
						background: #f5f5f5;						
					}	
						div#ws_blog_content ol#secao li .imagem img {
							width: 250px;
							min-height:100%;

							/* Efeito */
							opacity: 0.5;
							-webkit-transition: all 0.3s ease-out;
							transition: all 0.3s ease-out;	
							filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
							filter: gray; /* IE6-9 */
							-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */	
						}
						div#ws_blog_content ol#secao li:hover .imagem img {
							/* Efeito */
							opacity: 1;
							filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
							-webkit-filter: grayscale(0%);							
						}
					div#ws_blog_content ol#secao li a span.secao_data {
						display: block;
						padding: 1px;
						background: #f5f5f5;
						width: 90px;
						text-align: center;
						font-size: 11px;
						text-shadow: 1px 1px var(--color-white);
						color: #c0c0c0;
						text-decoration:none;
					}
					div#ws_blog_content ol#secao li a:hover span.secao_data{
						text-decoration:none;	
					}			
	/* Blog menu */
	nav#ws_blog_menu {
		float: right;
		width: 15%;
		border: 1px solid #f0f0f0;
		padding: 16px;
		border-top: 5px solid #e0e0e0;
	}
	/* Blog lateral / adicionais */
	div#ws_blog_adds{
		float: right;
		width: 15%;
		border: 1px solid #f0f0f0;
		padding: 16px;
		border-top: 5px solid #e0e0e0;
		margin-top:20px;	
	}
		div#ws_blog_adds img{
			max-width:100%;
			height:auto;	
		}

@media only screen and (max-width:1000px){
	div#ws_blog_content{
		width:100%;	
	}	
		div#ws_blog_content ol#secao li .imagem img{
			width:100%;
		}		
	nav#ws_blog_menu,
	div#ws_blog_adds
	{
		width:100%;
		float:left;
		margin-top:20px;	
	}
	div#ws_blog_adds img{
		width:90%;	
	}
}

/* Personaliza��o */

.txt,
input,
textarea,
select,
#carrinho input[type=text],
#carrinho input[type=password],
#carrinho select
{
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	  
	margin:2px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	
	padding: 10px!important;
	font-size: 1em;	
	border:0;
  border-bottom: 1px solid var(--color-black);
	color: var(--color-black);
  font-weight: bold;
}
input.bt,
.bt,
#carrinho input[type=button],
#carrinho input[type=submit],
#carrinho .frete a
{
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	  
	border:0;
	background:var(--color1);
	text-align:center;
	color:var(--color-white);
	font-weight:normal;
	text-transform:uppercase;
	padding: 10px!important;
  font-size: 1em;
	display:inline-block;
	text-decoration:none;
	margin-top:5px;
	cursor:pointer;
  opacity: 0.8;  
}
input.bt:hover,
.bt:hover
{
	background:var(--color2);	
	color:var(--color-white);	
}
input[type="radio"],
input[type="checkbox"]
{
    box-shadow: none;
}

::-webkit-input-placeholder 		{   color: #c0c0c0;		}
:-moz-placeholder 					{ 	color: #c0c0c0;  	}
::-moz-placeholder 					{  	color: #c0c0c0;  	}
:-ms-input-placeholder 				{  	color: #c0c0c0;  	}

.is_desktop	{	display:block!important; 	}
.is_mobile	{	display:none!important;	}

#header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin: 0 auto;
  border-bottom: 1px solid #c0c0c05e;
  margin-bottom: 2em;
}
#header > * {
  padding: 2em;
  font-size: 1.2em;
  display: flex;
}
	#logo {
		margin-right:20px;
		float: left;
	}
  #action-bts > * {
    padding: 1em;
  }
  #action-bts img {
    width: 1em;
    position: relative;
    margin: -2px 5px;
  }
  #search input[type=image] {
    position: absolute;
    border: 0;
    margin: 7px -20px;
  }

  #banner .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -40px;
    position: absolute;
    text-align: center;
    width: 100%;
  }
  
  #banner img {
    width: 100%;
    height: auto;
  }
    #banner .owl-carousel .owl-item{
      float: left;
      opacity:0.3;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;	
    }
    #banner .owl-carousel .owl-item.active{
      opacity:1;
    }
      #banner .owl-item img{
        width:100%;
        height:auto;	
      }

#home-vitrine {
  width: 80%;
  margin: 2em auto;
  text-align: center;
  margin-bottom: 3em;
}
#social-media, #newsletter {
  background: #f1f1f1;
}
#social-media {
  text-align: center;
  padding: 4em;
  overflow: hidden;
}
#social-media h2 , 
#newsletter h2 {
  font-size: 3em;
  color: var(--color5);
}
#newsletter h2{
  color: var(--color1);
}
#newsletter {
  padding: 2em 0;
  padding-bottom: 6em;
}
#newsletter input[type=text] {
  background: none;
  width: 20%;
}
#social-media h2 {
  margin-bottom: 1em;
}
#social-media iframe {
  width: 100%!important;
}

body.interna #conteudo {
    padding: 8em 0;
}

#footer {
  background: var(--color-white);
  padding: 2em 0;
  color: var(--color-black);
  display: flex;
  width: 90%;
  margin: 0 auto;  
}
#footer .col {
  margin: 1em;
  padding: 2em;
  width: 23%;
}
#footer .col:first-child {
  width: 10%;
  text-align: center;
}
#social-media-menu div {
  display: flex;
  width: 50%;
  text-align: center;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  margin: 0 auto;
  margin-top: 2em;
}
#social-media-menu div a{
  opacity: 0.5;
}
#social-media-menu div a:hover{
  opacity: 1;
}
#footer .col p {
  text-align: justify;
  margin-bottom: 2em;
}
#footer .col .nav_menu a {
  display: block;
  margin: 0.5em 0em;
}

	nav#rodape,
	#newsletter,
	#pgs 
	{
		float: left;
		width: 100%;
		text-align:center;
	}
	#footer h2 {
		margin-bottom: 20px;
		margin-top: 10px;
	}
	nav#rodape a{
		display:block;
		clear:both;
		font-size:12px;	
		color:var(--color-white);
	}
	nav#rodape a:hover{
		color:var(--color-white);
		text-decoration:underline;	
	}
	
	
#subfooter {
  background: var(--color-gray);
  display: flex;
  padding: 1em;
  text-align: center;
  justify-content: space-evenly;
  align-items: center;
  color: var(--color-white);
}
#subfooter img {
  max-height: 25px;
}
#subfooter div {
  display: flex;
  align-items: center;
}
#subfooter #safe-site span {
  margin: 0 1em;
}
	
.vitrine-destaque, .vitrine-normal {
  margin-bottom: 3em;
}
.vitrine-destaque h2, .vitrine-normal h2 {
  background: #79C7C4;
  color: var(--color-white);
  padding: 0.4em;
  margin-bottom: 2em;
  font-size: 2.5em;
}
.vitrine-normal h2{
  background: var(--color4);
}
#vitrine {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.box_produto {
  text-align: center;
  width: 100%;
  margin: 0.5em;
}

body.interna #vitrine {
  flex-direction: row;
  flex-wrap: wrap;
}
body.interna #vitrine .box_produto {
  width: 19%;
}
body.interna #vitrine .box_produto .prod_img img {
  height: auto;
  width: auto;
  height: 100%;
  min-width: 100%;
}

/* Vitrine Mix */
.v1e2 {
  display: flex;
}
.v1e2 .v1 {
  width: 100%;
}
.v1e2 .v1 .vitrine-destaque #vitrine .box_produto {
  width: 100%;
  height: 558px;
}
.vitrine-destaque #vitrine {
  display: flex;
  justify-content: space-evenly;
  align-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
}
.vitrine-destaque #vitrine .box_produto img {
  width: 100%;
  min-height: 100%;
  -webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	
}
.v1 #vitrine .box_produto {
  height: 558px;
  margin-left: 0;
  overflow: hidden;
}
.v2 #vitrine .box_produto {
  height: 273px;
  overflow: hidden;
  width: 32%;
  margin: 0.5em;
}
.v2 #vitrine .box_produto:nth-child(3), 
.v2 #vitrine .box_produto:nth-child(6) {
  margin-right: 0;
}
#vitrine .box_produto a:hover img {
  opacity: 0.5;
  transform: scale(1.2);
}
/* V Geral */
#vitrine .box_produto {
  overflow: hidden;
}
#vitrine .box_produto a img {
  width: 100%;
}
#vitrine .box_produto .prod_img {
  height: 380px;
  overflow: hidden;
  margin-bottom: 10px;
}
#vitrine .box_produto .prod_img img {
  -webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	  
  height: auto;
  width: 110%;
  min-height: 100%;
}
#vitrine .box_produto .prod_valor_secao {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#vitrine .box_produto .prod_nome {
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;
}
#vitrine .box_produto .prod_dados {
  background: #00000012;
  padding: 2em;
  margin-top: 0px;
  -webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	
  height: 130px;
  overflow: hidden;
}
#vitrine .box_produto:hover .prod_dados{
  background: var(--color5);
  color: var(--color-white);
}
#vitrine .box_produto .prod_euquero {
  display: flex;
  background: var(--color-black);
  position: relative;
  width: 100%;
  margin-top: -50px;
  color: var(--color-white);
  align-items: center;
  text-align: right;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  justify-content: flex-end;
  align-items: center;
  height: 40px;   
}
#vitrine .box_produto:hover .prod_euquero{
  opacity: 1;
}
#vitrine .box_produto .prod_euquero span {
  padding: 0em 1em;
}
#vitrine .box_produto .prod_euquero span img {
  opacity: 1;
  width: 20px;
  height: 20px;
}
	
.vitrine-normal #vitrine {
  width: 100%;
  flex-wrap: wrap;
}
.vitrine-normal #vitrine .box_produto{
  width: 19%;
}
/* --------------------------------------------------------------- */
/* Prod */
/* --------------------------------------------------------------- */
.prod {
  display: flex;
  flex-direction: column;
}
.pr {
  margin-top: 3em;
}
.prod .produto_preco_por {
  font-size: 3em;
}
/* Produto > Galeria */
#prod_galeria{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-content: space-around;
  justify-content: space-evenly;
  align-items: center;
}
	#prod_galeria li{
    width: 100%;
    height: 400px;
    border: 1px solid #f0f0f0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
    overflow: hidden;			
	}
	#prod_galeria li:hover{
		border:1px solid #c0c0c0;
	}
		#prod_galeria li img {
			height: auto;
			width: auto;
      min-width: 100%;
    }    
    #prod_galeria li img.zoomImg {
      width: auto!important;
      height: auto!important;
      max-width: none!important;
      max-height: none!important;
    }

/* Zoom */
.zoom {
	display:inline-block;
	position: relative;
}

/* magnifying glass icon */
.zoom:after {
	content:'';
	display:block; 
	width:33px; 
	height:33px; 
	position:absolute; 
	top:0;
	right:0;
}
.zoom img {
	display: block;
}
.zoom img::selection { background-color: transparent; }

/* --------------------------------------------------------------- */

/* ------------------------------------------------------- */
/* ZOOM PRODUTO */

/* �rea da janela de zoom */
/* Titulo da janela de Zoom de produtos */
#zoom_produto .produto_nome{
	background-color:#F0F0F0;
	padding:5px;
	text-align:left;
	font-size:18px;
	color:#333333;
	margin-bottom:10px;
}
/* Imagens */
#zoom_produto img{
	padding:5px;
}
#zoom_produto img.foto_p{
	cursor:pointer;
	border:3px solid #f0f0f0;
	margin:3px;
	padding:6px;
	width:80px;
}
#zoom_produto#barra_fotos{
	text-align:left;
	width:100%;
	overflow:hidden;
	border-bottom:3px solid #c0c0c0;
	padding:5px;	
}
/* ------------------------------------------------------- */

.prod_acts {
  margin-top: 3em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#prod_informacoes {
  margin-top: 4em;
  text-align: justify;
}
.prod .bt_comprar {
  font-size: 2em;
  color: var(--color-white);
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	
}
.prod .bt_comprar:hover{
  text-decoration: none;
}

.col-12, .col-lg-12 {
  width: 100%;
}

@media only screen and (max-width:1200px){
	
	#conteudo img{
		max-width:100%!important;
		height:auto!important;
		margin:0!important;
	}
		
  #header {
    flex-direction: column;
    text-align: center;
    margin-bottom: 0;
    border: 0;    
  }
  #header #logo{
    width: auto;
    text-align: center;
    margin-top: 4em;
  }
  #header #logo img {
    width: 300px;
  }

/* -------------------------------------------------------------------------------------------- */
/* Menu Mobile */
#menu_mobile{
	display:block;	
}
#nav_main {
		display: block;
		position: fixed;
		width: 71%;
		background: var(--color1);
		margin: 0;
		padding: 10px;
		height: 100%;
		z-index: 9999999;
		margin-left: -90%;	
    top:0;	
    padding: 1.2em;
    opacity: 0.9;
	}
    #nav_main a {
      display: block;
      margin-top: 15px;
      font-size: 1.5em;
      color: var(--color-white);
    }
		#nav_main #menu a:hover {
			background-color: rgba(0, 0, 0, 0.47);
			color: var(--color-white);
		}
		#nav_main #menu a {
			display: block;
			background-color: rgba(255, 255, 255, 0.4);
			width: 90%;
			margin: 0 auto;
			border: 1px solid rgba(255, 255, 255, 0.17);
			padding: 6px 5px;
			margin-bottom: 1px;
		}	
			#nav_main li{
				float:none;	
				margin-top:5px;
			}
      #nav_main div {
          width: 100%;
          text-align: center;
          display: flex;
          align-items: center;
          flex-direction: column;
      }      
				#nav_main li a {
					color: #000;
					text-shadow: none;
					font-size: 18px;
				}	
			.menu_submenu {
				padding: 20px;
			}
				.menu_submenu ul.submenu{
					display:block!important;
					position:relative!important;
					margin-bottom: 10px;	
				}
				#nav_main .menu_submenu .submenu li{
					margin:0;	
				}
					#nav_main .menu_submenu .submenu li a {
						font-size: 13px;
						font-weight: normal;
					}
					#nav_main .menu_submenu .submenu li a:before{
						content:"-";
						float:left;
						margin-right:5px;
						margin-left:10px;	
					}							
		#nav_main.show{
			margin-left:0%;
		}      
/* -------------------------------------------------------------------------------------------- */	
          
  #social-media iframe {
    width: 100%!important;
    height: 60px!important;
  }
  .v1e2 {
    display: flex;
    flex-direction: column;
  }
  .v1 #vitrine .box_produto {
    height: 300px;
    margin: 0;
    margin-bottom: 0.2em;
  }
  .vitrine-destaque h2, .vitrine-normal h2{
    margin: 0;
    margin-bottom: 0.5em;
  }
  .v2 #vitrine .box_produto {
    width: 49%;
    margin: 0px;
    height: 150px;
    margin-bottom: 5px;
  }
  #vitrine {
    flex-direction: column;
  }
  #vitrine .box_produto {
    margin: 0;
  }
  .vitrine-normal #vitrine .box_produto {
    margin-bottom: 2em;
  }
  body.interna #vitrine .box_produto {
    width: 100%;
    margin-bottom: 1em;
  }  
  .owl-carousel .owl-item img {
    height: auto;
  }
  #social-media h2, #newsletter h2 {
    font-size: 2em;
  }

  #footer {
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
  }
  #footer .col, #footer .col:first-child{
    width: 70%;
    margin: 0 auto;
    padding: 3em;
    font-size: 1.5em;
  }
  #footer .col:first-child{
    padding: 0;
    padding-top: 2em;
  }

  #subfooter {
    flex-direction: column;
  }
  #subfooter div {
    padding: 1em;
  }

  #prod_galeria{
    flex-direction: column;
  }
  #prod_galeria li {
      width: 100%;
      height: 300px;
  }
  body.interna h1.titulo {
    font-size: 3em; 
  }
  body.interna #content {
    width: 75%;
  }


	/* Slide */
	#lightbox-container-image-data-box {
	   max-width: 90%!important;
	}
	#lightbox-container-image-box img {
	   width: 100%!important;
	}
	#lightbox-container-image-box #lightbox-loading img{
		width: auto!important;
	}
	#lightbox-container-image-box {
	   max-width: 90%!important;
	   height: auto!important;
	}	
	
}

/* Full HD */
@media (min-width: 1600px) {
}
/* Horizontal screen */
@media screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 1080px), screen and (max-width: 480px) {	
}
/* Olders */
@media screen and (max-width: 390px) {
}