@charset "utf-8";
/*
    Ferrominas - 18-Setembro-2026 - 14h00
    https://loja.ferrominas.com.br

    By Wesley Soares
    © DV9 Soluções Digitais https://www.dv9.com.br
*/

::marker {
    font-family: "Rubik";
}

/* Themes */
/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
:root {
    --font-family-primary: "rubik", sans-serif, Helvetica, Arial;
    --width-global: 1320px;
    --padd-hori-global: clamp(0.625rem, 0.3917rem + 1.1667vw, 1.0625rem);
    --global_space_section: 3rem;
    --zindex_header: 1001;
    
    --color-primary: #bd3631;
    --color-primary-20: #bd363120;
    --color-primary-50: #bd363150;
    --color-primary-accent: #c0271c;
    --color-secondary: #333333;
    --color-secondary-20: #33333320;
    --color-secondary-50: #33333350;
    --color-secondary-accent: #09456d;
    --color-tertiary: #eaeaea;
    --color-tertiary-20: #eaeaea20;
    --color-tertiary-50: #eaeaea50;
    --color-tertiary-80: #eaeaea80;
    --color-quartenary: #f0ede4;
    --color-header-primary: var(--color-primary);
    --color-header-primary-accent:#ffe8b5;
    --color-header-secondary: var(--color-secondary);
    --color-header-secondary-accent:#000000;
    --color-header-tertiary:#ffff;
    --color-header-badge:#ff4668;
    --color-footer-title: var(--color-secondary);
    --color-footer-text: #d0cdc3;
    --color-footer-text-accent: #ffffff;

    --color-text-primary: #727376;
    --color-text-secondary: #ffffff;

}

@media only screen and (max-width : 1370px) {
    :root {
        --width-global: 1100px;
    }
}

/* Reset o CSS*/
* {
    margin: 0;
    padding: 0;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

img {
    border: 0;
}

/* Link padrão */
a {
    color: var(--color-primary);
    text-decoration: underline;
    transition: .05s linear;
    -o-transition: .05s linear;
    -moz-transition: .05s linear;
    -webkit-transition: .05s linear;
}

a:hover {
    text-decoration: none;
}

/* Seleção */
::selection {
    background: var(--color-primary);
    color: #fff;
}

::-moz-selection {
    background: var(--color-primary);
    color: #fff;
}

/* Fancybox HTML */
.fancybox-html {
    display: none;
}

.fancybox-html__inner {
    max-width: 900px;
    overflow-y: auto;
    text-align: center;
}

/* Textos */
.texto {
    font-size: 100%;
    font-size: 1em;
    line-height: 1.4;
    text-align: left;
}
.texto--width-small  { margin: 0 auto; max-width: 700px;}
.texto--width-medium { margin: 0 auto; max-width: 900px;}
.texto--width-large  { margin: 0 auto; max-width: 1100px;}

.texto .cita {
    padding: 1em 1.3em;
    font-style: italic;
    display: block;
    background: #f5f5f5;
    color: #000;
}

.texto p {
    margin-bottom: 1.4em;
}

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

.texto ul,
.texto ol {
    margin-bottom: 0.6em;
    margin-left: 2em
}

.texto ul li,
.texto ol li {
    padding-bottom: 0.6em;
}

.texto ul ::marker,
.texto ol ::marker {
    color: var(--color-secondary);
}

.texto img {
    max-width: 100%;
}

.texto h1,
.texto h2,
.texto h3,
.texto h4 {
    padding-bottom: 0.6em;
    line-height: 1.1;
    font-weight: 600;
}

.texto h1 {
    font-size: 1.75em;
}

.texto h2 {
    font-size: 1.55em;
}

.texto h3 {
    font-size: 1.35em;
}

.texto h4 {
    font-size: 1.15em;
}

.texto--primaryColor h1,
.texto--primaryColor h2,
.texto--primaryColor h3,
.texto--primaryColor h4 {
    color: var(--color-primary);
}

.texto--primaryColor .cita {
    background: var(--color-primary-20);
}

.texto--primaryColor li::marker {
    font-size: 1.2em;
    color: var(--color-primary);
}

.texto--secondaryColor h1,
.texto--secondaryColor h2,
.texto--secondaryColor h3,
.texto--secondaryColor h4 {
    color: var(--color-secondary);
}

.texto--secondaryColor .cita {
    background: var(--color-secondary-20);
}

.texto--secondaryColor li::marker {
    font-size: 1.2em;
    color: var(--color-secondary);
}

.indent p {
    text-indent: 1.7em;
}

.justify p {
    text-align: justify;
}

.tcenter,
.texto--center {
    text-align: center;
}


/* Genéricas */
.seo-w h1,
.seo-w h2,
.seo-w h3,
.seo-w h4 {
    visibility: hidden;
    height: 0px;
    font-size: 2px;
    position: absolute;
}

.info-dev {
    font-size: 80%;
    display: inline-flex;
    margin: 0 auto;
    animation: animeinfdev 0.7s ease-in-out infinite;
    padding: 1rem 1.5rem;
    color: #f00;
    border: 2px #f00 solid;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.info-dev::after {
    content: "// ------- " attr(txt) " ------- //";
}

@keyframes animeinfdev {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.12);
    }
}

a .zoom-in .zoom,
a .zoom-in img {
    -webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
}

a:hover .zoom-in .zoom,
a:hover .zoom-in img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

a .zoom-out img {
    -webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

a:hover .zoom-out img {
    -webkit-transform: scale(1.07) rotate(4deg);
    -moz-transform: scale(1.07) rotate(4deg);
    -ms-transform: scale(1.07) rotate(4deg);
    -o-transform: scale(1.07) rotate(4deg);
    transform: scale(1.07) rotate(4deg);
}

.target-anchor {
    --ta-fator-multi: 1.55;
    position: relative;
}
.target-anchor span {
    position: absolute;
    top: calc(var(--global_space_section) * var(--ta-fator-multi) * -1);
}

@media (min-width: 1221px) {
    .target-anchor {
        --ta-fator-multi: 2.3;
    }
}

/* Ocultar somente no mobile */
@media (max-width: 720px) {
  .hide-mobile {
    display: none !important;
  }
}

/* Ocultar somente no desktop */
@media (min-width: 721px) {
  .hide-desktop {
    display: none !important;
  }
}


/* ============================================ */
/*  E S T R U T U R A   G E R A L  ============ */
/* ============================================ */

body {
    width: 100%;
    background-color: var(--color-secondary);
    height: 100%;
    color: var(--color-text-primary);
    font-optical-sizing: auto;
    font-size: 120%;
    font-family: var(--font-family-primary);
    text-align: left;
    position: relative;
    z-index: 0;
    zoom: 1;
}

/* @media only screen and (max-width : 520px) {
    body {
        font-size: 100%;
    }
} */


#aviso-naveg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    transition: all .5s, z-index 0ms;
    z-index: 99999;
}

#aviso-naveg .cont {
    background: #fff;
    border: 5px #222 solid;
    width: 600px;
    padding: 20px;
    margin: auto;
    text-align: center;
    position: relative;
    top: 30%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

#aviso-naveg .fechar {
    position: absolute;
    top: -32px;
    right: -32px;
}

#aviso-naveg .fechar a {
    display: block;
    text-decoration: none;
}

#aviso-naveg .fechar a i {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
}

#aviso-naveg .titulo {
    color: #ff0000;
    font-size: 30px;
    padding-bottom: 15px;
}

#aviso-naveg .desc {
    font-size: 17px;
    padding-bottom: 20px;
}

#aviso-naveg .desc span {
    display: block;
    padding-top: 7px;
    font-size: 16px;
}

#aviso-naveg .navega {
    padding: 5px 0;
}

#aviso-naveg .navega::after {
    content: "";
    clear: both;
    display: block;
}

#aviso-naveg .icone {
    width: 20%;
    float: left;
}

#aviso-naveg .icone a {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

#aviso-naveg .icone span.ico {
    width: 69px;
    height: 69px;
    background-image: url(../imagens/navegadores_atualizados.jpg);
    background-repeat: no-repeat;
    display: inline-block;
}

#aviso-naveg .icone span.tit {
    display: block;
    font-size: 13px;
}

#aviso-naveg .icone.chr span.ico {
    background-position: 0 0;
}

#aviso-naveg .icone.fir span.ico {
    background-position: -69px 0;
}

#aviso-naveg .icone.ope span.ico {
    background-position: -138px 0;
}

#aviso-naveg .icone.saf span.ico {
    background-position: -207px 0;
}

#aviso-naveg .icone.exp span.ico {
    background-position: -277px 0;
}

#aviso-ie {
    width: 100%;
    margin: 0 auto;
    padding: 7px 0;
    font-size: 13px;
    color: #333;
    background: #f9f3d9;
    border: 1px #e6aa7e solid;
    position: fixed;
    z-index: 99998;
}

#aviso-ie strong {
    color: #f00;
    font-size: 16px;
    margin-right: 6px;
}

#aviso-ie i {
    position: relative;
    margin-right: 4px;
    margin-left: 15px;
    color: #f00;
    font-size: 18px;
    display: inline-block;
}

#aviso-ie .fechar {
    position: absolute;
    top: 7px;
    right: 10px;
}

#aviso-ie .fechar a {
    display: block;
    text-decoration: none;
}

#aviso-ie .fechar a i {
    font-size: 20px;
    line-height: 20px;
    color: #555;
}

.aspect-ratio {
    line-height: 0;
}

.aspect-ratio img {
    -o-object-fit: cover;
    object-fit: cover;
}

.bg-gray {
    background-color: #f5f5f5;
}

.bg-white {
    background-color: #fff;
}

.bg-primary {
    background-color: var(--color-primary);
}

.bg-secondary {
    background-color: var(--color-secondary);
}

.bg-tertiary {
    background-color: var(--color-tertiary);
}

.bg-quartenary {
    background-color: var(--color-quartenary);
}

.color-primary {
    color: var(--color-primary);
}

.color-secondary {
    color: var(--color-secondary);
}

.color-tertiary {
    color: var(--color-tertiary);
}

.color-quartenary {
    color: var(--color-quartenary);
}

.color-white {
    color: #fff;
}

.image-random {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-size: cover;
    background-position: center;
}


/* ======================================================== /*
    L A Y O U T
/* ======================================================== */

/* ---------- Header ---------- */
.header{position:sticky;top:0;z-index:var(--zindex_header);background:var(--color-header-tertiary);
  transition:background .25s ease,box-shadow .3s ease}
.header.is-scrolled{box-shadow:0 6px 20px rgba(0,0,0,.14)}
.header__inner{max-width:var(--width-global);margin:0 auto; /*height:var(--header-h)*/;
  padding:0 var(--padd-hori-global);display:flex; /*align-items:center;*/gap:32px}
.header__logo{flex:0 0 auto;position:relative;display:block;width:220px; line-height: 0;}
.header__logo-img{width:100%; transition:opacity .25s; padding: 20px 0;}
.header__logo-img--default {position:absolute;}
.header__logo-img--hover{opacity:0}
.header__toggle,.header__close{display:none;background:none;border:0;padding:8px;cursor:pointer;color:inherit}
.nav__search{display:none}
.header__actions{margin-left:auto;display:flex;align-items:center;gap:1.4rem}
.header__action{position:relative;background:none;border:0;padding:4px;cursor:pointer;
  color:var(--color-header-secondary);font-size:24px;line-height:0;transition:color .25s}
.header__badge{position:absolute;top:-6px;right:-8px;min-width:20px;height:20px;padding:0 5px;
  border-radius:999px;background:var(--color-header-badge);color:#fff;font-size:12px;font-weight:700;
  display:grid;place-items:center}

/* ---------- Nav desktop ---------- */
.nav{flex:1 1 auto;display:flex;justify-content:center}
.nav__list{display:flex;align-items:center;gap:1.2rem;margin:0;padding:0;list-style:none}
.nav__list .nav__item,
.nav__list .nav__link {height: 100%;}
.nav__link{display:flex;align-items:center; justify-content: center; gap:.3rem;padding:8px 0;font-size:.9em; letter-spacing: -0.05rem;
  color:var(--color-header-secondary);text-decoration:none;background:none;border:0;font-family:inherit;
  cursor:pointer;transition:color .25s}
.nav__chevron{font-size:12px;transition:transform .25s;color:var(--color-header-primary);}

@media only screen and (min-width : 1221px) and (max-width : 1370px) {
    .nav__link {flex-direction: column;}
}

/* ---------- Estado invertido (dropdown/busca aberto) — apenas desktop ---------- */
@media (min-width:1220px){
  .header:has(.nav__item--has-sub:hover),
  .header:has(.nav__item--has-sub :focus-visible),
  .header.is-search-open,
  .header.is-inverted{background:var(--color-header-primary)}
  .header:has(.nav__item--has-sub:hover) .nav__link,
  .header:has(.nav__item--has-sub :focus-visible) .nav__link,
  .header.is-search-open .nav__link,
  .header.is-inverted .nav__link,
  .header:has(.nav__item--has-sub:hover) .nav__chevron,
  .header:has(.nav__item--has-sub :focus-visible) .nav__chevron,
  .header.is-search-open .nav__chevron,
  .header.is-inverted .nav__chevron,
  .header:has(.nav__item--has-sub:hover) .header__action,
  .header:has(.nav__item--has-sub :focus-visible) .header__action,
  .header.is-search-open .header__action,
  .header.is-inverted .header__action{color:var(--color-header-tertiary)}

  /* Troca da logo: a segunda imagem aparece no estado escuro */
  .header:has(.nav__item--has-sub:hover) .header__logo-img--default,
  .header:has(.nav__item--has-sub :focus-visible) .header__logo-img--default,
  .header.is-search-open .header__logo-img--default,
  .header.is-inverted .header__logo-img--default{opacity:0}
  .header:has(.nav__item--has-sub:hover) .header__logo-img--hover,
  .header:has(.nav__item--has-sub :focus-visible) .header__logo-img--hover,
  .header.is-search-open .header__logo-img--hover,
  .header.is-inverted .header__logo-img--hover{opacity:1}

  .nav__item--has-sub:hover > .nav__link,
  .nav__item--has-sub.is-open > .nav__link{color:var(--color-header-primary-accent)}
}
.nav__item--has-sub.is-open .nav__chevron{transform:rotate(180deg)}

/* ---------- Submenu (mega) ---------- */
.submenu{position:absolute;left:0;right:0;top:100%;z-index:20; border-top: 2px rgba(255, 255, 255, .2) solid;
  background:var(--color-header-primary);opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .2s,transform .2s,visibility .2s}
.nav__item--has-sub:hover .submenu,
.nav__item--has-sub:has(:focus-visible) .submenu,
.nav__item--has-sub.is-open .submenu{opacity:1;visibility:visible;transform:none}
.submenu__inner{max-width:var(--width-global);margin:0 auto;padding:56px 40px 64px;
  display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr);gap:60px}
.submenu__title{margin:0 0 20px;font-size:26px;color:var(--color-header-primary-accent)}
.submenu__text{margin:0;max-width:34ch;font-size:17px;line-height:1.75;color:var(--color-header-tertiary)}
.submenu__list{margin:0;padding:0;list-style:none; display:grid; gap:22px;align-content:start}
.submenu__link{font-size:19px;font-weight:700;color:#fff;text-decoration:none}
.submenu__link:hover{color:var(--color-header-primary-accent)}

@media (min-width : 1220px) {
    .submenu__list {
        display: block;
        column-count:2;
    }
    .submenu__link {
        display: block;
        padding: .5rem 0;
    }
}

/* ---------- Busca (desktop) ---------- */
.search{position:absolute;left:0;right:0;top:100%;z-index:19;background:var(--color-header-primary);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .2s,transform .2s,visibility .2s; border-top: 2px rgba(255, 255, 255, .2) solid;}
.header.is-search-open .search{opacity:1;visibility:visible;transform:none}
.search__inner{max-width:var(--width-global);margin:0 auto;padding:36px var(--padd-hori-global);
  display:flex;align-items:center;gap:18px;color:var(--color-header-tertiary)}
.search__input{flex:1;min-width:0;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.25);
  outline:0;padding:12px 0;color:#fff;font-family:inherit;font-size:22px}
.search__input:focus{border-bottom-color:var(--color-header-primary-accent)}
.search__input::placeholder{color:rgba(255,255,255,.5)}
.search__close{background:none;border:0;padding:8px;cursor:pointer;color:inherit;font-size:22px;line-height:0}
.search__close:hover{color:var(--color-header-primary-accent)}

/* ---------- Mobile ---------- */
@media (max-width:1220px){
  :root{--header-h:80px}
  .header__inner{padding:0 18px;gap:12px;justify-content:space-between}
  .header__toggle{display:block;order:1;color:var(--color-header-primary);font-size:28px;line-height:1}
  .header__logo{order:2;width:160px;margin:0 auto}
  .header__logo-img{padding: 10px 0;}
  .header__actions{order:3;margin-left:0;gap:16px}
  .header__action--search,.search{display:none}

  .nav{position:fixed;top:0;left:0;bottom:0;width:min(86vw,340px);z-index:50;
    display:block;background:var(--color-header-primary);padding:calc(env(safe-area-inset-top,0px) + 68px) 0 24px;
    transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto}
  .nav.is-open{transform:none}
  .header__close{display:block;position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);left:16px;
    width:36px;height:36px;border-radius:999px;background:var(--color-header-tertiary);color:var(--color-header-primary);
    font-size:16px;display:grid;place-items:center}
  .nav__search{display:flex;align-items:center;gap:10px;margin:0 22px 18px;padding:12px 14px;
    border-radius:10px;background:rgba(255,255,255,.08);color:var(--color-header-tertiary)}
  .nav__search-icon{flex:0 0 auto;font-size:16px;opacity:.7}
  .nav__search-input{flex:1;min-width:0;background:none;border:0;outline:0;color:inherit;
    font-family:inherit;font-size:15px}
  .nav__search-input::placeholder{color:rgba(255,255,255,.55)}
  .nav__list{display:block}
  .nav__item{border-bottom:1px solid rgba(255,255,255,.12)}
  .nav__link{justify-content:space-between;width:100%;padding:18px 22px;color:var(--color-header-tertiary)}
  .nav__chevron{font-size:15px;color:var(--color-header-tertiary)}

  .submenu{position:static;opacity:1;visibility:visible;transform:none;background:rgba(0,0,0,.25);
    max-height:0;overflow:hidden;transition:max-height .35s ease; border: 0;}
  .nav__item--has-sub.is-open .submenu{max-height:640px}
  .submenu__inner{grid-template-columns:1fr;gap:18px;padding:18px 22px 24px; display: block;}
  .submenu__title{font-size:20px;margin-bottom:10px; display: none;}
  .submenu__text{font-size:15px; display: none;}
  .submenu__list{gap:16px}
  .submenu__link{font-size:16px}

  .overlay{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;
    transition:opacity .3s,visibility .3s}
  .overlay.is-open{opacity:1;visibility:visible}
}


/* --- Centralizador global --- */
.l-wrapper {
    max-width: var(--width-global);
    margin: 0 auto;
    padding: 0.1px var(--padd-hori-global);
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}



/* --- Seta scroll up para voltar ao topo --- */
.l-scrollup {
    position: fixed;
    display: none;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

.l-scrollup a {
    background: var(--color-secondary);
    color: #fff;
    display: block;
    text-align: center;
    overflow: hidden;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    z-index: 1;
}

.l-scrollup a:hover {
    background: var(--color-primary);
}

.l-scrollup a i::before {
    font-size: 25px;
    width: 25px;
    height: 25px;
    padding: 4px;
    display: inline-block;
    position: relative;
}

main {
    background-color: #fff;
}

.l-breadcrumb {
    font-size: 1rem;
}

.l-breadcrumb__inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 2px;
}

.l-breadcrumb__item {
    padding: 1px .5rem;
    display: flex;
    color: var(--color-primary);
    align-items: center;
    position: relative;
    font-weight: 600;
}
.l-breadcrumb__item:first-child {
    padding-left: 0;
}

.l-breadcrumb__item::after {
    content: "/";
    position: absolute;
    right: 0;
    transform: translateX(50%);
    color: var(--color-secondary);
}

.l-breadcrumb__item:last-child {
    padding-right: 0;
    /* font-weight: 600; */
    /*color: var(--color-text-primary);*/
}

.l-breadcrumb__item:last-child::after {
    display: none;
}

.l-breadcrumb__item i {
    padding-right: 5px;
}

.l-breadcrumb__link {
    text-decoration: none;
    padding: 3px 0;
    color: var(--color-secondary);
    display: inline-block;
    word-break: break-all;
}

.l-breadcrumb__link:hover {
    text-decoration: underline;
}


footer {}

.l-footer {
    background: var(--color-tertiary);
    border-top: 3px #fff solid;
    padding: 60px 0;
}

.l-footer__wrapper {
    max-width: var(--width-global);
    margin: 0 auto;
    padding: 0.1px var(--padd-hori-global);
    position: relative;
    z-index: 1;
    display: grid;
    /* flex-wrap: wrap; */
    align-items: flex-start;
    grid-template-columns: 3fr 3fr 3fr 2fr;
    /* grid-template: "a b c d" / 3fr 3fr 3fr 2fr; */
    gap: 2rem;
}

.l-footer__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    /* flex: 1 1 32%; */
    flex-direction: column;
    gap: 2.5rem 1rem;
    font-size: 0.8em;
    justify-content: space-between;
}

.l-footer__inner--first {
    flex: 1 1 25%;
}

.l-footer__inner--second {
    padding: 0 2rem;
    flex: 1 1 25%;
}

.l-footer__inner--third {
    padding: 0 2rem;
    flex: 1 1 25%;
}

.l-footer__inner--fourth {
    flex: 1 1 15%;
}

.l-footer a {
    color: inherit;
    text-decoration: none;

}

.l-footer__about {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.l-footer__logo img {
    width: 220px;
    max-width: 70%;
}

.l-footer__text {
    line-height: 1.5;
}

.l-footer__box {
    flex: 1 1 40%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.l-footer__title {
    font-size: 120%;
    font-weight: 700;
    color: var(--color-footer-title);
}

.l-footer__content p {
    margin-bottom: .5rem;
}
.l-footer__content p:last-child {margin: 0;}

ul.l-footer__path {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: none;
}

ul.l-footer__path li a {
    display: flex;
    align-items: baseline;
    gap: .5rem;
}

ul.l-footer__path li a i {
    color: var(--color-primary);
}

ul.l-footer__path li a:hover i {
    transform: scale(1.05) translateX(.15rem);
}

@media only screen and (max-width : 1220px) {
    .l-footer__wrapper {
        grid-template-columns: 1fr;
        /* grid-template:
            "a a a" auto
            "b c d" auto
            "b c d" auto
            "b c d" / 3fr 3fr 2fr; */
    }
}

.l-social {}

.l-social p {
    display: inline-block;
    padding: 3px;
    line-height: 0;
    height: fit-content;
}

.l-social p a {
    text-decoration: none;
    display: block;
    position: relative;
    transition: 0.1s;
}

.l-social p a:hover {
    transform: scale(1.2);
}

.l-social p i {
    font-size: 2em;
    color: var(--color-primary);
}

.l-social--rounded p i {
    color: #888;
    background: var(--color-tertiary);
    font-size: 17px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /*-webkit-box-shadow:0 0 1px #fff; -moz-box-shadow:0 0 1px #fff; box-shadow:0 0 1px #fff;*/
}

.copyright-bg {
    background: var(--color-tertiary);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.l-copyright {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    text-align: center;
    padding: 30px 0;
    color: var(--color-secundary);
}

.l-copy {
    font-size: 0.7em;
    opacity: 0.85;
    filter: alpha(opacity=85);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.l-copy-txt {
    padding: 10px 0;
    letter-spacing: 0.5px;
}

.l-dv9 {
    line-height: 0;
    /*padding-top: 15px;*/
}

.l-dv9 a {
    padding: 10px 0;
    display: inline-block;
    filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.5));
}

.l-dv9 a svg {
    width: 50px;
}

.l-dv9__svg {
    fill: #fff;
    fill-rule: evenodd;
}

.l-dv9__9 {
    fill: #ffd900
}

@media only screen and (max-width : 520px) {
    .l-copyright {
        display: block;
    }
}


/* ======================================================== /*
    P A G E S
/* ======================================================== */

.row-gap--1 {row-gap: 1rem;}
.row-gap--2 {row-gap: 2rem;}
.row-gap--3 {row-gap: 3rem;}
.row-gap--4 {row-gap: 4rem;}
.row-gap--5 {row-gap: 5rem;}
.row-gap--6 {row-gap: 6rem;}

/* --- Section Page --- */
.sec-page {
    padding: var(--global_space_section) 0;
}

@media only screen and (max-width : 720px) {
    .sec-page {
        padding: 30px 0;
    }
}


/* --- Divisor --- */
.divisor {
    padding: var(--global_space_section) 0;
}

.divisor__wrapper {
    max-width: 1600px;
    margin: 0 auto;
}

.divisor__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

.divisor__inner::before,
.divisor__inner::after {
    content: "";
    height: 2px;
    background: #ddd;
    flex: 1;
}

.divisor__inner span {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid var(--color-primary);
}



/* --- Banner Principal HOME --- */
.banner-home {
    position: relative;
    height: 100%;
    overflow: hidden;
    background: var(--color-primary);
    --color-bhome-1: rgba(0, 0, 0, 0.8);
    --color-bhome-2: rgba(0, 0, 0, 0.0);
    --color-bhome-3: rgba(0, 0, 0, 0.0);
    --color-bhome-4: rgba(0, 0, 0, 0.8);
}

.banner-home .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    -webkit-filter: blur(20px);
    filter: blur(20px);
    /*opacity:0.5; filter:alpha(opacity=50);*/
}

.banner-home .bg::after {
    content: "";
    position: absolute;
    background: var(--color-primary);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: -1;
}

.banner-home__inner {
    /*width:100%; height: 100%;*/
    max-width: 1920px;
    margin: 0 auto;
    /* min-height: 550px; */
    position: relative;
}

.banner-home__inner li {
    position: relative;
    background-size: cover;
    background-position: center;
}

.banner-home__inner>li>a {
    height: 100%;
}

.banner-home--full .banner-home__inner {
    max-width: 100vw;
    height: 100%;
    min-height: 100%;
}

.banner-home--full .banner-home__inner li {
    height: 100%;
}

.banner-home--full .banner-home__inner>li>img {
    display: none;
}

/* .banner-home--full .banner-home__inner   li::before,
.banner-home--full .banner-home__inner   li::after {content:""; left:0; right:0; width:100%; background:transparent; position:absolute; z-index:-2;}
.banner-home--full .banner-home__inner   li::before {   top:0; height:60%; background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--color-bhome-1)), to(var(--color-bhome-2))); background:-webkit-linear-gradient(var(--color-bhome-1), var(--color-bhome-2)); background:-moz-linear-gradient(var(--color-bhome-1), var(--color-bhome-2)); background:-ms-linear-gradient(var(--color-bhome-1), var(--color-bhome-2)); background:-o-linear-gradient(var(--color-bhome-1), var(--color-bhome-2)); background:linear-gradient(var(--color-bhome-1), var(--color-bhome-2));}
.banner-home--full .banner-home__inner   li::after  {bottom:0; height:40%; background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--color-bhome-3)), to(var(--color-bhome-4))); background:-webkit-linear-gradient(var(--color-bhome-3), var(--color-bhome-4)); background:-moz-linear-gradient(var(--color-bhome-3), var(--color-bhome-4)); background:-ms-linear-gradient(var(--color-bhome-3), var(--color-bhome-4)); background:-o-linear-gradient(var(--color-bhome-3), var(--color-bhome-4)); background:linear-gradient(var(--color-bhome-3), var(--color-bhome-4));} */

.banner-home__fixed-content {
    padding: 0.1px var(--padd-hori-global);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 60;
}

.banner-home__fixed-content .c-title {
    max-width: 500px;
}

.banner-home__content {
    max-width: 1000px;
    height: 100%;
    padding: 0 1em;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    transition: 0.5s;
    transform: translateY(10%);
    filter: blur(40px);
}

.active-slide .banner-home__content {
    transform: translateY(0);
    filter: blur(0);
}

.banner-home__center {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    line-height: normal;
    text-shadow: 6px 6px 12px rgba(0, 0, 0, 0.3);
}

.banner-home__title {
    width: 100%;
    font-size: 4em;
    font-weight: 900;
    line-height: 1em;
}

.banner-home__text {
    width: 100%;
    padding-top: 15px;
    font-size: 1.5em;
}

.banner-home__buttons {
    width: 100%;
    padding-top: 60px;
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: center;
}

.banner-home__buttons a {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width : 720px) {
    .banner-home__center {
        font-size: 75%;
    }

    .banner-home__title {
        font-size: 3.3em;
        font-weight: 800;
    }
}

@media only screen and (max-width : 420px) {
    .banner-home__title {
        font-size: 2.9em;
    }
}


/* --- Banner Text --- */
.sec-bannerText {

}
.bannerText {
    position: relative;
    background-size: cover;
    background-position: center;
}
.bannerText--colorWhite {
    color: #fff;
}
.bannerText::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0; 
    left: 0;
    background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,.2) 100%);
}
.bannerText__wrapper {
    position: relative;
    z-index: 1;
    min-height: 300px;
    max-width: var(--width-global);
    margin: 0 auto;
    padding: 4rem 1rem var(--padd-hori-global) 1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 2rem;
}
.bannerText__wrapper a {
    color: inherit;
    text-decoration: inherit;
}
.bannerText__txt p {
    padding-bottom: 1rem;
}
.bannerText__txt p:last-child {
    padding-bottom: 0;
}
.bannerText__icon {
    font-size: 2.5rem;
    color: var(--color-primary-accent);
}
.bannerText__wrapper a:hover 
.bannerText__icon {
    transform: translateX(10px);
} 


/* --- Banner Title --- */
.sec-bannerTitle {

}
.bannerTitle {
    position: relative;
    background-size: cover;
    background-position: center;
    --bannerT-W : 1100px
}
.bannerTitle--w400 {--bannerT-W: 400px;}
.bannerTitle--w500 {--bannerT-W: 500px;}
.bannerTitle--w600 {--bannerT-W: 600px;}
.bannerTitle--w700 {--bannerT-W: 700px;}
.bannerTitle--w800 {--bannerT-W: 800px;}
.bannerTitle--w900 {--bannerT-W: 900px;}
.bannerTitle--bgPrimary {
    color: #fff;
}
.bannerTitle--bgPrimary::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0; 
    left: 0;
    /*background: var(--color-primary);*/
    opacity: .7;
}
.bannerTitle__wrapper {
    position: relative;
    z-index: 1;
    min-height: 450px;
    max-width: var(--bannerT-W);
    margin: 0 auto;
    padding:2rem 1rem 5rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
    text-align: center;
}
.bannerTitle__txt p {
    padding-bottom: 1rem;
}
.bannerTitle__txt p:last-child {
    padding-bottom: 0;
}

@media only screen and (max-width : 720px){
    .bannerTitle__txt {
        display: none;
    }
}


/* --- Ícone mouse animado --- */
.scroll-hint {
    --scroll-hint-cor: #1f1f1f;
    --scroll-hint-fundo: #ffffff;
    --scroll-hint-largura: 20px;
    --scroll-hint-altura: 30px;
    --scroll-hint-duracao: 1.8s;

    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 10px 30px;

    background: var(--scroll-hint-fundo);
    color: var(--scroll-hint-cor);
    text-decoration: none;
}

.scroll-hint:focus-visible {
    outline: 2px solid var(--scroll-hint-cor);
    outline-offset: -6px;
}

/* Corpo do mouse */
.scroll-hint__mouse {
    position: relative;
    width: var(--scroll-hint-largura);
    height: var(--scroll-hint-altura);
    border: 2px solid currentColor;
    border-radius: calc(var(--scroll-hint-largura) / 2);
    box-sizing: border-box;
}

/* Rodinha: desce e some em fade */
.scroll-hint__wheel {
    position: absolute;
    top: 4px;
    left: 50%;
    width: 4px;
    height: 7px;
    margin-left: -2px;
    border-radius: 2px;
    background: currentColor;
    animation: scroll-hint-wheel var(--scroll-hint-duracao) ease-in-out infinite;
}

/* Chevron: pulsa para baixo, defasado da rodinha */
.scroll-hint__chevron {
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    animation: scroll-hint-chevron var(--scroll-hint-duracao) ease-in-out infinite;
    animation-delay: 0.25s;
}

@keyframes scroll-hint-wheel {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    70% {
        transform: translateY(12px);
        opacity: 0;
    }

    100% {
        transform: translateY(12px);
        opacity: 0;
    }
}

@keyframes scroll-hint-chevron {

    0%,
    100% {
        transform: translateY(0) rotate(45deg);
        opacity: 0.35;
    }

    50% {
        transform: translateY(4px) rotate(45deg);
        opacity: 1;
    }
}

/* Respeita quem prefere menos movimento 
@media (prefers-reduced-motion: reduce) {

    .scroll-hint__wheel,
    .scroll-hint__chevron {
        animation: none;
        opacity: 1;
    }

    html {
        scroll-behavior: auto;
    }
}*/



/* --- Google ADS --- */
/* 
<div class="google-ads">
    <span class="info-dev" txt="Google ADS"></span>
</div>
*/
.sec-google-ads {
    padding: var(--global_space_section) 0;
}

.google-ads {
    --qtd-ads-1: 100%;
    --qtd-ads-2: calc(50% - var(--global_space_section));
    --qtd-ads-3: calc(33.33% - var(--global_space_section) * 2);
    --qtd-ads-4: calc(25% - var(--global_space_section) * 3);
    display: flex;
    flex-wrap: wrap;
    gap: var(--global_space_section);
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.google-ads__item {
    display: flex;
    flex: 1 1 var(--qtd-ads-1);
    justify-content: center;
}

.google-ads__item img,
.google-ads__item ins,
.google-ads__item div,
.google-ads__item iframe {
    max-width: 100% !important;
}

.google-ads--2 .google-ads__item {
    flex-basis: var(--qtd-ads-2);
}

.google-ads--3 .google-ads__item {
    flex-basis: var(--qtd-ads-3);
}

.google-ads--4 .google-ads__item {
    flex-basis: var(--qtd-ads-4);
}

@media only screen and (max-width : 1370px) {
    .google-ads--4 .google-ads__item {
        flex-basis: var(--qtd-ads-2);
    }
}

@media only screen and (max-width : 1100px) {
    .google-ads--3 .google-ads__item {
        flex-basis: var(--qtd-ads-2);
    }
}

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

    .google-ads--2 .google-ads__item,
    .google-ads--3 .google-ads__item,
    .google-ads--4 .google-ads__item {
        flex-basis: var(--qtd-ads-1);
    }
}


/* --- Banners --- */
.sec-banners {
    padding: var(--global_space_section) 0;
    position: relative;
}

.banners {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin: auto;
    width: 100%;
}

.banners--small {
    max-width: calc(var(--width-global) - var(--padd-hori-global) * 2 );
}

.banners--medium {
    max-width: 1600px;
}

.banners--large {
    max-width: 1920px;
}

.banners__item {
    flex: 1 1 350px;
    line-height: 0;
}

.banners__item a {
    display: block;
}

.banners__item img {
    width: 100%;
}



/* --- Texto/lista e imagem/video com reverse --- */
.sec-textEmphasis {
    overflow: hidden;
}

.sec-textEmphasis--bg {
    background: rgba(75, 217, 125, 0.15);
    background: -moz-linear-gradient(90deg, rgba(75, 217, 125, 0.15) 35%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(75, 217, 125, 0.15) 35%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(90deg, rgba(75, 217, 125, 0.15) 35%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0fdea", endColorstr="#ffffff", GradientType=1);
}

.textEmphasis {
    display: flex;
    gap: 60px;
    padding: 100px 0;
    flex-wrap: wrap;
}

.textEmphasis__item {
    width: 100%;
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.textEmphasis__item--reverse,
.textEmphasis__item:nth-child(even) {
    flex-direction: row-reverse;
}

.textEmphasis__item--reverse:nth-child(even) {
    flex-direction: initial;
}

.textEmphasis__inner {
    width: calc(50% - 25px);
    position: relative;
}

.js-animate .textEmphasis__inner {
    transform: translateX(35px);
    transition: 1s;
    opacity: 0;
    filter: alpha(opacity=0);
}

.js-animate .textEmphasis__inner:nth-child(1) {
    transform: translateX(-35px);
}

.js-animate--over .textEmphasis__inner,
.js-animate--over .textEmphasis__inner:nth-child(1) {
    transform: translateX(0);
    opacity: 1;
    filter: alpha(opacity=100);
}

.textEmphasis__asset {
    margin: auto;
    text-align: center;
    line-height: 0;
    position: relative;
}

.textEmphasis__asset img {
    max-width: 100%;
}

.textEmphasis__shadow {
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .6);
}

.textEmphasis__fotos {
    padding: 0 4rem 8rem 0;
    position: relative;
}

.textEmphasis__fot-2 {
    animation: movePhoto 20s ease-in-out infinite;
    width: 60%;
    position: absolute;
    bottom: 0;
    right: 0;
}

@-webkit-keyframes movePhoto {
    50% {
        transform: translateY(0);
    }

    0%,
    100% {
        transform: translateY(-20%);
    }
}

.textEmphasis__mac {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 90%;
    /*Aspect Ratio*/
    position: relative;
}

.textEmphasis__mac_video {
    padding: 16px 14px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.textEmphasis__list {}

.textEmphasis__titulo {
    padding-bottom: 1em;
}

.textEmphasis__titulo h2,
.textEmphasis__titulo h3 {
    font-size: 1.7em;
    font-weight: 700;
    color: var(--color-secondary);
}

.textEmphasis__texto {
    line-height: 1.7em;
    font-size: 1.1em;
}

.textEmphasis__texto p {
    padding-bottom: 1.3em;
}

.textEmphasis__texto p:last-child {
    padding-bottom: 0;
}

.textEmphasis__itemlist {
    display: flex;
    justify-content: space-between;
    padding: 1.2em 0;
}

.textEmphasis__iconelist {
    width: 110px;
    text-align: center;
}

.textEmphasis__iconelist i {
    font-size: 65px;
    color: var(--color-secondary);
}

.textEmphasis__textolist {
    width: calc(100% - 120px);
}

.textEmphasis__titlist {
    font-size: 1.3em;
    font-weight: 700;
    color: var(--color-primary);
}

.textEmphasis__txtlist {
    line-height: 1.5em;
    padding-top: 0.5em;
}

@media only screen and (max-width : 1100px) {
    .sec-textEmphasis {
        padding: 30px 0;
    }

    .textEmphasis {
        padding: 30px 0;
    }

    .textEmphasis__item {
        gap: 20px;
    }

    .textEmphasis__inner {
        width: 100%;
    }

    .textEmphasis__asset {
        width: 70%;
    }

    .textEmphasis__fotos {
        padding: 0 1rem 5rem 0;
    }

    .textEmphasis__titulo h2,
    .textEmphasis__titulo h3 {
        font-size: 1.3em;
    }

    /* .textEmphasis__texto {font-size: 0.9em;} */

    .textEmphasis__iconelist {
        width: 90px;
        text-align: center;
    }

    .textEmphasis__iconelist i {
        font-size: 45px;
    }

    .textEmphasis__textolist {
        width: calc(100% - 90px);
    }

    .textEmphasis__titlist {
        font-size: 1.1em;
    }

    .textEmphasis__txtlist {
        font-size: 0.9em;
    }
}

@media only screen and (max-width : 720px) {
    .textEmphasis__mac_video {
        padding: 12px 10px;
    }
}

@media only screen and (max-width : 400px) {
    .textEmphasis__asset {
        width: 100%;
    }

    .textEmphasis__mac_video {
        padding: 8px 6px;
    }
}

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



/* --- Texto e imagem 50% full ( Institucional ) --- */
.sec-dest-inst {position: relative;}

.dest-inst {
    display: flex;
}

.dest-inst__inner {
    width: 50%;
    position: relative;
}

.dest-inst__inner--esq {
    padding-left: calc(50% - var(--width-global) / 2 + var(--padd-hori-global));
}

.dest-inst__inner--dir {
    padding-right: calc(50% - var(--width-global) / 2 + var(--padd-hori-global));
}

.dest-inst__inner--txt {
    padding-top: 120px;
    padding-bottom: 120px;
}

.dest-inst__inner--img {
    min-height: 300px;
    z-index: 1;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.dest-inst__inner--bg1 {
    background-color: #e8e8e8;
}

.dest-inst__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    animation: zoominout 35s infinite;
}

@keyframes zoominout {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.1, 1.15);
    }

    100% {
        transform: scale(1, 1);
    }
}


.dest-inst__inner--esq .dest-inst__text {
    padding-right: 2em;
}

.dest-inst__inner--dir .dest-inst__text {
    padding-left: 2em;
}

.dest-inst__text {
    /*color: var(--color-text-secondary);*/
    /* font-size: 1.1em;
    line-height: 1.7em; */
    line-height: 1.6;
    font-size: 1.07em;
}

.dest-inst__text p,
.dest-inst__text .c-tit {
    padding-bottom: 1.3em;
}

.dest-inst__text p:last-child {
    padding-bottom: 0;
}

@media only screen and (max-width : 1100px) {
    .dest-inst {
        /* display: block; */
        flex-direction: column;
    }
    .dest-inst--mob-reverse {
        flex-direction: column-reverse;
    }

    .dest-inst__inner {
        width: 100%;
    }

    .dest-inst__inner--esq,
    .dest-inst__inner--dir {
        padding: 50px 1em;
    }

    .dest-inst__inner--esq .dest-inst__text {
        padding-right: 0;
    }

    .dest-inst__inner--dir .dest-inst__text {
        padding-left: 0;
    }
}



/* --- Player de vídeo --- */
.player-video {
    position: relative;
    color: #fff;
    line-height: 0;
    overflow: hidden;
}

.player-video--rad {
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}

.player-video--shadow {
    box-shadow: 0 0 1em 0 rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 1em 0 rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 1em 0 rgba(0, 0, 0, .6);
}

.player-video--ar-16-9 .player-video__img img {
    aspect-ratio: 16 / 9;
}

.player-video--ar-1-1 .player-video__img img {
    aspect-ratio: 1 / 1;
}

.player-video--ar-4-3 .player-video__img img {
    aspect-ratio: 4 / 3;
}

.player-video__link {
    color: #fff;
}

.player-video__link:hover .player-video__play {
    font-size: 4em;
    animation: none;
}

.player-video__play {
    width: 100%;
    font-size: 3em;
    left: 0;
    top: 50%;
    animation: inoutplay 1s infinite;
    position: absolute;
    text-align: center;
    z-index: 2;
    transition: 0.14s linear;
    text-shadow: 0 0 0.5em rgba(0, 0, 0, 1);
    -moz-text-shadow: 0 0 0.5em rgba(0, 0, 0, 1);
    -webkit-text-shadow: 0 0 0.5em rgba(0, 0, 0, 1);
}

.player-video__play i {
    line-height: 0;
}

@keyframes inoutplay {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.3, 1.35);
    }

    100% {
        transform: scale(1, 1);
    }
}

.player-video__img {
    position: relative;
}

.player-video__img::before {
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgb(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgb(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgb(255, 255, 255, 0) 100%);
}

.player-video__img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.player-video__controls {
    width: 100%;
    padding: 1em 1.5em;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 1;
}

.player-video__playbar {
    width: 30px;
}

.player-video__bar {
    width: calc(100% - 30px);
    position: relative;
}

.player-video__bar::after,
.player-video__bar::before {
    content: "";
    display: block;
    left: 0;
    height: 5px;
    position: absolute;
}

.player-video__bar::after {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
}

.player-video__bar::before {
    width: 30%;
    background-color: #f00;
}


/* --- clicked-item --- */
.sec-clicked-item {
    padding: var(--global_space_section) 0;
    position: relative;
}

.clicked-item {
    display: grid;
    gap: 3rem;
    align-items: start; 
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "pc-gallery pc-info-1"
                         "pc-gallery pc-info-2";
}

.clicked-item__gallery {
    grid-area: pc-gallery;
}

.clicked-item__emphasis {
    position: relative;
}
.clicked-item__emphasis-hidden {
    line-height: 0;
}
.clicked-item__emphasis-hidden img {
    width: 100%;
    aspect-ratio: 4/3;
    -o-object-fit: cover;
    object-fit: cover;
}

.clicked-item__thumbnails .slick-arrow {
    width: 30px; 
    height: 45px;
}
.clicked-item__thumbnails .slick-arrow i {
    width: 30px; 
    height: 45px; 
    font-size: 25px; 
    line-height: 45px;
}
.clicked-item__thumbnails img {
    width: 100%;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
}
.clicked-item__thumb {
    /* margin: 0 2px; */
    position: relative;
}


.clicked-item__info-1 {
    grid-area: pc-info-1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.clicked-item__info-2 {
    grid-area: pc-info-2;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.clicked-item__description {
    line-height: 1.6;
    font-size: 1.07em;
}
.clicked-item__description p {
    padding-bottom: 1rem;
}
.clicked-item__description p:last-child {
    padding: 0;
}

.clicked-item__variations {
    display: flex; 
    flex-wrap: wrap; 
    gap: 5px;
}
.clicked-item__variations label:first-child {
    font-weight: bold;
}

.clicked-item__variations select {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-color: var(--color-secondary);
    font-size: 100%;
    padding-left: 10px;
    border-radius: 5px;
    cursor: pointer;
}

.clicked-item__actions {
    display: grid;
    grid-template-areas: "btn-amount btn-add btn-inf";
    grid-template-columns: 110px auto auto;
    gap: 1rem;
    text-align: center;
}
.clicked-item__actions a {
    height: 60px;
    line-height: 60px;
    padding: 0 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    /* -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; */
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    display: block;
    text-decoration: none;
    clip-path: polygon(
        16px 0,       /* canto superior esquerdo */
        100% 0,
        100% calc(100% - 16px), /* canto inferior direito */
        calc(100% - 16px) 100%,
        0 100%,
        0 16px
    );
}
.clicked-item__actions a:hover {
    filter: brightness(1.1);
}
.clicked-item__amount {
    grid-area: btn-amount;
}
.clicked-item__btn-add {
    grid-area: btn-add;
}
.clicked-item__btn-inf {
    grid-area: btn-inf;
}

.clicked-item__btn-add a {
    background: var(--color-primary);
    color: #fff;
}
.clicked-item__btn-inf a {
    background: var(--color-tertiary);
    color: var(--color-secondary);
}

@media only screen and (max-width : 920px) {
    .clicked-item {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        grid-template-rows: auto;
        grid-template-areas: "pc-info-1"
                             "pc-gallery"
                             "pc-info-2";
}

}



/* --- Slick About --- */
.sec-slick-about {
    padding: var(--global_space_section) 0;
}
.slick-about {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.slick-about .slick-slider {
    padding-bottom: 35px;
}

.card-about {
    min-height: 190px;
    line-height: 0;
}

.card-about img {
    width: 100%;
    height: auto;
    object-fit: cover;
    -o-object-fit: cover;
    transition: .3s;
}

.slick-about .slick-prev {
    left: 20%;
}

.slick-about .slick-next {
    right: 20%;
}

.slick-about .slick-prev,
.slick-about .slick-next{
    top: calc(50% - 17.5px)
}


/* --- Slick About 2 --- */
.sec-slick-about-2 {
    padding: var(--global_space_section) 0;
    overflow: hidden;
}
.slick-about-2 {

    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.slick-about-2 .slick-slider {
    padding-bottom: 35px;
}

.card-about-2 {
    min-height: 190px;
    line-height: 0;
}

.card-about-2 img {
    width: 100%;
    height: auto;
    aspect-ratio: 10/11;
    object-fit: cover;
    -o-object-fit: cover;
    transition: .3s;
}

.slick-about-2 .slick-prev {
    left: -18px;
}

.slick-about-2 .slick-next {
    right: -18px;
}


/* --- Slick Services --- */
.sec-slick-services {
    padding: var(--global_space_section) 0;
    overflow: hidden;
    position: relative;
}
.slick-services {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.slick-services .slick-slider {
    box-shadow: -30px -30px 50px 0 rgba(0,0,0,0.2);
    transform: skewX(-10deg);
    /* margin: 0 -10px; */
}

.slick-services .slick-slide {
    /* padding: 10px; */
}
.slick-services .slick-prev i,
.slick-services .slick-next i {
    color: var(--color-primary);
    background: #fff;
}

.slick-services .slick-next {
    right: -5px;
}

.slick-services .slick-prev {
    left: -5px;
}

@media only screen and (max-width : 1100px) {
    .slick-services .slick-slider {
        padding-bottom: 35px;
    }
}

@media only screen and (max-width : 760px) {
    /* .slick-services .slick-slider {
        margin: 0 -5px;
    }

    .slick-services .slick-slide {
        padding: 10px 5px;
    } */
}


/* --- Slick Cards --- */
.sec-slick-cards {
    padding: var(--global_space_section) 0;
    overflow: hidden;
}

.slick-cards {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.slick-cards .slick-slider {
    margin: 0 -10px;
    padding-bottom: 35px;
}

.slick-cards .slick-slide {
    padding: 10px;
}

.slick-cards .slick-next {
    right: -5px;
}

.slick-cards .slick-prev {
    left: -5px;
}

@media only screen and (max-width : 1100px) {
    .slick-cards .slick-slider {
        padding-bottom: 25px;
    }
}

@media only screen and (max-width : 760px) {
    .slick-cards .slick-slider {
        margin: 0 -5px;
    }

    .slick-cards .slick-slide {
        padding: 10px 5px;
    }
}



/* --- Categorias --- */
.sec-categories {
    padding: var(--global_space_section) 0;
    overflow: hidden;
}

.categories {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.categories__list {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); */
}

@media only screen and (max-width:1100px){
    .categories__list {
        gap: 1rem;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width:720px){
    .categories__list {
        gap: 3rem;
        grid-template-columns: 1fr;
    }
}



/* --- Produtos --- */
.sec-products {
    padding: var(--global_space_section) 0;
    overflow: hidden;
    position: relative;
}

.products {
    display: grid;
    gap: 2rem;
    grid-template-rows: repeat(auto-fit, minmax(10px, 1fr));
    grid-template-columns: 300px auto;
    grid-template-areas: "products-sidebar products-content";
}

.products__sidebar {
    grid-area: products-sidebar;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.products__nav {
    padding: 1rem 0;
}

.products__nav ul {
    list-style: none;
}

.products__nav a {
    font-weight: 500;
    display: block;
    padding: .2rem 0;
    color: var(--color-secondary);
    text-decoration: none;
}
.products__nav .active a,
.products__nav a:hover {
    color: var(--color-primary);
}

.products__content {
    grid-area: products-content;
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}

.products__list {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(2, 1fr);
    /* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); */
}

@media only screen and (max-width:1220px){
    .products {
        grid-template-columns: 1fr;
        grid-template-areas: "products-sidebar" "products-content";
    }
}
@media only screen and (max-width:620px){
    .products__list {
        grid-template-columns: 1fr;
    }
}



/* --- features --- */

.sec-features {
    padding: var(--global_space_section) 0;
}

.features {
    --features-grid      : 1;
    --features-text-size : 1em;
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
.features--box-shadow .features__item {
    padding: 2rem;
    box-shadow: 0 0 2em 0 rgba(0, 0, 0, .1);
}

.features__list {
    display: grid;
    grid-template-columns: repeat(var(--features-list-grid), 1fr);
    gap: 2.5rem;
}

.features__item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.features__header {
    display: flex;
    align-items: center;
    gap: 0.875rem;
}

.features__icon {
    flex: 0 0 auto;
    width: 85px;
    font-size: 45px;
    text-align: center;
    color: var(--color-primary);
}

.features__title {
    font-weight: 500;
    line-height: 1.1;
    text-transform: uppercase;
    color: var(--color-secondary);
}

.features__text {
    margin: 0;
    line-height: 1.5;
    font-size: var(--features-text-size);
}
.features__text p {
    margin-bottom: .5em;
}
.features__text p:last-child {
    margin-bottom: 0;
}

@media (min-width: 520px) {
    .features--grid-4 {
        --features-list-grid : 2;
        --features-text-size : .8em;
    }
}
@media (min-width: 920px) {
    .features--grid-3 {
        --features-list-grid : 3;
        --features-text-size : .8em;
    }
    .features--grid-2 {
        --features-list-grid : 2;
        /* --features-text-size : .8em; */
    }
}
@media (min-width: 1100px) {
    .features {
        gap: 5rem;
    }
    .features--grid-4 {
        --features-list-grid : 4;
    }
}



/* --- Informações técnica --- */
.sec-specifications {
    padding: var(--global_space_section) 0;
    position: relative;
}

.specifications {
    border: 3px solid var(--color-tertiary);
    background: #fff;
}

.specifications__header {
    padding: 1rem;
    background: var(--color-tertiary);
}

.specifications__title {
    font-size: 1.7em;
    font-weight: 600;
    line-height: 1.3;
    color: var(--color-secondary);
}

/* .specifications__list {} */

.specifications__row {
    display: grid;
    grid-template-columns: 25% 1fr;
}
.specifications__row div {
    line-height: 1.5;
    padding: .8rem 1rem;
}
.specifications__row:nth-child(even) {
    background: var(--color-tertiary-80);
}

.specifications__label {
    border-right: 3px solid var(--color-tertiary);
    color: var(--color-secondary);
    font-weight: 600;
}

/* .specifications__value {} */

@media (max-width: 920px) {
    .specifications__row {
        grid-template-columns: 1fr;
        padding: .8rem 0;
    }
    .specifications__row div {
        padding: 0rem 1rem;
    }
    .specifications__label {
        border: 0;
    }
}



/* --- Barra do catálogo --- */
.sec-catalog-bar {
    padding: var(--global_space_section) 0;
}
.catalog-bar {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    margin: 0 auto;
}

/* ----- Download ----- */
.catalog-bar__download {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 24px;
    background-color: var(--color-primary);
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.15;
    text-decoration: none;
    transition: filter 0.3s;
}

.catalog-bar__download:hover {
    filter: brightness(1.1);
}

.catalog-bar__download-text {
    max-width: 200px;
}

.catalog-bar__download-icon {
    color: #fff;
    font-size: 24px;
}

.catalog-bar__related {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 16px;
    border: 1px solid rgba(0, 0, 0, .2);
    background-color: #fff;
}

.catalog-bar__title {
    margin: 0;
    color: var(--color-secondary);
    font-size: 22px;
    font-weight: 500;
    line-height: 1.15;
}

.catalog-bar__columns {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.catalog-bar__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 12px 0;
    list-style: none;
    border-top: 2px solid rgba(0, 0, 0, .2);
}

.catalog-bar__list:first-child {
    border-top: 0;
}

.catalog-bar__link {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    color: var(--color-secondary);
    font-size: 18px;
    text-decoration: none;
    transition: color 0.3s;
}

.catalog-bar__link:hover {
    color: var(--color-primary-accent);
}

.catalog-bar__link-icon {
    color: var(--color-primary-accent);
    font-size: 22px;
}

@media (min-width: 920px) {
    .catalog-bar__columns {
        flex-direction: row;
        justify-content: space-between;
    }

    .catalog-bar__list {
        flex: 1;
        padding: 0 16px;
        border-top: 0;
        border-left: 2px solid rgba(0, 0, 0, .2);
    }

    .catalog-bar__list:first-child {
        border-left: 2px solid rgba(0, 0, 0, .2);
    }
}

@media (min-width: 1220px) {
    .catalog-bar {
        flex-direction: row;
        align-items: stretch;
        gap: 16px;
    }

    .catalog-bar__download {
        flex: 0 0 250px;
        justify-content: flex-start;
    }

    .catalog-bar__related {
        flex: 1;
        flex-direction: row;
        align-items: center;
        gap: 1.5rem;
        padding: 1.2rem;
    }

    .catalog-bar__title {
        flex: 0 0 auto;
        max-width: 150px;
    }

    .catalog-bar__list {
        padding: 8px 0 8px 25px;
    }
}



/* --- Socials --- */
.sec-socials {
    padding-top: var(--global_space_section);
}

.sec-socials,
.socials {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
/* --- Card Service --- */
.card-service {
    min-height: 190px;
}

.card-service__box {
    height: 100%;
    background: var(--color-secondary);
    display: flex;
    flex-direction: column;
    text-decoration: none;
    overflow: hidden;
    transition: 0.05s;
}

.card-service:nth-child(odd) .card-service__box {
    background: var(--color-primary);
}

.card-service__img {
    line-height: 0;
    aspect-ratio: 3/2;
    overflow: hidden;
    position: relative;
}

.card-service__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    transition: .3s;
}

.card-service__text {
    transform: skewX(10deg);
    word-wrap: break-word;
    padding: 1.2rem 2rem;
    color: #fff;
}

.card-service__h {
    font-size: 1.5em;
    /* line-height: 1.1; */
    font-weight: 500;
    letter-spacing: -0.1rem;
}

.card-service__desc {
    font-weight: 300;
    font-size: .75em;
    padding: .5rem 0 .3rem 0;
    text-transform: uppercase;
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; */
}



/* --- Card --- */
.card {
    --card_box_shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.1);
    --card_box_shadow_hover: 0 0.3em 0.8em -0.3em rgba(0, 0, 0, 0.2);
    --card_font_size_title: clamp(0.9rem, 0.4680rem + 2.1600vw, 1.17rem);
    --card_line_height_title: clamp(1rem, 0.5909rem + 2.1818vw, 1.3rem);
    min-height: 190px;
}

.card a {
    color: inherit;
    text-decoration: none;
    display: block;
}

.card__box {
    height: 100%;
    color: inherit;
    border: 1px #ddd solid;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
    /* box-shadow: var(--card_box_shadow_hover); */
    /* border-radius: 10px; */
    overflow: hidden;
    transition: 0.05s;
}

.cards__list--list .card__box {
    flex-direction: initial;
}

.card__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .8em;
}

.cards__list--list .card__inner {
    flex-direction: initial;
    flex: 2;
    gap: 0;
}

.cards__list--list .card__inner:first-child {
    flex: 4;
}

.card__padding-horizontal {
    padding-left: .7em;
    padding-right: .7em;
}

.card__content {
    padding: 0 1rem 1rem 1rem;
}

.cards__list--list .card__content {
    width: 100%;
    gap: .8em;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cards__list--list .card__inner:last-child .card__content {
    justify-content: center;
    align-items: end;
}

.card__tags {
    display: flex;
    gap: .2em;
    flex-wrap: wrap;
    align-items: start;
}

.card__tags .tag {
    border-radius: 20px;
}

.tag {
    --card_tag_color_bg: var(--color-primary);
    --card_tag_color_text: #fff;
    --card_tag_color_border: var(--color-primary);
    --card_tag_color_outline: var(--color-primary);
    padding: 0.25rem 0.8rem;
    font-size: 0.85rem;
    line-height: 1rem;
    font-weight: 500;
    background: var(--card_tag_color_bg);
    color: var(--card_tag_color_text);
    border: 1px var(--card_tag_color_border) solid;
    outline-color: var(--card_tag_color_outline);
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.3);
}

.tag--topLeft {
    border-radius: 0 0 15px 0;
    top: 0;
    left: 0;
}

.tag--topRight {
    border-radius: 0 0 0 15px;
    top: 0;
    right: 0;
}

.tag--bottomLeft {
    border-radius: 0 15px 0 0;
    bottom: 0;
    left: 0;
}

.tag--bottomRight {
    border-radius: 15px 0 0 0;
    bottom: 0;
    right: 0;
}

.tag--anime::before {
    content: '';
    outline-width: 3px;
    outline-color: inherit;
    outline-style: solid;
    opacity: 0;
    transform: scale(0.5);
    animation: ani_short_tags 2s infinite;
    filter: blur(3px);
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tag--1 {
    --card_tag_color_bg: #e31818;
    --card_tag_color_border: #e31818;
    --card_tag_color_outline: #e31818;
}

.tag--2 {
    --card_tag_color_bg: #fedd00;
    --card_tag_color_text: #000;
    --card_tag_color_border: #fedd00;
    --card_tag_color_outline: #fedd00;
}

.tag--3 {
    --card_tag_color_bg: #03f503;
    --card_tag_color_text: #000;
    --card_tag_color_border: #03f503;
    --card_tag_color_outline: #03f503;
}

.tag--4 {
    --card_tag_color_bg: #fb601d;
    --card_tag_color_border: #fb601d;
    --card_tag_color_outline: #fb601d;
}

.tag-offer {
    --card_tag_color_bg: #ffb000;
    --card_tag_color_text: #000000;
    --card_tag_color_border: #ffb000;
    --card_tag_color_outline: #ffb000;
}

.tag-v360 {
    --card_tag_color_bg: var(--color-secondary);
    --card_tag_color_border: var(--color-secondary);
    --card_tag_color_outline: var(--color-secondary);
}

@keyframes ani_short_tags {

    30%,
    70% {
        opacity: 0;
        transform: scale(0.8);
    }

    0%,
    100% {
        opacity: 1;
        transform: scale(1.03);
    }
}

.stamp {
    --card_stamp_margin: 5px;
    display: flex;
    gap: 5px;
}

.stamp span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .2em;
    padding: .2em .5em;
    font-size: .7em;
    line-height: 1em;
    font-weight: 600;
    background: #fff;
    color: var(--color-primary);
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: .25em;
}

.stamp span i {
    line-height: 0;
}

.stamp--topLeft {
    top: var(--card_stamp_margin);
    left: var(--card_stamp_margin);
}

.stamp--topRight {
    top: var(--card_stamp_margin);
    right: var(--card_stamp_margin);
}

.stamp--bottomLeft {
    bottom: var(--card_stamp_margin);
    left: var(--card_stamp_margin);
}

.stamp--bottomRight {
    bottom: var(--card_stamp_margin);
    right: var(--card_stamp_margin);
}

.card__img {
    line-height: 0;
    aspect-ratio: 4/3;
    overflow: hidden;
    position: relative;
}

.cards__list--list .card__img {
    flex: 0 0 200px;
}

.card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    transition: .3s;
}

.card__img a {
    height: 100%;
}

.card__img a:hover img {
    transform: scale(1.05);
}

.card__img .tag,
.card__img .stamp {
    position: absolute;
}

.card__title {
    word-wrap: break-word;
}

.card__title a {
    display: flex;
    gap: .5em;
    flex-direction: column;
    position: relative;
}
.card__title--hasArrow a {
    padding-right: 20px;
}
.card__title--hasArrow a i {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.card__title--hasArrow a:hover i {
    right: 3px;
}


.card__h {
    font-size: 1em;
    line-height: 1.1;
    font-weight: 600;
}

.card__inf-tit {
    font-weight: 700;
    letter-spacing: 2px;
    font-size: .65em;
    text-transform: uppercase;
    color: var(--color-primary);
    display: block;
    padding-bottom: .35em;
}

.card__name {
    font-weight: 600;
    font-size: 1.1em;
    color: var(--color-secondary);
    /* letter-spacing: -0.05rem; */
}
.card__desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card__cod {
    font-weight: 500;
    font-size: .7em;
    color: var(--color-secondary);
    display: inline-block;
    text-transform: uppercase;
}

.card__brand {
    font-weight: 500;
    font-size: var(--card_font_size_title);
}

.card__model {
    font-weight: 700;
    font-size: var(--card_font_size_title);
}

/* a:hover .card__model,
a:hover .card__name {
    color: var(--color-secondary);
} */

.card__version {
    font-weight: 400;
    font-size: .75em;
    line-height: 1.35em;
    padding-top: .2em;
    display: block;
}

.cards__list--list .card__version {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card__details {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    padding: .8em 0 0 0;
}

.cards__list--list .card__details {
    padding: 0;
}

/* .card__details span {font-size: .75em; line-height: .75em; font-weight: 400; display: flex; align-items: center; padding: .35em .5em; border: 1px var(--color-text-primary) solid; border-radius: 3px;} */
.card__details span {
    font-size: .75em;
    line-height: .75em;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.card__details-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .4rem;
    padding: 0 0 .8em 0;
}

.cards__list--list .card__details-2 {
    padding: 0;
    display: none;
}

.card__details-2 span {
    display: flex;
    flex-direction: column;
    gap: .5em;
    font-size: .75em;
    line-height: .75em;
    font-weight: 400;
    display: flex;
    align-items: center;
    padding: .65rem;
    border: 1px rgba(0, 0, 0, 0.1) solid;
    border-radius: 6px;
}

.card__details-2 span em {
    font-style: normal;
    font-size: 120%;
    font-weight: 600;
}

/* .card__details-2 span {font-size: .75em; line-height: .75em; font-weight: 500; display: flex; align-items: center;} */

.card__price {
    font-size: 120%;
    padding: 1.2em 0;
}

.card__info {
    border-top: 1px #ddd solid;
    padding: .3em 0 .5em 0;
    text-transform: uppercase;
}

.card__info a {
    width: 100%;
    display: inline-flex;
    gap: 0.3em;
    align-items: center;
    font-size: 0.7em;
    font-weight: 600;
    padding: 0.4em 0;
    overflow: hidden;
}

.card__info a:hover {
    color: var(--color-primary);
    transform: translateX(3px);
}

.card__info i {
    line-height: 0;
    flex: 0 0 11px;
    text-align: center;
}

.card__info span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: .05s;
}

.card__inner:first-child .card__info,
.card__inner:first-child .card__price,
.card__inner:first-child .card__details-2,
.cards__list--list .card__info {
    display: none;
}

.cards__list--list .card__inner:first-child .card__details-2 {
    display: flex;
    justify-content: left;
}

.cards__list--list .card__inner:first-child .card__info {
    display: block;
    padding: 0;
    border-width: 0;
}

.cards__list--list .card__inner:first-child .card__info a {
    padding: 0;
}

@media only screen and (max-width : 785px) {
    .card__details-2 span {
        flex: 1 1 45%;
    }
}

@media only screen and (max-width : 720px) {
    .cards__list--list .card__price {
        font-size: 100%;
    }

    .cards__list--list .card__inner:first-child .card__price {
        display: flex;
        padding: .3em 0 0 0;
    }

    .cards__list--list .card__inner:last-child {
        display: none;
    }

    .cards__list--list .card__inner:first-child .card__info {
        border-width: 1px;
    }

    .cards__list--list .card__inner:first-child .card__info a {
        padding-top: .6em;
    }
}

@media only screen and (max-width : 520px) and (min-width : 400px) {
    /* .card__content {
        padding: 0 .8rem;
    } */

    .cards__list--grid .card__tag {
        font-size: .65rem;
    }

    .cards__list--grid .card__version {
        font-size: .7em;
    }

    .cards__list--grid .card__price {
        font-size: 100%;
    }

    .cards__list--grid .card__price .price-value {
        font-size: 1.14em;
    }
}

@media only screen and (max-width : 520px) {
    .cards__list--list .card__img {
        flex: 0 0 150px;
    }

    .cards__list--list .card__tag {
        font-size: .65rem;
    }

    .cards__list--list .card__version {
        font-size: .7em;
    }

    .cards__list--list .card__price {
        font-size: 100%;
    }

    .cards__list--list .card__price .price-value {
        font-size: 1.14em;
    }
}

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

    .cards__list--grid .card__brand,
    .cards__list--grid .card__model {
        font-size: 1.17rem;
    }
}



/* ======================================================== /*
    C O M P O N E N T S
/* ======================================================== */

/* --- Descrição --- */
.c-desc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.5rem;
    padding-bottom: 1.2rem;
}
.c-desc--width-small { margin: 0 auto; max-width: 700px;}
.c-desc--width-medium { margin: 0 auto; max-width: 900px;}
.c-desc--width-large { margin: 0 auto; max-width: 1100px;}
.c-desc--center {text-align: center;}
.c-desc__text {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.6;
    font-size: 1.07em;
}
.c-desc--white p {
    color: #fff;
}
.c-desc__text p {
    padding-bottom: 1rem;
}
.c-desc__text p:last-child {
    padding: 0;
}
.c-desc__text h2,
.c-desc__text h3,
.c-desc__text h4,
.c-desc__text strong {
    font-weight: 600;
}
.c-desc__button {
    flex: 0 0 auto;
}
.c-desc__button a {
    padding: 1rem 1.2rem;
    display: flex;
    white-space: nowrap;
    gap: .7rem;
    align-items: center;
    background: var(--color-primary);
    color: #fff;
    font-size: .7em;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: none;

    clip-path: polygon(
        16px 0,       /* canto superior esquerdo */
        100% 0,
        100% calc(100% - 16px), /* canto inferior direito */
        calc(100% - 16px) 100%,
        0 100%,
        0 16px
    );
}
.c-desc__button a:hover {
    transform: scale(1.06);
}
.c-desc__button a i {
    line-height: 0;
    font-size: 150%;
}
.c-desc__button a:hover i {
    transform: scale(1.25);
}

@media only screen and (max-width : 1100px) {
    .c-desc {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        gap: 1.5rem;
        /* justify-items: center; */
        /* grid-template-columns: 1fr; */
    }
    .c-desc__button {
        align-self: center;
    }
}


/* --- Titles 2 --- */
.c-tit {font-size: 135%; line-height: 1.05;}

.c-tit--xxsmall {font-size: 90%;}
.c-tit--xsmall {font-size: 100%;}
.c-tit--small {font-size: 120%;}
.c-tit--medium {font-size: 150%;}
.c-tit--large {font-size: 170%;}
.c-tit--xlarge {font-size: 190%;}
.c-tit--xxlarge {font-size: 210%;}

.c-tit--center {text-align: center;}
.c-tit--center .l-breadcrumb__inner {justify-content: center;}

.c-tit p {
    font-size: .95rem;
    text-transform: uppercase;
    letter-spacing: .15rem;
    padding-bottom: .5rem;
}

.c-tit__h {
    letter-spacing: -0.155rem;
    font-weight: 400;
}

.c-tit__h strong {
    font-weight: 600;
    font-size: 115%;
    /* display: inline-block; */
}

.c-tit--pcolor-primary p,
.c-tit--hcolor-primary p {color: var(--color-primary);}

.c-tit--pcolor-secondary .c-tit__h,
.c-tit--hcolor-secondary .c-tit__h {color: var(--color-secondary);}

.c-tit--pcolor-white p,
.c-tit--hcolor-white p {color: #fff;}
/* 
@media (max-width : 720px){
    
.c-tit {font-size: 135%;}
.c-tit--xxsmall {font-size: 90%;}
.c-tit--xsmall {font-size: 100%;}
.c-tit--small {font-size: 120%;}
.c-tit--medium {font-size: 150%;}
.c-tit--large {font-size: 170%;}
.c-tit--xlarge {font-size: 190%;}
.c-tit--xxlarge {font-size: 210%;}
} */



/* --- Pagination --- */
.c-pagination {
    width: 100%;
    padding: 30px 0;
    position: relative;
    text-align: center;
}

.c-pagination span {
    font-size: 0.9em;
    font-weight: bold;
    padding: 1px 0;
    letter-spacing: 1px;
    display: inline-block;
}

.c-pagination a {
    background: #edf2f6;
    color: var(--color-primary);
    border: 1px #aaa solid;
    height: 28px;
    line-height: 26px;
    padding: 0 10px;
    text-decoration: none;
    display: block;
}

.c-pagination a:hover {
    background: var(--color-primary);
    color: #fff;
    border: 1px var(--color-primary) solid;
}

.c-pagination .off a,
.c-pagination .off a:hover {
    color: #fff;
    border: 1px #e2e2e2 solid;
    background: #e8e8e8;
    cursor: default;
}

.c-pagination__active a {
    background: var(--color-primary);
    color: #fff;
    border: 1px var(--color-primary) solid;
    cursor: default;
}

.c-pagination__arrow a {
    background: #edf2f6;
}

.c-pagination__arrow a:hover {
    background: var(--color-primary);
}



/* --- Pagination 2 --- */
.c-pagination2 {
    display: grid;
    row-gap: 1.5em;
    align-items: center;
    grid-template-columns: 2fr 3fr 2fr;
    color: var(--color-primary);
}

.c-pagination2__inner {}

.c-pagination2__controls {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.c-pagination2__arrow {
    min-width: 75px;
}

.c-pagination2__arrow a {
    display: flex;
    height: 100%;
    gap: 7px;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    font-size: 1em;
    text-transform: uppercase;
    color: var(--color-primary);
    border: 2px var(--color-primary) solid;
    text-decoration: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.c-pagination2__arrow a.c-pagination2__prev {}

.c-pagination2__arrow a.c-pagination2__next {
    background-color: var(--color-primary);
    color: #fff;
}

.c-pagination2__arrow a:hover {
    transform: scale(1.06);
}

.c-pagination2__arrow i {
    font-size: 1.3em;
}

.c-pagination2__pages {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: right;
}

.c-pagination2__text {}

.c-pagination2__input input {
    width: 85px;
    padding: 10px 15px;
    font-size: 1em;
    font-weight: 600;
    border: 2px var(--color-primary) solid;
    background-color: transparent;
    outline: none;
    text-align: center;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

/* .c-pagination2__input input::-webkit-inner-spin-button {display: none;} */

@media only screen and (max-width : 1020px) {
    .c-pagination2 {
        grid-template-columns: 1fr;
    }

    .c-pagination2__inner:first-child {
        display: none;
    }

    .c-pagination2__pages {
        justify-content: center;
    }
}

@media only screen and (max-width : 420px) {
    .c-pagination2__controls {
        font-size: 85%;
    }
}


/* ======================================================== */
/*  B X  S L I D E R
/* ======================================================== */
/* BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com */

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    zoom: 1;
    line-height: 0;
}

.bx-wrapper img {
    /*max-width: 100%;*/
    width: 100%;
    display: block;
}

/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 15px;
    width: 100%;
    z-index: 99;
    /*z-index:100;*/
    /* Wesley Comentou */
}

.bx-wrapper li a {
    display: block;
}

/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../imagens/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*z-index: 2000;*/
    /* Wesley Comentou */
    z-index: 10;
}

/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    color: #666;
    /*padding-top: 20px;*/
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    /**zoom:1; *display:inline;*/
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    border: 2px var(--color-tertiary) solid;
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: var(--color-tertiary);
    border: 2px var(--color-tertiary) solid;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
/* By Wesley */

.bx-wrapper .bx-controls-direction a {
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    top: 50%;
    outline: 0;
    text-indent: -9999px;
    z-index: 99;
    text-decoration: none;
    /*transition:none; -o-transition:none; -moz-transition:none; -webkit-transition:none;*/
}

.bx-wrapper .bx-controls-direction a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

.bx-wrapper .bx-prev {
    left: 7px;
}

.bx-wrapper .bx-next {
    right: 7px;
}

.bx-wrapper .bx-controls-direction a {
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-indent: 0;
}

.bx-wrapper .bx-controls-direction a ::before {
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    position: relative;
}

/*.bx-wrapper .bx-controls-direction a.bx-prev::before {content:"\f137";}
.bx-wrapper .bx-controls-direction a.bx-next::before {content:"\f138";} */



/* ============================================ */
/*  S L I C K   S L I D E R
/* ============================================ */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    /*antes do flex - block*/
    margin-left: auto;
    margin-right: auto;
}

.slick-track::before,
.slick-track::after {
    display: table;
    content: "";
}

.slick-track::after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    /*float:left;*/
    height: auto;
    /*antes do flex no .slick-track - float:left; height:auto;*/
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide img.slick-loading {
    height: 0;
}

/*add wesley*/
.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    /*border:1px solid transparent;*/
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list {
    background: #fff url('../imagens/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
    width: 45px;
    height: 55px;
    top: 50%;
    font-size: 0;
    line-height: 0;
    transition: 0.1s;
    position: absolute;
    z-index: 10;
    display: block;
    padding: 0;
    background: transparent;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: none;
}

.slick-prev i,
.slick-next i {
    width: 45px;
    height: 55px;
    font-size: 30px;
    line-height: 55px;
    color: #fff;
    background: var(--color-primary);
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .6);
    border-radius: 7px;
    /*text-shadow: 0 3px 7px rgba(0,0,0,0.5);*/
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-next:hover {
    -webkit-transform: translate(0, -50%) scale(1.15);
    -ms-transform: translate(0, -50%) scale(1.15);
    transform: translate(0, -50%) scale(1.15);
}

.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before {
    opacity: 1;
    filter: alpha(opacity=100);
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
    opacity: .25;
    filter: alpha(opacity=25);
}

.slick-prev::before,
.slick-next::before {
    opacity: .80;
    filter: alpha(opacity=80);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev::after,
.slick-next::after {
    left: 0;
    opacity: .60;
    filter: alpha(opacity=60);
    color: #fff;
    position: absolute;
    z-index: -1;
    text-shadow: 0px 0px 1px #000;
}

.slick-prev {
    left: 0px;
}

[dir='rtl'] .slick-prev {
    right: 0px;
    left: auto;
}

.slick-next {
    right: 0px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: 0px;
}

/* Dots */
/*.slick-dotted.slick-slider { margin-bottom:30px; }*/

.slick-dots {
    position: absolute;
    /*bottom:-25px;*/
    bottom: 5px;
    width: 100%;
    padding: 0;
    margin: 0;
    display: block;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    /*width:20px; height:20px;*/
    margin: 0 2px;
    padding: 0;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.slick-dots li button {
    /* width:20px; height:20px;*/
    padding: 5px;
    font-size: 0;
    color: transparent;
    background: transparent;
    line-height: 0;
    display: block;
    cursor: pointer;
    border: 0;
    outline: none;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

/* .slick-dots li button:hover::before,
.slick-dots li button:focus::before { opacity:1; filter:alpha(opacity=100);} */

.slick-dots li button::before {
    width: 30px;
    height: 7px;
    display: block;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    content: "";
    background-color: #000;
    color: #fff;
    text-shadow: 0 0 2px #000;
    line-height: 12px;
    opacity: .30;
    filter: alpha(opacity=30);
    font-size: 12px;
    /*position:absolute; top:0; left:0;*/
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button::before {
    opacity: 100;
    filter: alpha(opacity=100);
    color: var(--color-primary);
    background-color: var(--color-primary);
    text-shadow: 0 0 2px #fff;
    /*color:#000;*/
}

/*.bg-banner-home .slick-dots {position:relative; bottom:auto;}*/

.removeDots {
    display: none;
}



/* ======================================================== */
/*  W S  O R Ç A M E N T O
/* ======================================================== */

:root {
    --unit-100vh: 100vh;

    --wsOrc-color-inf-opt-text    : var(--color-primary);
    --wsOrc-color-inf-opt-border  : var(--color-primary);
    --wsOrc-color-inf-opt-backg   : #fff6d7;

    --wsOrc-color-btnAddToCart-text    : #ffffff;
    --wsOrc-color-btnAddToCart-bg      : var(--color-primary);

    --wsOrc-font-family           : "Helvetica", Arial;
    --wsOrc-font-size             : 80%;
    --wsOrc-color-text-global     : #555555;

    --wsOrc-color-title           : var(--color-primary);

    --wsOrc-color-item-title      : var(--color-secondary);

    --wsOrc-color-price-old       : #aaaaaa;
    --wsOrc-color-price-new       : #000000;

    --wsOrc-color-btnDefaut-text  : #ffffff;
    --wsOrc-color-btnDefaut-bg    : var(--color-secondary);

    --wsOrc-color-btnSend-text    : #ffffff;
    --wsOrc-color-btnSend-bg      : var(--color-primary);

    --wsOrc-color-msg             : #45a332;

    --wsOrc-color-form-input-text : #aaaaaa;
    --wsOrc-color-form-alert      : #ffb000;
    --wsOrc-color-form-error      : #ff0000;
    --wsOrc-color-form-error-text : #aaaaaa;
    --wsOrc-color-form-valid      : #00be39;
    --wsOrc-color-form-valid-text : #555555;
}
@supports (height: 100dvh) {
    :root {
        --unit-100vh: 100vh;
    }
}

.selOrc {padding:0 1rem; display: flex; flex-direction: column; gap: .3rem;}
.selOrc select {width: 100%; height: 40px; line-height: 40px; font-size: .85em; padding-left: .7rem;}

.selOrc-inf {position: relative; font-family: var(--wsOrc-font-family); width: 100%; text-align: left;}
.selOrc-inf span {display: none; font-size: 0.8em; color: var(--wsOrc-color-inf-opt-text); border: 1px var(--wsOrc-color-inf-opt-border) solid; background-color: var(--wsOrc-color-inf-opt-backg); position: relative; opacity: 0; transition:.2s; transform:translate3d(0,-25px,0); padding: 10px 10px 12px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.selOrc-inf span.anime {opacity: 1; transform: translate3d(0,0,0);}

.actionsOrc {
    display: grid;
    align-items: stretch;
    gap: 1rem;
    padding:0 1rem 1rem 1rem;
    grid-template-columns: 80px auto;
}
.actionsOrc__btn a {
    display: flex; 
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 1rem 0; 
    overflow: hidden; 
    font-size: .8em; 
    letter-spacing: 1px; 
    text-transform: uppercase; 
    text-decoration: none;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); 
    color: var(--wsOrc-color-btnAddToCart-text);
    background: var(--wsOrc-color-btnAddToCart-bg);
    clip-path: polygon(
        16px 0,       /* canto superior esquerdo */
        100% 0,
        100% calc(100% - 16px), /* canto inferior direito */
        calc(100% - 16px) 100%,
        0 100%,
        0 16px
    );
}

.actionsOrc__btn a:hover {
    filter: brightness(1.2);
}


.wsOrc,
.wsOrc * {margin:0; padding:0; min-width: 0; min-height: 0; box-sizing:border-box; -webkit-box-sizing: border-box;}
.wsOrc img {border:0px;}

.wsOrc {z-index: calc(var(--zindex_header) + 2); position: fixed; background: #fff; font-family: var(--wsOrc-font-family); font-size: var(--wsOrc-font-size); color: var(--wsOrc-color-text-global); width: 100%; max-width: 400px; height: var(--unit-100vh); padding: 0 20px; top: 0; right: -500px; transition: right .5s ease; box-shadow: -10px 2px 25px 10px rgb(0 0 0 / 40%); }
.wsOrc.wsOrc--exibir {right: 0;}

.wsOrc__fade {z-index: calc(var(--zindex_header) + 1); position: fixed; top: 0; left: 0; width: 100vw; height: var(--unit-100vh); transition:all .4s,z-index 0ms; visibility: hidden;}
.wsOrc__fade--on {background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px); visibility: visible;}

.wsOrc form {height: 100%;}

.wsOrc__static {padding: 15px 0;}

.wsOrc__boxinfo {width: 100%;}
.wsOrc__boxinfo span {padding: 7px 10px; display: block; letter-spacing: 0.03em; border: 1px var(--wsOrc-color-msg) solid; color: var(--wsOrc-color-msg); text-align: center; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

    .wsOrc__close {position:absolute; top:20px; right:20px;}
    .wsOrc__close a {padding:0 5px; line-height:0; color:#515151; display:inline-block;}
    .wsOrc__close a       i {font-size:30px; transition:transform .3s;}
    .wsOrc__close a:hover i {-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}

    .wsOrc__titulo {padding: 15px 40px 0 0; color: var(--wsOrc-color-title); font-size: 1.5em; display: flex; gap: 5px;}

    .orcamento {overflow-y: auto;}

        .wsOrc__vazio {display: flex; align-items: center; height: 100%; text-align: center;}
        .wsOrc__vazio-desc {padding: 20px 0; display: flex; flex-direction: column; gap: 10px; width: 100%;}
        .wsOrc__vazio-desc i {font-size: 2.5em;}
        
            .wsOrc__btn-ver-produtos {display: inline-block; font-size: 1.2em; padding: 0.6em 1em; text-decoration: none; color: var(--wsOrc-color-btnDefaut-text); background-color: var(--wsOrc-color-btnDefaut-bg); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
            .wsOrc__btn-ver-produtos:hover {filter: brightness(1.2); transform: scale(1.05);}

        .wsOrc__cheio {}

            .wsOrc__itens {padding: 10px 15px; background: #f6f6f6; overflow: hidden; border-radius: 10px;}

                .orcamento__item {border-bottom: 1px #ddd solid; display: flex; align-items: center; justify-content: space-between; gap: 10px; opacity: 0; right: -100vw; padding: 15px 0; position: relative;}
                .orcamento__item:last-child {border-bottom: 0;}
                .orcamento__item.anime {animation: zoom-in-zoom-out 0.7s ease; opacity: 1; right: 0; }
                @keyframes zoom-in-zoom-out {
                    0% {opacity: 0; right: -100vw;}
                  100% {opacity: 1; right: 0;}
                }
                    .orcamento__img {width: 60px; height: 60px; display: flex; align-items: center; line-height: 0;}
                    .orcamento__img img {width: 100%; border: 1px #ddd solid; aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover;}

                    @media only screen and (max-width : 360px){
                        .orcamento__img {display: none;}
                    }
                
                    .orcamento__tit {flex: 1; display: flex; flex-wrap: wrap; gap: 5px;}
                    .orcamento__tit span {width: 100%; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
                    .orcamento__tit span.tit {font-weight: 600; color: var(--wsOrc-color-item-title);}
                    .orcamento__tit span.opc {font-size: 0.65em; letter-spacing: 0.037em; line-height: 15px; font-family: Verdana, Geneva, Tahoma, sans-serif; opacity: 0.7; text-transform: uppercase;}
                    .orcamento__tit span.de {display: inline-block; width: auto; text-decoration: line-through; color: var(--wsOrc-color-price-old);}
                    .orcamento__tit span.por {display: inline-block; width: auto; font-weight: 900; color: var(--wsOrc-color-price-new);}
                    .orcamento__tit span i {color: #555; opacity: 0.7; font-size: 0.8em; letter-spacing: 0.037em; font-weight: 400;}

                    .orcamento__qtd {width: 50px;}
                    .orcamento__qtd input {width: 100%; height: 30px; font-size: 1.1em; padding: 0 0 0 7px; border: 1px #bbb solid; border-radius: 5px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); outline: none;}
                    .orcamento__qtd .errado {display: none !important;}

                    .orcamento__rem {width: 20px; text-align: center;}
                    .orcamento__rem a {display: block; padding: 5px 0; color: #f00; font-weight: bold; text-decoration: none;}

            .wsOrc__limpar {text-align: right; line-height: 10px;}
            .wsOrc__limpar a {color: #f00; font-size: 0.7em; padding: 5px; font-weight: bold; text-decoration: none; display: inline-block;}
            .wsOrc__limpar a:hover {text-decoration: underline;}

    .wsOrc__form ::-webkit-input-placeholder {color: var(--wsOrc-color-form-input-text); opacity:1; filter:alpha(opacity=100);}
    .wsOrc__form :-moz-placeholder {color: var(--wsOrc-color-form-input-text); opacity:1; filter:alpha(opacity=100);}
    .wsOrc__form ::-moz-placeholder {color: var(--wsOrc-color-form-input-text); opacity:1; filter:alpha(opacity=100);}
    .wsOrc__form :-ms-input-placeholder {color: var(--wsOrc-color-form-input-text); opacity:1; filter:alpha(opacity=100);}

    .wsOrc__form {width: 100%; padding: 15px 3px 0 3px;}
    .wsOrc__form label:first-child {font-size: 0.9em; padding: 0 5px; left: 3px; top: -8px; background: #fff; font-weight: bold; position: absolute;}
    .wsOrc__form textarea,
    .wsOrc__form input,
    .wsOrc__form select {width: 100%; font-size: 1.1em; padding: 0 10px; color: var(--wsOrc-color-form-input-text); border: 1px #ddd solid; background: #fff; border-radius: 10px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); outline-color: #bbb;}
    .wsOrc__form textarea {padding: 15px 10px; font-family: inherit;}
    .wsOrc__form input[type="text"],
    .wsOrc__form input[type="email"],
    .wsOrc__form input[type="tel"],
    .wsOrc__form input[type="file"],
    .wsOrc__form select {height: 47px; line-height: 47px;}
    .wsOrc__form input[type="file"] {padding:0;}
    .wsOrc__form input[type="checkbox"],
    .wsOrc__form input[type="radio"] {width:20px; height:20px; position:relative; bottom:-4px; border:0;}
    .wsOrc__form .errado {color: var(--wsOrc-color-form-error); background: #fff; font-size:0.75em; line-height: 1.1em; display: block; clear: both; position: absolute; left: 3px; margin-top: -7px; padding:0 5px;}
    .wsOrc__form input.error,
    .wsOrc__form textarea.error,
    .wsOrc__form select.error {color: var(--wsOrc-color-form-error-text); -webkit-box-shadow: 0 0 3px var(--wsOrc-color-form-error); -moz-box-shadow: 0 0 3px var(--wsOrc-color-form-error); box-shadow: 0 0 3px var(--wsOrc-color-form-error);}
    .wsOrc__form input.valid,
    .wsOrc__form textarea.valid,
    .wsOrc__form select.valid {color: var(--wsOrc-color-form-valid-text); -webkit-box-shadow: 0 0 3px var(--wsOrc-color-form-valid); -moz-box-shadow: 0 0 3px var(--wsOrc-color-form-valid); box-shadow: 0 0 3px var(--wsOrc-color-form-valid);}

        .wsOrc__form_inner {padding: 10px 0; display: flex; justify-content: space-between;}

            .wsOrc__form_campo {position: relative;}
            .wsOrc__form_campo--50 {width: 49%;}
            .wsOrc__form_campo--100 {width: 100%;}

                .wsOrc__chars {font-size: 0.7em; letter-spacing: 0.035em;}
                .wsOrc__chars span {font-weight: bold;}

    .wsOrc__total {text-align: center; font-size: 1.4em; padding-bottom: 10px;}
        .wsOrc__titTotal {}
        .wsOrc__valTotal {font-weight: 900;}

    .wsOrc__botoes {display: flex; gap: 10px; flex-wrap: wrap; text-align: center;}
    .wsOrc__botoes button,
    .wsOrc__botoes a {width: 100%; display: block; border-radius: 10px; background: var(--wsOrc-color-btnDefaut-bg); color: var(--wsOrc-color-btnDefaut-text); font-size: 1.2em; letter-spacing: 0.06em; padding: 15px 0; border: 0; overflow: hidden; text-transform: uppercase; text-decoration: none; outline: none; cursor: pointer;}
    .wsOrc__botoes button:hover,
    .wsOrc__botoes a:hover {filter: brightness(1.2);}
    .wsOrc__botoes i                        {position: relative; animation-iteration-count: infinite; animation-duration: 1.5s;}
    .wsOrc__botoes i.anime-left-right       {animation-name: anime-left-right;}
    .wsOrc__botoes i.anime-right-left       {animation-name: anime-right-left;}
    .wsOrc__botoes i.anime-rotate-vai-volta {animation-name: anime-rotate-vai-volta;}
    .wsOrc__botoes .bt-pq {font-size: 1em;}
    .wsOrc__botoes .bt-md {font-size: 1.6em;}
    .wsOrc__botoes .bt-gd {font-size: 2.2em;}
    .wsOrc__botoes .bt-send       {color: var(--wsOrc-color-btnSend-text); background: var(--wsOrc-color-btnSend-bg);}

    @keyframes anime-left-right {
        0% {left: 0px;}
        50% {left: 7px;}
        100% {left: 0px;}
    }
    @keyframes anime-right-left {
        0% {right: 0px;}
        50% {right: 7px;}
        100% {right: 0px;}
    }
    @keyframes anime-rotate-vai-volta {
        0% {transform: rotate(0deg);}
        50% {transform: rotate(-20deg);}
        100% {transform: rotate(0deg);}
    }

.hide-info-orc {display: none !important;}


.js-openOrc {position: relative;}

    .js-openOrc__cartItem {width: 200px; position: absolute; top: 0; right: 0; display: flex; flex-direction: column; align-items: flex-end;}
    .js-openOrc__cartItem img {width: 100%; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.3);}

@keyframes numCartAnimation {
    0% { transform: scale(1.3);}
    100% { transform: scale(1);}
}

@keyframes addToCartAnimation {
    0% { transform: translate(-30px, 30px); }
    100% { transform: translate(0, 0); opacity: 0; width: 0; }
}