@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);
/* GERAIS */
:root {

    --container: 1498px;
    --container-margins: 20px;

    --transition--default: all 0.3s ease-out;

    --box-radius: 5px;

    --border: 1px solid var(--clr-gray-100);

    --spacer: 16px;
    --divider-spacer: 60px;

    --matte: rgba(0,0,0,0.54);

    --clr-white: #fff;
    --clr-gray-050: #f9f9f9;
    --clr-gray-075: #fafafa;
    --clr-gray-100: #f1f1f1;
    --clr-gray-150: #f0f0f0;
    --clr-gray-175: #eeeeee;
    --clr-gray-180: #e6eaf2;
    --clr-gray-200: #d1d1d1;
    --clr-gray-250: #d5d5d5;
    --clr-gray-280: #bec5ce;
    --clr-gray-290: #a4a9ad;
    --clr-gray-300: #b0b0b0;
    --clr-gray-320: #909090;
    --clr-gray-390: #8390a5;
    --clr-gray-400: #888;
    --clr-gray-450: #808080;
    --clr-gray-460: #797979;
    --clr-gray-500: #646464;
    --clr-gray-600: #3d3d3d;
    --clr-gray-700: #222;
    --clr-gray-800: #828FA5;
    --clr-black: #000;

    --clr-link-100: #EDF0FF;
    --clr-link-400: #0075ff;
    --clr-link-500: #3176EA;
    --clr-link-550: #3569ef;

    --clr-error-100: #ffeaea;
    --clr-error-200: #ffedec;
    --clr-error-400: #dc3545;

    --clr-success-050: #f3fffa;
    --clr-success-300: #65a594;
    --clr-success-400: #09a57f;

    --clr-warning-050: #FFF9EE;

    --clr-info-100: #EDF0FF;

    --clr-prm-300: #2a4677;
    --clr-prm-400: #002554;
    --clr-prm-600: #0b2650;

    --clr-qtn-300: #9facc3;
    --clr-qtn-400: #828fa5;

    --clr-homol-disabled: red;
    
    --clr-promo01-400: #a96324;
    --clr-promo01-300: #ffdcc4;

    --clr-promo02-400: #e3b76e;
    --clr-promo02-300: #FFDEAB;
    --clr-promo02-600: #FFC469;
    
    --z-100: -1;  /* Backgrounds */
    --z-200: 1; /* Padrão */
    --z-300: 10; /* Menus */
    --z-400: 100; /* Elementos Extras */
    --z-500: 1000; /* Dialog e Modais de Contexto */
    --z-600: 10000; /* Menu Principal */
    --z-700: 100000; /* Dialog e Modais de Bloqueio */

    --shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);

    --content--lines-max: 4;
    --name--lines-max: 3;
    --title--lines-max: 3;
    
    --input-width--min: 120px;
    --input-height: 42px;
    --input-radius: 10px;
    --input-background: var(--clr-gray-100);
    --input-border--color: var(--clr-gray-250);
    --input-placeholder--color: var(--clr-gray-500);
    --input-font--size: 0.875rem;
    --input-font--size-focus: 0.625rem;
    --input-font--color: var(--clr-gray-700);
    --input-font--color-focus: var(--clr-gray-700);
    --input-font--weight: 300;
    --input-font--weight-focus: 500;
    --input-prepos--size: 0.875rem;
    --input-prepos--color: var(--clr-gray-400);
    --input-prepos--weight: 300;
    --input-label--top: 10px;
    --input-padding--left: 1rem;
    --input-padding--right: 1rem;
    --input-padding--top: calc(var(--input-label--top) + 2px);
    --input-icon: 18px;
    --input-mark: 1rem;
    --input-mark--spacer: 10px;
    --input-mark--radius: 2px;
    --input-mark--border-size: 2px;
    --input-mark--border-spacer: 1px;
    --input-mark--border-color: var(--clr-gray-700);
    --input-mark--check: var(--clr-prm-600);
    --input-mark--background: var(--clr-white);
    --mark-font--size: 0.75rem;
    --mark-font--weight: 300;
    --mark-font--color: var(--clr-gray-700);
    --mark-font--style: normal;
    --content-font--size: 0.875rem;
    --content-font--weight: 400;
    --content-font--color: var(--clr-gray-700);
    --content-font--style: normal;
    --input-spacer: 1rem;
    --hint-font--size: 0.75rem;
    --hint-font--weight: 400;
    --hint-font--color: var(--clr-gray-300);
    --hint-font--style: italic;
    --error-font--size: 0.75rem;
    --error-font--weight: 500;
    --error-font--color: var(--clr-error-400);
    --error-font--style: normal;
    --input-range--thumb-size: 15px;
    --input-range--thumb-color: var(--clr-prm-600);
    --input-range--track-size: 2px;
    --input-range--track-color: var(--clr-gray-300);

    --tag--height: 26px;
    --tag--spacer: 12px;
    --tag--radius: 5px;
    --tag--bg: var(--clr-gray-180);
    --tag--font-size: 0.75rem;
    --tag--font-weight: 300;
    --tag--font-color: var(--clr-gray-700);
    
    --carousel-nav--link-color: var(--clr-gray-700);
    --carousel-nav--link-spacer: 30px;

}
@media (max-width: 769px) {
    :root {
        --divider-spacer: 40px;
    }
}

/* LAYOUT */
.pb23-container.full {
    --container: 100%;
    --container-margins: 20px;
}
.pb23-container.full-spaced {
    --container: 100%;
    --container-margins: 20px;
}
.pb23-container.tool {
    --container: 100%;
    --container-margins: 90px;
}
.pb23-container.over {
    --container: 100%;
    --container-margins: 0px;
}
.pb23-container.seo {
    --container: calc(1498px * 0.66);
    --container-margins: 20px;
}
.pb23-container.medium {
    --container: 1246px;
    --container-margins: 20px;
}
.pb23-container.small {
    --container: 780px;
    --container-margins: 20px;
}
@media (max-width: 1498px) {
    .pb23-container.tool {
        --container-margins: 60px;
    }
    .pb23-container.seo {
        --container: 66%;
    }
    .pb23-container.carousel {
        --container: 100%;
        --container-margins: 12px;
    }
}
@media (max-width: 1180px) {
    .pb23-container.seo {
        --container: 100%;
    }
    .pb23-container.medium {
        --container: 100%;
    }
}
@media (max-width: 769px) {    
    .pb23-container.tool {
        --container-margins: 20px;
    }
    .pb23-container.small {
        --container: 100%;
    }
}

/* INPUTS */
label.large {
    --input-height: 48px;
}
label.medium {
    --input-height: 42px;
}
label.small {
    --input-height: 33px;
}
label:hover {
    --input-background: var(--clr-gray-150);
    --input-border--color: var(--clr-gray-150);
}
label:has(> input:not([type="radio"]):not([type="checkbox"]):focus){
    --input-background: var(--clr-white);
    --input-border--color: var(--clr-gray-700);
}
label:has(> input:not([type="radio"]):not([type="checkbox"]):not(:placeholder-shown)) > span:not([class]) {
    --input-border--color: var(--clr-gray-700);
    --input-placeholder--color: transparent;
}
label:has(> input:not([type="radio"]):not([type="checkbox"]):disabled){
    --input-background: var(--clr-gray-100);
    --input-border--color: var(--clr-gray-100);
    --input-placeholder--color: var(--clr-gray-280);
}
label:has(> input:not([type="radio"]):not([type="checkbox"]):not(:placeholder-shown)) > pos {
    --input-border--color: var(--clr-gray-700);
}
label[data-error] {
    --input-border--color: var(--clr-error-400) !important;
}
label > select {
    --input-padding--right: 40px;    
    --input-background: url("/template/images/icons/icon_forms--select-chevron.svg") calc(100% - 18px) center no-repeat, var(--clr-white);
}

/* BOTÕES */
.pb23-btn,
.pb23-btn * {
    --button-height: 46px;
    --button-spacer: 10px;
    --button-padding: 50px;
    --button-radius: 10px;
    --button-font: 0.75rem;
    --button-weight: 400;
    --button-color: var(--clr-gray-700);
    --button-letter: 2px;
    --button-bg: var(--clr-white);
    --button-color--hover: var(--clr-gray-700);
    --button-bg--hover: var(--clr-white);
    --button-shadow: none;
    --button-border--thickness: 1px;
    --button-border: transparent;
    --button-border--hover: var(--button-border);
}
.pb23-btn.light,
.pb23-btn.light * {
    --button-color: var(--clr-gray-700);
    --button-bg: var(--clr-white);
    --button-color--hover: var(--clr-gray-700);
    --button-bg--hover: var(--clr-white);
    --button-border: var(--clr-gray-700);
    --button-shadow: none;
    --button-shadow--hover: 0px 0px 15px 0px rgba(0,0,0,0.16);
    --button-border--hover: var(--clr-gray-700);
}
.pb23-btn.dark,
.pb23-btn.dark * {
    --button-color: var(--clr-white);
    --button-bg: var(--clr-black);
    --button-color--hover: var(--clr-white);
    --button-bg--hover: var(--clr-gray-500);
    --button-border: transparent;
    --button-border--hover: transparent;
}
.pb23-btn.download-dark,
.pb23-btn.download-dark * {
    --button-color: var(--clr-white);
    --button-bg: var(--clr-black);
    --button-color--hover: var(--clr-white);
    --button-bg--hover: var(--clr-gray-500);
    --button-height: 40px;
    --button-padding: 20px;
}
.pb23-btn.darkest,
.pb23-btn.darkest * {
    --button-color: var(--clr-white);
    --button-bg: var(--clr-gray-700);
    --button-color--hover: var(--clr-white);
    --button-bg--hover: var(--clr-gray-500);
}
.pb23-btn.blue-dark,
.pb23-btn.blue-dark * {
    --button-color: var(--clr-white);
    --button-bg: var(--clr-link-500);
    --button-color--hover: var(--clr-white);
    --button-bg--hover: var(--clr-link-400);
}
.pb23-btn.clear,
.pb23-btn.clear * {
    --button-bg: transparent;
    --button-color--hover: transparent;
    --button-bg--hover: transparent;
    --button-shadow: none;
}
.pb23-btn.clear-blue,
.pb23-btn.clear-blue * {
    --button-color: var(--clr-link-400);
    --button-bg: transparent;
    --button-color--hover: var(--clr-link-400);
    --button-bg--hover: transparent;
    --button-border: var(--clr-link-400);
    --button-shadow: none;
}
.pb23-btn.clear-black,
.pb23-btn.clear-black * {
    --button-color: var(--clr-gray-700);
    --button-bg: transparent;
    --button-color--hover: var(--clr-gray-700);
    --button-bg--hover: transparent;
    --button-border: var(--clr-gray-700);
    --button-shadow: none;
}
.pb23-btn.shortcut,
.pb23-btn.shortcut * {
    --button-color: var(--clr-link-400);
    --button-bg: var(--clr-white);
    --button-color--hover: var(--clr-link-400);
    --button-bg--hover: var(--clr-white);
    --button-border: var(--clr-link-400);
    --button-shadow: none;
    --button-shadow--hover: 0px 0px 15px 0px rgba(0,0,0,0.16);
}
.pb23-btn.small,
.pb23-btn.small * {
    --button-height: 24px;
    --button-padding: 4px;
}
.pb23-btn.medium,
.pb23-btn.medium * {
    --button-height: 36px;
    --button-padding: 20px;
    --button-font: 0.875rem;
    --button-letter: normal;
    --button-transform: normal;
}
.pb23-btn.banner-main,
.pb23-btn.banner-main * {
    --button-bg--hover: rgba(255,255,255,0.8);
    --button-transform: uppercase;
}
.pb23-btn.banner-main,
.pb23-btn.banner-main * {
    transition: all 0.8s ease-out;
}
.pb23-btn.close {
    --button-bg--hover: transparent;
    --button-height: unset;
}
.pb23-btn.close.icon {
    --button-spacer: 0;
    --button-padding: 0;
}
.pb23-btn.closer,
.pb23-btn.closer * ,
.pb23-btn.closed,
.pb23-btn.closed * {
    --button-padding: 0px;
    --button-bg: transparent;
    --button-bg--hover: transparent;
}
.pb23-btn.simple,
.pb23-btn.simple * {
    --button-height: 30px;
    --button-padding: 10px;
    --button-radius: 5px;
    --button-font: 0.875rem !important;
    --button-letter: normal;
    --button-transform: normal;
}
.pb23-btn.bordered,
.pb23-btn.bordered * {
    --button-color: var(--clr-black);
    --button-bg: var(--clr-white);
    --button-color--hover: var(--clr-white);
    --button-bg--hover: var(--clr-black);
    --button-border: var(--clr-black);
    --button-padding: 20px;
}
.pb23-btn.whiteborder,
.pb23-btn.whiteborder * {
    --button-color: var(--clr-white);
    --button-bg: transparent;
    --button-color--hover: var(--clr-gray-100);
    --button-bg--hover: transparent;
    --button-border: var(--clr-white);
    --button-padding: 20px;
}
.pb23-btn.download,
.pb23-btn.download * {
    --button-height: 40px;
    --button-spacer: 10px;
    --button-padding: 20px;
    --button-radius: 10px;
    --button-font: 1rem;
    --button-weight: 400;
    --button-color: var(--clr-gray-700);
    --button-bg: var(--clr-gray-100);
    --button-color--hover: var(--clr-gray-700);
    --button-bg--hover: var(--clr-gray-100);
    --button-shadow: none;
    --button-border: transparent;
    --button-border--hover: transparent;
    --button-transform: normal;
    --button-letter: auto;
}
.pb23-btn.download.icon {
    --button-padding: 0px;
}
.pb23-btn.show-filter,
.pb23-btn.show-filter * {
    --button-height: 36px;
    --button-padding: 20px;
    --button-font: 0.875rem;
    --button-weight: 400;
    --button-color: var(--clr-gray-700);
    --button-transform: none; 
    --button-letter: normal;
    --button-bg: var(--clr-gray-100);
    --button-bg--hover: var(--clr-gray-100);
}
.pb23-btn.filter,
.pb23-btn.filter * {
    --button-height: 36px;
    --button-padding: 18px;
    --button-font: 0.875rem;
    --button-transform: none; 
    --button-letter: 0.5px;
}
.pb23-btn.filter[disabled],
.pb23-btn.filter[disabled] * {
    --button-color: var(--clr-gray-400);
    --button-color--hover: var(--clr-gray-400);
    --button-bg: var(--clr-gray-200);
    --button-bg--hover: var(--clr-gray-200);
}
.pb23-btn.filter .icon > .disabled {
    display: none;
}
.pb23-btn.filter[disabled] .icon > .enabled {
    display: block;
}
.pb23-btn.filter[disabled] .icon > .enabled {
    display: none;
}
.pb23-btn.filter[disabled] .icon > .disabled {
    display: block;
}
.pb23-link,
.pb23-link * {
    --link-color: var(--clr-white);
}
.pb23-link.darkest,
.pb23-link.darkest * {
    --link-color: var(--clr-gray-700);
}
.pb23-btn.filter-submenu,
.pb23-btn.filter-submenu * {
    --button-height: 46px;
    --button-spacer: 10px;
    --button-padding: 20px;
    --button-radius: 10px;
    --button-weight: 300;
    --button-color: var(--clr-gray-700);
    --button-bg: var(--clr-white);
    --button-color--hover: var(--clr-gray-700);
    --button-bg--hover: var(--clr-white);
    --button-shadow: none;
    --button-border: var(--clr-gray-250);
    --button-border--hover: var(--clr-gray-250);
    --button-font: 0.875rem;
    --button-letter: normal;
    --button-transform: normal;
}
.pb23-btn.filter-submenu.grayed,
.pb23-btn.filter-submenu.grayed * {
    --button-bg: var(--clr-gray-100);
    --button-bg--hover: var(--clr-gray-100);
}
.pb23-btn.input-disabled,
.pb23-btn.input-disabled *{
    --button-height: 100%;
    --button-spacer: 0;
    --button-padding: 20px;
    --button-radius: 0;
    --button-weight: 400;
    --button-color: transparent;
    --button-bg: transparent;
    --button-color--hover: transparent;
    --button-bg--hover: transparent;
    --button-shadow: none;
    --button-border: transparent;
}
.pb23-btn.action-link,
.pb23-btn.action-link * {
    --button-height: auto;
    --button-spacer: 10px;
    --button-padding: 0px;
    --button-radius: 10px;
    --button-font: 0.875rem;
    --button-weight: 700;
    --button-letter: normal;
    --button-color: var(--clr-gray-400);
    --button-bg: var(--clr-white);
    --button-color--hover: var(--clr-gray-400);
    --button-bg--hover: var(--clr-white);
    --button-shadow: none;
    --button-border: var(--clr-gray-100);
    --button-transform: normal;
}
.pb23-btn.action-tool,
.pb23-btn.action-tool * {
    --button-height: auto;
    --button-spacer: 10px;
    --button-padding: 0px;
    --button-radius: 10px;
    --button-font: 0.875rem;
    --button-weight: 700;
    --button-letter: normal;
    --button-color: var(--clr-gray-700);
    --button-bg: transparent;
    --button-color--hover: var(--clr-gray-700);
    --button-bg--hover: transparent;
    --button-shadow: none;
    --button-border: var(--clr-gray-500);
    --button-transform: normal;
    --button-border--hover: var(--clr-gray-500);
}
.pb23-btn.action-footnote,
.pb23-btn.action-footnote * {
    --button-height: auto;
    --button-spacer: 10px;
    --button-padding: 0px;
    --button-radius: 10px;
    --button-font: 0.75rem;
    --button-weight: 700;
    --button-letter: normal;
    --button-color: var(--clr-gray-700);
    --button-bg: var(--clr-white);
    --button-color--hover: var(--clr-gray-700);
    --button-bg--hover: var(--clr-white);
    --button-shadow: none;
    --button-border: var(--clr-gray-500);
    --button-transform: normal;
}
.pb23-btn.filter-auxmenu,
.pb23-btn.filter-auxmenu * {
    --button-height: 56px;
    --button-padding: 20px;
    --button-letter: normal;
    --button-font: 1rem;
    --button-radius: 0px;
    --button-transform: normal;
    --button-border: transparent;
    --button-border--hover: transparent;
    --button-bg: var(--clr-white);
}
.pb23-btn.aside-link,
.pb23-btn.aside-link * {
    --button-height: 36px;
    --button-spacer: 8px;
    --button-padding: 20px;
    --button-radius: 10px;
    --button-font: 0.875rem;
    --button-weight: 400;
    --button-letter: normal;
    --button-color: var(--clr-gray-700);
    --button-bg: var(--clr-gray-100);
    --button-color--hover: var(--clr-gray-700);
    --button-bg--hover: var(--clr-gray-050);
    --button-shadow: none;
    --button-border: transparent;
    --button-transform: normal;
    --button-border--hover: transparent;
}
.pb23-btn.spec-selector,
.pb23-btn.spec-selector * {
    --button-height: 36px;
    --button-spacer: 10px;
    --button-padding: 8px;
    --button-radius: 10px;
    --button-weight: 400;
    --button-color: var(--clr-gray-700);
    --button-bg: var(--clr-white);
    --button-color--hover: var(--clr-gray-700);
    --button-bg--hover: var(--clr-white);
    --button-shadow: none;
    --button-border: var(--clr-gray-200);
    --button-border--hover: var(--clr-gray-700);
    --button-font: 0.875rem;
    --button-letter: normal;
    --button-transform: normal;
}
.pb23-btn.spec-selector.selected,
.pb23-btn.spec-selector.selected * {
    --button-color: var(--clr-white);
    --button-bg: var(--clr-black);
    --button-color--hover: var(--clr-white);
    --button-bg--hover: var(--clr-black);
    --button-border: var(--clr-black);
    --button-border--hover: var(--clr-black);
}
.pb23-btn.spec-selector.color,
.pb23-btn.spec-selector.color * {
    --button-height: 42px;
    --button-spacer: 0px;
    --button-padding: 4px;
    --button-radius: 10px;
    --button-weight: 400;
}
.pb23-btn.spec-selector.color.selected {
    --button-color: var(--clr-gray-700);
    --button-bg: var(--clr-white);
    --button-color--hover: var(--clr-gray-700);
    --button-bg--hover: var(--clr-white);
    --button-shadow: none;
    --button-border: var(--clr-gray-200);
    --button-border--hover: var(--clr-gray-700);
    border: 2px solid var(--button-border--hover,--button-border);
}
.pb23-btn.spec-selector:has(> input[type="radio"]:checked),
.pb23-btn.spec-selector:has(> input[type="radio"]:checked) *,
.pb23-btn.spec-selector:has(> input[type="checkbox"]:checked),
.pb23-btn.spec-selector:has(> input[type="checkbox"]:checked) * {
    --button-weight: 400;
    --button-color: var(--clr-white) !important;
    --mark-font--color: var(--clr-white) !important;
    --mark-font--weight: 400;
    --button-bg: var(--clr-black);
    --button-color--hover: var(--clr-white);
    --button-bg--hover: var(--clr-black);
    --button-border: var(--clr-black);
    --button-border--hover: var(--clr-black);
}
.pb23-btn.spec-selector.color:has(> input[type="radio"]:checked),
.pb23-btn.spec-selector.color:has(> input[type="checkbox"]:checked) {
    --button-color: var(--clr-gray-700);
    --button-bg: var(--clr-white);
    --button-color--hover: var(--clr-gray-700);
    --button-bg--hover: var(--clr-white);
    --button-shadow: none;
    --button-border: var(--clr-gray-200);
    --button-border--hover: var(--clr-gray-700);
    border: 2px solid var(--button-border--hover,--button-border);
}
.pb23-btn.spec-selector:has(> input[type="radio"][disabled]),
.pb23-btn.spec-selector:has(> input[type="checkbox"][disabled]) {
    border: 1px dashed var(--button-border);
}
.pb23-btn.carousel-actions,
.pb23-btn.carousel-actions * {
    --button-height: 40px;
    --button-spacer: 10px;
    --button-padding: 0px;
    --button-radius: 20px;
    --button-font: 0.75rem;
    --button-weight: 400;
    --button-color: var(--clr-white);
    --button-transform: normal; 
    --button-letter: auto;
    --button-bg: rgba(34,34,34,0.5);
    --button-color--hover: var(--clr-white);
    --button-bg--hover: rgba(34,34,34,0.5);
    --button-shadow: none;
    --button-border: transparent;
    --button-border--hover: transparent;
}
.pb23-btn.masonry-actions,
.pb23-btn.masonry-actions * {
    --button-height: 40px;
    --button-spacer: 10px;
    --button-padding: 0px;
    --button-radius: 20px;
    --button-font: 0.75rem;
    --button-weight: 400;
    --button-color: var(--clr-white);
    --button-transform: normal; 
    --button-letter: auto;
    --button-bg: rgba(34,34,34,0.5);
    --button-color--hover: var(--clr-white);
    --button-bg--hover: rgba(34,34,34,0.5);
    --button-shadow: none;
    --button-border: transparent;
    --button-border--hover: transparent;
}
.pb23-btn.promo-blackdays2024,
.pb23-btn.promo-blackdays2024 *,
.pb23-btn.promo-blackdays2025,
.pb23-btn.promo-blackdays2025 * {
    --button-height: 28px;
    --button-spacer: 8px;
    --button-padding: 8px;
    --button-radius: 5px;
    --button-font: 0.875rem;
    --button-weight: 500;
    --button-color: var(--clr-black);
    --button-transform: normal; 
    --button-letter: auto;
    --button-bg: var(--clr-gray-050);
    --button-color--hover: var(--clr-black);
    --button-bg--hover: var(--clr-promo02-600);
    --button-shadow: none;
    --button-border: var(--clr-promo02-600);
    --button-border--hover: var(--clr-promo02-600);
}
.pb23-btn.tool,
.pb23-btn.tool * {
    --button-height: 44px;
    --button-spacer: 8px;
    --button-padding: 20px;
    --button-radius: 10px;
    --button-font: 0.75rem;
    --button-weight: 400;
    --button-color: var(--clr-gray-700);
    --button-transform: uppercase; 
    --button-letter: 2px;
    --button-bg: transparent;
    --button-color--hover: var(--clr-gray-700);
    --button-bg--hover: var(--clr-white);
    --button-shadow: none;
    --button-border--thickness: 1.5px;
    --button-border: var(--clr-gray-700);
    --button-border--hover: var(--clr-gray-700);
}
.pb23-btn.tool.dark,
.pb23-btn.tool.dark * {
    --button-height: 44px;
    --button-spacer: 8px;
    --button-padding: 20px;
    --button-radius: 10px;
    --button-font: 0.75rem;
    --button-weight: 400;
    --button-color: var(--clr-white);
    --button-transform: uppercase; 
    --button-letter: 2px;
    --button-bg: var(--clr-black);
    --button-color--hover: var(--clr-white);
    --button-bg--hover: var(--clr-black);
    --button-shadow: none;
    --button-border--thickness: 1.5px;
    --button-border: var(--clr-black);
    --button-border--hover: var(--clr-black);
}
.pb23-btn.tool[disabled],
.pb23-btn.tool[disabled] * {
    --button-color: var(--clr-gray-400) !important;
    --button-bg: var(--clr-white) !important;
    --button-color--hover: var(--clr-gray-400) !important;
    --button-bg--hover: var(--clr-white) !important;
    --button-border: var(--clr-gray-200) !important;
    --button-border--hover: var(--clr-gray-200) !important;
}
.pb23-btn.tool.dark[disabled],
.pb23-btn.tool.dark[disabled] * {
    --button-color: var(--clr-gray-400) !important;
    --button-bg: var(--clr-gray-200) !important;
    --button-color--hover: var(--clr-gray-400) !important;
    --button-bg--hover: var(--clr-gray-200) !important;
    --button-border: var(--clr-gray-200) !important;
    --button-border--hover: var(--clr-gray-200) !important;
}
.pb23-btn.mosaicproduct,
.pb23-btn.mosaicproduct * {
    --button-width: 60px;
    --button-height: 60px;
    --button-spacer: 0px;
    --button-padding: 0px;
    --button-radius: 10px;
    --button-font: 0.875rem;
    --button-weight: 700;
    --button-letter: normal;
    --button-color: var(--clr-black);
    --button-bg: transparent;
    --button-color--hover: var(--clr-black);
    --button-bg--hover: transparent;
    --button-shadow: none;
    --button-border: var(--clr-gray-100);
    --button-border--hover: var(--clr-black);
    --button-transform: normal;
}
.pb23-btn.silver,
.pb23-btn.silver * {
    --button-height: 40px;
    --button-spacer: 8px;
    --button-padding: 20px;
    --button-radius: 10px;
    --button-font: 0.875rem;
    --button-weight: 300;
    --button-letter: normal;
    --button-color: var(--clr-black);
    --button-bg: var(--clr-gray-050);
    --button-color--hover: var(--clr-black);
    --button-bg--hover: var(--clr-gray-050);
    --button-shadow: none;
    --button-border: var(--clr-gray-100);
    --button-border--hover: var(--clr-black);
    --button-transform: normal;
}
.pb23-btn.mosaiccolor,
.pb23-btn.mosaiccolor * {
    --button-padding: 0;
    --button-font: 0.75rem;
    --button-weight: 300;
    --button-color: var(--clr-black);
    --button-color--hover: var(--clr-black);
    --button-transform: normal; 
    --button-letter: auto;
}
.pb23-btn.banner-main,
.pb23-btn.banner-main *,
.pb23-btn.formSubmit,
.pb23-btn.formSubmit * {
    --button-font: 0.75rem !important;
    --button-letter: 2px;
}
@media (max-width:769px) {
    .pb23-btn.tool,
    .pb23-btn.tool *,
    .pb23-btn.tool.dark,
    .pb23-btn.tool.dark * {
        --button-padding: 16px;
    }
}
/* CABEÇALHOS DE SEÇÃO */
.pb23-section--header,
.pb23-section--header * {
    --section-header-title--font: 1.75rem;
    --section-header-content--font: 1rem;
    --section-header--spacer: 20px;
}
@media (max-width: 1180px) {
    .pb23-section--header,
    .pb23-section--header * {
        --section-header-title--font: 1.5rem;
    }
}
@media (max-width: 1179px) {
    .pb23-section--header,
    .pb23-section--header * {
        --section-header-title--font: 1.5rem;
        --section-header-content--font: 1rem;
    }
}
@media (max-width: 765px) {
    .pb23-section--header,
    .pb23-section--header * {
        --section-header-title--font: 1.5rem;
        --section-header-content--font: 0.75rem;
    }
}

/* BANNERS (GERAL) */
.pb23-banner,
.pb23-banner * {  
    --banner-height: auto;  
    --banner-aspect: none;
    --banner-padding--y: 30px;
    --banner-padding--x: 40px;
    --banner-title--font: 1.75rem;
    --banner-title--line: 1.14;
    --banner-subtitle--font: 1rem;
    --banner-subtitle--line: 1.375;
    --banner-subtitle--spacer: 5px;
    --banner-subtitle--spacing: auto;
    --banner-subtitle--transform: normal;
    --banner-description: 0.875rem;
    --banner-description--spacer: 10px;
    --banner-cta--spacer: 10px;
    --banner-cta--font: 0.875rem;
    --banner-align--x: flex-start;
    --banner-align--y: flex-end;
    --banner-fx: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);
}
@media only screen and (min-width: 1080px) and (max-width: 1366px) {
    .pb23-banner,
    .pb23-banner * { 
        --banner-title--font: 1.3125rem;
        --banner-title--line: 1.2;
        --banner-subtitle--font: 0.875rem;
        --banner-subtitle--line: 1.6;
    }
}
@media only screen and (min-width: 900px) and (max-width: 1179px) {
    .pb23-banner,
    .pb23-banner * { 
        --banner-title--font: 1.3125rem;
        --banner-title--line: 1.2;
        --banner-subtitle--font: 0.875rem;
        --banner-subtitle--line: 1.6;
        --banner-padding--y: 20px;
        --banner-padding--x: 20px;
    }
}
@media only screen and (min-width: 770px) and (max-width: 899px) {
    .pb23-banner,
    .pb23-banner * { 
        --banner-title--font: 1.3125rem;
        --banner-title--line: 1.2;
        --banner-subtitle--font: 0.875rem;
        --banner-subtitle--line: 1.6;
        --banner-padding--y: 20px;
        --banner-padding--x: 20px;
    }
}
@media only screen and (max-width: 769px) {
    .pb23-banner,
    .pb23-banner * { 
        --banner-title--font: 1.3125rem;
        --banner-title--line: 1.2;
        --banner-subtitle--font: 0.875rem;
        --banner-subtitle--line: 1.6;
        --banner-padding--y: 20px;
        --banner-padding--x: 20px;
    }
}


/* Tags */
.pb23-tag.sku,
.pb23-tag.sku * {
    --tag--spacer: 20px;
    --tag--font-size: 0.875rem;
    --tag--font-weight: 300;
    --tag--font-color: var(--clr-gray-700);
    --tag--bg: var(--clr-gray-050); 
    --tag--border-color: var(--clr-gray-100);
}
.pb23-tag.releases,
.pb23-tag.releases * {
    --tag--spacer: 8px;
    --tag--font-size: 0.875rem;
    --tag--font-weight: 300;
    --tag--font-color: var(--clr-gray-700);
    --tag--bg: var(--clr-gray-050);
    --tag--border-color: var(--clr-gray-050);
}
.pb23-tag.download,
.pb23-tag.download * {
    --tag--height: 28px;
    --tag--font-size: 0.875rem;
}
.pb23-tag.static.specs,
.pb23-tag.static.specs * {
    --tag--height: 28px;
    --tag--spacer: 8px;
    --tag--font-size: 0.875rem;
    --tag--font-weight: 300;
    --tag--font-color: var(--clr-gray-700);
    --tag--bg: var(--clr-gray-050);
    --tag--border-color: var(--clr-gray-200);
}
.pb23-tag.specs-application,
.pb23-tag.specs-application * {
    --tag--height: 28px;
    --tag--spacer: 8px;
    --tag--font-size: 0.875rem;
    --tag--font-weight: 300;
    --tag--font-color: var(--clr-gray-700);
    --tag--bg: var(--clr-gray-050);
    --tag--border-color: var(--clr-gray-200);
}
.pb23-tag.specs-application > i {
    font-style: normal;
    white-space: nowrap;
}
.pb23-tag.new,
.pb23-tag.new * {
    --tag-height: 28px;
    --tag--spacer: 8px;
    --tag--radius: 5px;
    --tag--bg: var(--clr-gray-050);
    --tag--font-size: 0.875rem;
    --tag--font-weight: 300;
    --tag--font-color: var(--clr-gray-700);
    --tag--border-color: var(--clr-gray-100);
}
.pb23-tag.discount {
    --tag--font-color: var(--clr-black);
    --tag--bg: #FCB956;
    --tag--font-size: 0.875rem;
    gap: 4px;
}

.pb23-tag.info {
    --tag-height: 28px;
    --tag--spacer: 8px;
    --tag--radius: 5px;
    --tag--bg: var(--clr-gray-050);
    --tag--font-size: 0.875rem;
    --tag--font-weight: 300;
    --tag--font-color: var(--clr-gray-700);
    --tag--border-color: var(--clr-gray-200);
}
.pb23-tag.blackdays,
.pb23-tag.blackdays * {
    --tag--height: 28px;
    --tag--spacer: 8px;
    --tag--font-size: 14px;
    --tag--font-weight: 700;
    --tag--font-color: var(--clr-black);
    --tag--font-color-hover: var(--clr-black);
    --tag--bg: var(--clr-promo02-600);
    --tag--bg-hover: var(--clr-white);
    --tag--border-color: var(--clr-promo02-600);
    --tag--border-color-hover: var(--clr-promo02-600);
}
/* Tag: Engenharia/Construtoras */
.pb23-tag.saleschannel-1,
.pb23-tag.saleschannel-1 *,
.pb23-tag.saleschannel-construtoras,
.pb23-tag.saleschannel-construtoras *
 {
    --tag--spacer: 8px;
    --tag--font-size: 0.875rem;
    --tag--font-weight: 700;
    --tag--font-color: var(--clr-gray-500);
    --tag--bg: var(--clr-gray-200);
    --tag--border-color: var(--clr-gray-200); 
}
/* Tag: Multimarcas */
.pb23-tag.saleschannel-2,
.pb23-tag.saleschannel-2 *,
.pb23-tag.saleschannel-lojas,
.pb23-tag.saleschannel-lojas *,
.pb23-tag.saleschannel-multimarcas,
.pb23-tag.saleschannel-multimarcas * {
    --tag--spacer: 8px;
    --tag--font-size: 0.875rem;
    --tag--font-weight: 700;
    --tag--font-color: var(--clr-white);
    --tag--bg: var(--clr-qtn-400);
    --tag--border-color: var(--clr-qtn-400);  
}
/* Tag: Portobello Shop */
.pb23-tag.saleschannel-4,
.pb23-tag.saleschannel-4 *,
.pb23-tag.saleschannel-portobello-shop,
.pb23-tag.saleschannel-portobello-shop * {
    --tag--spacer: 8px;
    --tag--font-size: 0.875rem;
    --tag--font-weight: 700;
    --tag--font-color: var(--clr-white);
    --tag--bg: var(--clr-gray-700); 
    --tag--border-color: var(--clr-gray-700);    
}
/* Tag: Exportação/Internacional */
.pb23-tag.saleschannel-5,
.pb23-tag.saleschannel-5 *,
.pb23-tag.saleschannel-internacional,
.pb23-tag.saleschannel-internacional * {
    --tag--spacer: 8px;
    --tag--font-size: 0.875rem;
    --tag--font-weight: 700;
    --tag--font-color: var(--clr-white);
    --tag--bg: var(--clr-gray-500);  
    --tag--border-color: var(--clr-gray-500);     
}
/* MODAL (GERAL) */
.pb23-modal,
.pb23-modal *,
.pb23-modal::backdrop {  
    --modal--max-width: 666px;
    --modal--width: 100%;
    --modal--radius: 10px;
    --modal--padding: 20px 30px 30px;
    --modal--background: var(--clr-white);
    --matte: rgba(0,0,0,0.54);
}
/* Área de Conteúdo Customizado */
.pb23-content--custom,
.pb23-content--custom * {
    --container: 1000px;
    --margin-offset: -249px;
}
@media (max-width: 1538px) {
    .pb23-content--custom,
    .pb23-content--custom * {
        --container: calc(66vw + 20px);
        --margin-offset: calc(0px - 17vw + 40px);
    }
}
@media (max-width: 992px) {
    .pb23-content--custom,
    .pb23-content--custom * {
        --container: 100%;
        --margin-offset: 0px;
    }
}
/* Item de Paginação (Calculadora) */
.pb23-item--pagination,
.pb23-item--pagination * {
    --mark-font--size: 14px;
    --mark-font--weight: 400;
    --mark-font--color: var(--clr-gray-500);
    --border-color: transparent;
}
.pb23-item--pagination:has(input:checked),
.pb23-item--pagination:has(input:checked) * {
    --mark-font--color: var(--clr-link-400);
    --mark-font--weight: 400 !important;
    --border-color: var(--clr-link-400);
}
/* Menu Auxiliar */
.pb23-auxmenu,
.pb23-auxmenu * {
    --auxmenu-width: 454px;
}
@media (max-width: 600px) {
    .pb23-auxmenu,
    .pb23-auxmenu * {
        --auxmenu-width: 100%;
    }
}

@keyframes matte {
    0% {
        display: none;
        opacity: 0;
    }
    5% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}
@keyframes carouselPagination {
    from {width: 0;}
    to {width: 100%;}
}
@keyframes bannerHoverFx {
    0% {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.55) 100%);
    }
    30% {
        background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.55) 100%);
    }
    70% {
        background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.55) 100%);
    }
    100% {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.55) 100%);
    }
}
@keyframes bannerHoverDarkFx {
    0% {
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);
    }
    30% {
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.70) 100%);
    }
    70% {
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    }
    100% {
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%);
    }
}
@keyframes linkAnim {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
.pb23-container {
    width: min(100%,var(--container));
    padding: 0 var(--container-margins,20px);
    margin-inline: auto;
}
.pb23-container.full-spaced {
    --container: 100%;
    margin-left: var(--container-margins,20px);
    margin-right: var(--container-margins,20px);
}
@media (max-width: 769px) {
    body, html{
        overflow-x: hidden;
    }
}
* {
    font-family: 'Roboto', sans-serif;
    line-height: 1.2;
}
a {
    font-size: inherit;
    text-decoration: underline;
    color: var(--clr-link-400);
}
.title {
    font-size: 2.35rem;
    font-weight: 700;
}
.subtitle {
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: uppercase;
}
.title.large { 
    font-size: 3.125rem;
    font-weight: 300;
    line-height: 3.5rem;
    text-transform: initial;
}
h1 { 
    margin: 0 0 1.5rem;
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 2.625rem;
    text-transform: initial;
}
h2 { 
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 2.67rem;
    text-transform: initial;
}
h3 { 
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.83rem;
    text-transform: uppercase;
}
h4 { 
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.83rem;
    text-transform: uppercase;
}
h5 { 
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.83rem;
    text-transform: uppercase;
}
p.large { 
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2.5rem;
    text-transform: initial;
}
p { 
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.375rem;
    text-transform: initial;
}
p.small { 
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.125rem;
    text-transform: initial;
}
b, bold, strong {
    font-weight: 700 !important;
}
@media (max-width: 1179px) {
    .title.large { 
        font-size: 2.625rem;
        font-weight: 300;
        line-height: 3.83rem;
        text-transform: initial;
    }
    h1 { 
        font-size: 1.875rem;
        font-weight: 300;
        line-height: 2.83rem;
        text-transform: initial;
    }
    h2 { 
        font-size: 1.75rem;
        font-weight: 300;
        line-height: 2.67rem;
        text-transform: initial;
    }
    h3 { 
        font-size: 1.3125rem;
        font-weight: 400;
        line-height: 2.083rem;
        text-transform: uppercase;
    }
    h4 { 
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.67rem;
        text-transform: uppercase;
    }
    h5 { 
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.5rem;
        text-transform: uppercase;
    }
    p.large { 
        font-size: 1.125rem;
        font-weight: 300;
        line-height: 2rem;
        text-transform: initial;
    }
    p { 
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.375rem;
        text-transform: initial;
    }
    p.small { 
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 1.125rem;
        text-transform: initial;
    }
}
/* SEO */
.pb23-seo--content .title.large {
    font-size: 3.125rem;
    font-weight: 300;
    line-height: 3.5rem;
}
.pb23-seo--content h1 {
    font-size: 2.375rem;
    font-weight: 300;
    line-height: 3.5rem;
    text-transform: initial;
}
.pb23-seo--content h2 {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.32;
    text-transform: initial;
}
.pb23-seo--content h3 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.8rem;
    text-transform: initial;
}
.pb23-seo--content h4 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.833rem;
    text-transform: initial;
}
.pb23-seo--content,
.pb23-seo--content p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.375rem;
}
.pb23-seo--content div.small,
.pb23-seo--content div.small p {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.125rem;
}
.pb23-seo--content .title.large {
    font-size: 2.625rem;
    font-weight: 300;
    line-height: 3.833rem;
}
.pb23-seo--content.footer h2,
.pb23-seo--content.footer h3,
.pb23-seo--content.footer h4,
.pb23-seo--content.footer h5,
.pb23-seo--content.footer p {
    color: var(--clr-gray-460);
    text-transform: initial;
}
.pb23-seo--content .show-mobile,
.pb23-seo--content.show-mobile {
    display: none;
}
@media (max-width: 1179px) {
    .pb23-seo--content h1 {
        font-size: 1.875rem;
        font-weight: 300;
        line-height: 2.833rem;
    }
    .pb23-seo--content h2 {
        font-size: 1.3125rem;
        font-weight: 500;
        line-height: 2.083rem;
    }
    .pb23-seo--content h3 {
        font-size: 1.125rem;
        font-weight: 300;
        line-height: 1.833rem;
    }
    .pb23-seo--content h4 {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.833rem;
    }
    .pb23-seo--content p {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.375rem;
    }
    .pb23-seo--content div.small,
    .pb23-seo--content div.small p {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.125rem;
    }
    .pb23-seo--content.show-mobile,
    .pb23-seo--content .show-mobile {
        display: block;
    }
    .pb23-seo--content.hide-mobile,
    .pb23-seo--content .hide-mobile {
        display: none;
    }
}

/* Área de Conteúdo Customizado */
.pb23-content--custom * {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375;
}
.pb23-content--custom h1 {
    text-align: left;
    font-size: 2.375rem;
    font-weight: 300;
    color: var(--clr-gray-700);
    text-transform: none;
    margin: 0 var(--margin-offset) 20px;
}
.pb23-content--custom h2 {
    font-size: 1.875rem;
    font-weight: 300;
    color: var(--clr-gray-700);
    margin: 40px 0 0.625rem;
    text-transform: none;
}
.pb23-content--custom h3 {
    font-size: 1.75rem;
    font-weight: 300;
    color: var(--clr-gray-700);
    margin: 20px 0 0.625rem;
    text-transform: none;
}
.pb23-content--custom h4 {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--clr-gray-700);
    margin: 20px 0 0.625rem;
    text-transform: none;
}
.pb23-content--custom p {
    margin: 0 0 0.625rem;
    color: var(--clr-gray-700);
}
.pb23-content--custom figure {
    width: 50%;
    float: right;
    margin: 0 0 1rem 1rem;
}
.pb23-content--custom figure > img {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 5px;
}
.pb23-content--custom figure > figcaption {
    width: 100%;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--clr-gray-500);
}
.pb23-content--custom img {
    width: 50% !important;
    height: auto !important;
    max-height: 600px;
    object-fit: contain;
    object-position: center;
}
.pb23-content--custom p > img {
    margin: 0 auto;
    display: block;
}
.pb23-content--custom p > img + br {
    display: none;
}
.pb23-content--custom tt {
    width: 100%;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 400;
    font-style: normal;
    color: var(--clr-gray-500);
}
.pb23-content--custom p > tt {
    display: block;
}
.pb23-content--custom h1 + p,
.pb23-content--custom h1 + p + p,
.pb23-content--custom h1 + p + p, 
.pb23-content--custom h1 + p + p + p,
.pb23-content--custom h1 + p + p + p + p,
.pb23-content--custom h1 + p + p + p + p + p {
    margin: 0 var(--margin-offset) 0.625rem;
}
.pb23-content--custom h1 + hr,
.pb23-content--custom h1 + p + hr,
.pb23-content--custom h1 + p + p + hr,
.pb23-content--custom h1 + p + p + hr, 
.pb23-content--custom h1 + p + p + p + hr,
.pb23-content--custom h1 + p + p + p + p + hr,
.pb23-content--custom h1 + p + p + p + p + p + hr {
    margin: 40px var(--margin-offset) 60px;
}
#page-releasesCms .pb23-content--custom img {
    width: unset !important;
    max-height: unset !important;
    height: unset !important;
}
@media (max-width: 992px) {
    .pb23-content--custom img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none;
    }
    .pb23-content--custom figure {
        width: 100%;
        float: none;
        margin: 0;
    }
}

.pb23-header--tool h1 {
    margin: 0 0 5px;
    font-size: 2.25rem;
    font-weight: 300;
}
.pb23-header--tool p {
    font-size: 1rem;
    font-weight: 300;
    color: var(--clr-gray-400);
}
@media (max-width: 769px) {
    .pb23-header--tool h1 {
        font-size: 1.5rem;
    }
    .pb23-header--tool p {
        font-size: 0.875rem;
    }
}
.pb23-banner {
    width: 100%;
    height: var(--banner-height);
    aspect-ratio: var(--banner-aspect);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: var(--box-radius);
    box-shadow: var(--banner-shadow);
}
.pb23-banner .content {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: var(--banner-align--y,flex-end);;
    align-items: var(--banner-align--x,flex-start);
    padding: var(--banner-padding--y) var(--banner-padding--x);
    text-decoration: none;
}
.pb23-banner.center-bottom .content {
    justify-content: flex-end;
    align-items: center;
}
.pb23-banner.left-bottom .content {
    justify-content: flex-end;
    align-items: flex-start;
}
.pb23-banner.left-bottom .content .subtitle,
.pb23-banner.left-bottom .content .title {
    width: 100%;
    max-width: 50%;
    text-align: left;
}
.pb23-banner.cta-collapse .content .cta-wrapper {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 0fr;
    overflow: hidden;
    padding: 0;
    transition: grid-template-rows 0.3s ease-out, padding 0.3s ease-out;
}
.pb23-banner.cta-collapse .content .cta-wrapper > b {
    overflow: hidden;
    display: block;
}
.pb23-banner.cta-collapse:hover .content .cta-wrapper {
    padding: var(--banner-cta--spacer) 0 0;
    grid-template-rows: 1fr;
}
.pb23-banner.hover-fx:not(.hover-dark-fx):hover .image:before {
    animation: bannerHoverFx;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
}
.pb23-banner.hover-dark-fx:hover .image:before {
    animation: bannerHoverDarkFx;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
}
.pb23-banner.center-center .content {
    justify-content: center;
    align-items: center;
}
.pb23-banner .content .subtitle {
    order: 1;
    margin: 0 0 var(--banner-subtitle--spacer);
    font-size: var(--banner-subtitle--font);
    font-weight: 500;
    line-height: var(--banner-subtitle--line,1.2);
    color: var(--clr-white);
    text-transform: var(--banner-subtitle--transform,uppercase);
    letter-spacing: var(--banner-subtitle--spacing,0.5px);
    text-align: left;
}
.pb23-banner .content .title {
    order: 2;
    margin: 0 0;
    font-size: var(--banner-title--font);
    font-weight: 300;
    line-height: var(--banner-title--line,1.2);
    color: var(--clr-white);
    text-align: left;
}
.pb23-banner .content .logo {
    order: 2;
    max-height: 60%;
    display: block;
}
.pb23-banner .content .logo > img {
    max-width: 100%;
    max-height: 100%;
    display: none;
    object-fit: center;
    object-fit: contain;
}
.pb23-banner .content .description {
    order: 3;
    margin: var(--banner-description--spacer) 0 0;
    font-size: var(--banner-description);
    font-weight: 400;
    line-height: 1.2857;
    color: var(--clr-white);
    text-align: left;
}
.pb23-banner .content .logo > img.default {
    display: block;
}
.pb23-banner .content .cta-wrapper {
    order: 4;
    margin: 0;
    padding: var(--banner-cta--spacer) 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--banner-cta--gap);
}
.pb23-banner .content i.pb23-link {
    font-size: var(--banner-cta--font,0.875rem);
    font-style: normal;
    color: var(--clr-white);
}
.pb23-banner .content i.pb23-link,
.pb23-banner .content i.pb23-link:after {
    opacity: 0;
}
.pb23-banner:hover .content i.pb23-link,
.pb23-banner:hover .content i.pb23-link:after {
    opacity: 1;
}
/*.pb23-banner .image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}*/
.pb23-banner .image:before {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    z-index: 2;
    background: var(--banner-fx);
}
.pb23-banner .image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.pb23-banner .image > img {
    width: 100%;
    height: 100%;
    display: none;
    position: relative;
    z-index: 1;
    object-fit: cover;
    object-position: center;
}
.pb23-banner .image > img.default {
    display: block;
}
.pb23-banner .video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
}
.pb23-banner .video:before {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    z-index: 2;
    background: var(--banner-fx);
}
.pb23-banner .video > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.pb23-banner .video > iframe.desktop {
    display: block;
}
.pb23-banner .video > iframe.mobile {
    display: none;
}
.pb23-banner a.pb23-link,
.pb23-banner a.pb23-link:hover {
    text-decoration: none;
}
.pb23-banner .linkarea {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
.pb23-banner .pb23-link span {
    font-weight: 700;
}
@media (max-width: 1180px) {
    .pb23-banner .content .logo:has(> img.tablet) > img.default {
        display: none;
    }
    .pb23-banner .content .logo:has(> img.tablet) > img.tablet {
        display: block;
    }
    .pb23-banner .image:has(> img.tablet) > img.default {
        display: none;
    }
    .pb23-banner .image:has(> img.tablet) > img.tablet {
        display: block;
    }
    .pb23-banner.left-bottom .content .subtitle,
    .pb23-banner.left-bottom .content .title {
        max-width: 75%;
    }  
    .pb23-banner.cta-collapse .content .cta-wrapper {
        padding: var(--banner-cta--spacer) 0 0;
        grid-template-rows: 1fr;
    }
    .pb23-banner .content i.pb23-link, .pb23-banner .content i.pb23-link:after {
        opacity: 1;
    }
}
@media (max-width: 769px) {
    .pb23-banner .content .logo:has(> img.mobile) > img.default,
    .pb23-banner .content .logo:has(> img.mobile) > img.tablet {
        display: none;
    }
    .pb23-banner .content .logo:has(> img.mobile) > img.mobile {
        display: block;
    }
    .pb23-banner .image:has(> img.mobile) > img.default,
    .pb23-banner .image:has(> img.mobile) > img.tablet {
        display: none;
    }
    .pb23-banner .image:has(> img.mobile) > img.mobile {
        display: block;
    }
    .pb23-banner .content .cta-wrapper {
        width: 100%;
        flex-direction: column;
    }
    .pb23-banner .content .cta-wrapper .pb23-btn {
        width: 100%;
        order: 1;
    }
    .pb23-banner .content .cta-wrapper .pb23-link {
        order: 2;
        align-self: center;
    }
    .pb23-banner.left-bottom .content .subtitle,
    .pb23-banner.left-bottom .content .title {
        max-width: 100%;
    }
    .pb23-banner .video > iframe.desktop {
        display: none;
    }
    .pb23-banner .video > iframe.mobile {
        display: block;
    }
}


/* CARD DE PROJETO ARCHTRENDS */
.pb23-card--archtrends-project {
    width: var(--card--size);
    aspect-ratio: 310 / 390;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 84% 1fr;
    grid-template-areas: "image" "content";
    border-radius: var(--box-radius);
    overflow: hidden;
    box-shadow: var(--shadow);
    background: var(--clr-white);
}
.pb23-card--archtrends-project .image {
    grid-area: image;
    width: 100%;
    height: 100%;
    position: relative;
    isolation: isolate;
}
.pb23-card--archtrends-project .image > a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover;
    object-position: center;
}
.pb23-card--archtrends-project .image > a:before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: var(--card--fx);
    opacity: 0;
    transition: opacity 0.3s ease-out;
}
.pb23-card--archtrends-project .image > a > img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}
.pb23-card--archtrends-project .image .title {
    width: calc(100% - 30px);
    display: block;
    font-size: 1rem;
    font-weight: 500;
    color: var(--clr-white);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    z-index: 5;
    bottom: 18px;
    left: 15px;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}
.pb23-card--archtrends-project .image .shortcut {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: rgba(34,34,34,0.5);
    position: absolute;
    z-index: 5;
    top: 18px;
    right: 15px;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}
.pb23-card--archtrends-project:hover .image:before,
.pb23-card--archtrends-project:hover .image .title,
.pb23-card--archtrends-project:hover .image .shortcut {
    opacity: 1;
}
.pb23-card--archtrends-project .content {
    grid-area: content;
    width: 100%;
    height: 100%;
}
.pb23-card--archtrends-project .content a {
    display: grid;
    padding: 13px 13px 15px;
    grid-template-columns: 35px 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "avatar name" "avatar locale";
    column-gap: 5px;
    text-decoration: none;
}
.pb23-card--archtrends-project .content .avatar {
    grid-area: avatar;
    width: 35px;
    height: 35px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
}
.pb23-card--archtrends-project .content .avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}
.pb23-card--archtrends-project .content .name {
    grid-area: name;
    display: block;
    font-size: 1rem;
    font-weight: 300;
    color: var(--clr-gray-700);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pb23-card--archtrends-project .content .locale {
    grid-area: locale;
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--clr-gray-290);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 1180px) {
    .pb23-card--archtrends-project .image:before,
    .pb23-card--archtrends-project .image .title,
    .pb23-card--archtrends-project .image .shortcut {
        opacity: 1 !important;
    }
}
/* CARD DE POST ARCHTRENDS */
.pb23-card--archtrends-post {
    width: var(--card--size);
    aspect-ratio: 310 / 390;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 50.5% 1fr;
    grid-template-areas: "image" "content";
    border-radius: var(--box-radius);
    overflow: hidden;
    box-shadow: var(--shadow);
    background: var(--clr-white);
}
.pb23-card--archtrends-post .image {
    grid-area: image;
    width: 100%;
    height: 100%;
    position: relative;
    isolation: isolate;
}
.pb23-card--archtrends-post .image > a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover;
    object-position: center;
}
.pb23-card--archtrends-post .image > a > img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}
.pb23-card--archtrends-post .image .shortcut {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: rgba(34,34,34,0.5);
    position: absolute;
    z-index: 5;
    top: 24px;
    right: 24px;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}
.pb23-card--archtrends-post:hover .image .shortcut {
    opacity: 1;
}
.pb23-card--archtrends-post .content {
    grid-area: content;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 1fr 44px;
    grid-template-areas: "article" "author";
    padding: 30px 20px 15px;
}
.pb23-card--archtrends-post .content .article {
    grid-area: article;
    display: block;
    text-decoration: none;
}
.pb23-card--archtrends-post .content .article .title {
    display: -webkit-box;
    font-size: 1.3125rem;
    font-weight: 300;
    color: var(--clr-gray-700);
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 4px;
    margin: 0 0 16px;
}
.pb23-tabs--carousel-archtrends .pb23-carousel--archtrends-posts li:first-of-type > .pb23-card--archtrends-post .content .article .title {
    -webkit-line-clamp: 4;
}
.pb23-card--archtrends-post .content .article .post {
    display: none;
    color: var(--clr-gray-700);
}
.pb23-card--archtrends-post .content .author {
    border-top: 1px solid var(--clr-gray-250);
    display: grid;
    padding: 16px 0px 0px;
    grid-template-columns: 32px 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "avatar name" "avatar locale";
    column-gap: 16px;
    text-decoration: none;
}
.pb23-card--archtrends-post .content .avatar {
    grid-area: avatar;
    width: 32px;
    height: 32px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
}
.pb23-card--archtrends-post .content .avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}
.pb23-card--archtrends-post .content .name {
    grid-area: name;
    display: block;
    font-size: 1rem;
    font-weight: 300;
    color: var(--clr-gray-700);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pb23-card--archtrends-post .content .occupation {
    grid-area: locale;
    display: block;
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--clr-gray-700);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 1180px) {   
    .pb23-card--archtrends-post {
        aspect-ratio: 261 / 329;
    } 
    .pb23-card--archtrends-post .image .shortcut {
        top: 15px;
        right: 15px;
        opacity: 1 !important;
    }
    .pb23-tabs--carousel-archtrends .pb23-carousel--archtrends-posts li:first-of-type > .pb23-card--archtrends-post  {
        grid-template-columns: 56% 1fr;
        grid-template-rows: auto;
        grid-template-areas: "image content";
    }
    .pb23-tabs--carousel-archtrends .pb23-carousel--archtrends-posts li:first-of-type > .pb23-card--archtrends-post .image {
        aspect-ratio: 367 / 318;
    }
    .pb23-tabs--carousel-archtrends .pb23-carousel--archtrends-posts li:first-of-type > .pb23-card--archtrends-post .content {
        padding: 15px 17px;
        grid-template-rows: 1fr calc(15px + 48px);
    }
    .pb23-tabs--carousel-archtrends .pb23-carousel--archtrends-posts li:first-of-type > .pb23-card--archtrends-post .content .article .title {
        -webkit-line-clamp: 3;
        font-size: 1.325rem;
    }
    .pb23-tabs--carousel-archtrends .pb23-carousel--archtrends-posts li:first-of-type > .pb23-card--archtrends-post .content .article .post {
        max-height: 116px;
        margin: 0 0 16px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .pb23-tabs--carousel-archtrends .pb23-carousel--archtrends-posts li:first-of-type > .pb23-card--archtrends-post .content .author {
        height: calc(48px + 15px);
        grid-template-columns: 48px 1fr;
        column-gap: 18px;
        padding: 10px 0 0;
    }
    .pb23-tabs--carousel-archtrends .pb23-carousel--archtrends-posts li:first-of-type > .pb23-card--archtrends-post .content .avatar {
        width: 48px;
        height: 48px;
        align-self: center;
    }
    .pb23-tabs--carousel-archtrends .pb23-carousel--archtrends-posts li:first-of-type > .pb23-card--archtrends-post .content .name {
        align-self: end;
    }
    .pb23-tabs--carousel-archtrends .pb23-carousel--archtrends-posts li:first-of-type > .pb23-card--archtrends-post .content .occupation {
        align-self: end;
    }
}
button,
button *,
a,
a *,
.pb23-btn,
.pb23-btn * {
    font-size: inherit;
    transition: all 0.3s ease-out;
}
button {
    outline: none !important;
}
.pb23-btn {
    width: var(--button-width,auto);
    min-height: var(--button-height);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--button-spacer);
    padding: 0 var(--button-padding);
    text-decoration: none;
    font-size: var(--button-font,0.75rem);
    color: var(--button-color);
    font-weight: var(--button-weight);
    text-transform: var(--button-transform,none);
    text-align: center;
    text-decoration: none;
    letter-spacing: var(--button-letter,normal);
    line-height: 1.2;
    background: var(--button-bg);
    border: var(--button-border--thickness) solid var(--button-border);
    border-radius: var(--button-radius);
    box-shadow: var(--button-shadow);
}
.pb23-btn > .icon {
    position: relative;
}
.pb23-btn > .icon svg,
.pb23-btn > .icon svg path {
    fill: var(--button-color);
}
.pb23-btn > .icon .hover {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
.pb23-btn.full {
    width: 100%;
    padding: 0;
}
.pb23-btn * {
    text-decoration: none;
    white-space: var(--button-wrap,nowrap);
}
.pb23-btn:hover > .icon:has(.hover) > img {
    opacity: 0;
}
.pb23-btn:hover > .icon:has(.hover) > .hover {
    opacity: 1;
}
.pb23-btn:hover {
    cursor: pointer;
    color: var(--button-color--hover);
    background: var(--button-bg--hover);
    border: 1px solid var(--button-border--hover);
    box-shadow: var(--button-shadow--hover);
    text-decoration: none;
}
.pb23-btn:hover > .icon svg,
.pb23-btn:hover > .icon svg path {
    fill: var(--button-color--hover);
}
.pb23-btn[disabled]:hover {
    cursor: not-allowed;
}
.pb23-btn.action-tool,
.pb23-btn.action-link,
.pb23-btn.action-footnote {
    border: none !important;
}
.pb23-btn.action-tool > span,
.pb23-btn.action-link > span,
.pb23-btn.action-footnote > span {
    position: relative;
}
.pb23-btn.action-tool > span:before,
.pb23-btn.action-link > span:before,
.pb23-btn.action-footnote > span:before {
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    background: var(--button-border);
}
.pb23-btn.action-tool:hover > span:before,
.pb23-btn.action-link:hover > span:before,
.pb23-btn.action-footnote:hover > span:before {
    animation-name: carouselPagination;
    animation-duration: 0.5s;
}
.pb23-btn.filter-auxmenu {
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid var(--clr-gray-100);
}
.pb23-btn.spec-selector.color {
    width: 50px;
    height: 50px;
    padding: var(--button-padding);
}
.pb23-btn.spec-selector.color > img {
    width: 42px;
    aspect-ratio: 1/1;
    display: block;
    border-radius: var(--button-radius);
    border-radius: 7px;
}
.pb23-btn.spec-selector.disabled {
    border: 1px dashed var(--button-border);
}
.pb23-btn.carousel-actions,
.pb23-btn.masonry-actions {
    width: 40px;
    max-width: 40px;
    overflow: hidden;
}
.pb23-btn.carousel-actions > span,
.pb23-btn.masonry-actions > span {
    display: none;
}
.pb23-btn.carousel-actions:hover,
.pb23-btn.masonry-actions:hover {
    width: auto;
    max-width: 100%;
    padding: 0 20px;
}
.pb23-btn.carousel-actions:hover > span,
.pb23-btn.masonry-actions:hover > span {
    display: block;
}
.pb23-btn.download > .image img,
.pb23-btn.download > .icon img{
    max-width: 14px;
    filter: grayscale(100%);
}
/* Sistema de Textos Responsivos */
button > span.default,
button > span.tablet,
button > span.mobile,
a > span.default,
a > span.tablet,
a > span.mobile,
.pb23-btn > span.default,
.pb23-btn > span.tablet,
.pb23-btn > span.mobile {
    display: none;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: 1.2;
}
button span.default,
a span.default,
.temp span.default {
    display: block;
}
button:not(:has(span.default)) > span:first-child,
a:not(:has(span.default)) > span:first-child,
.temp:not(:has(span.default)) > span:first-child {
    display: block;
}
@media (max-width: 1180px) {
    button:has(> span.tablet) > span.default,
    a:has(> span.tablet) > span.default,
    .temp:has(> span.tablet) > span.default {
        display: none;
    }
    button > span.tablet,
    a > span.tablet,
    .temp > span.tablet {
        display: block;
    }
}
@media (max-width: 769px) {
    button:has(> span.mobile) > span.default,
    button:has(> span.mobile) > span.tablet,
    a:has(> span.mobile) > span.default,
    a:has(> span.mobile) > span.tablet,
    .pb23-btn:has(> span.mobile) > span.default,
    .pb23-btn:has(> span.mobile) > span.tablet {
        display: none;
    }
    button > span.mobile,
    a > span.mobile,
    .pb23-btn > span.mobile {
        display: block;
    }
}
.pb23-btn.mosaicproduct > img {
    width: var(--button-width);
    height: var(--button-height);
    object-fit: contain;
    object-position: center;
    border-radius: var(--button-radius);
}
.pb23-btn.mosaiccolor {
    display: grid;
    grid-template-columns: 30px auto;
    grid-template-areas: "image name" "image finishing";
    row-gap: 0px;
    column-gap: 8px;
}
.pb23-btn.mosaiccolor > .thumb {
    grid-area: image;
    align-self: start;
    width: 30px;
    border: 1px solid var(--clr-gray-200);
    border-radius: 50%;
    padding: 3px;
    overflow: hidden;
}
.pb23-btn.mosaiccolor > .thumb > img {
    width: 22px;
    height: 22px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    display: block;
}
.pb23-btn.mosaiccolor .name {
    grid-area: name;
}
.pb23-btn.mosaiccolor .finishing {
    grid-area: finishing;
    align-self: start;
    display: flex;
    justify-content: flex-start;
}
.pb23-btn.mosaiccolor .finishing i {
    margin: 0 4px 0 0;
    padding: 0 4px 0 0;
    border-right: 1px solid var(--clr-gray-200);
    font-size: 0.625rem;
    font-style: normal;
    color: var(--clr-gray-400);
}
.pb23-btn.mosaiccolor .finishing i:last-of-type {
    border: none;
}
.pb23-btn.tool[disabled] > img {
    display: none;
}
.pb23-btn.tool[disabled]:has(span + img):after {
    width: 12px;
    height: 15px;
    content: "";
    display: block;
    background: url("/template/images/icons/ic_lock.svg") center center no-repeat;
}
.pb23-btn.tool[disabled]:has(img + span):before {
    width: 12px;
    height: 15px;
    content: "";
    display: block;
    background: url("/template/images/icons/ic_lock.svg") center center no-repeat;
}
.pb23-btn.close {
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
    &:after {
        width: 28px;
        height: 1px;
        display: block;
        content: "";
        position: absolute;
        bottom: 9px;
        left: -3px;
        transform: rotate(-45deg);
        background: var(--clr-gray-400);
    }
    &:before {
        width: 28px;
        height: 1px;
        display: block;
        content: "";
        position: absolute;
        bottom: 9px;
        left: -3px;
        transform: rotate(45deg);
        background: var(--clr-gray-400);
    }
    &:hover {
        border: 0;
    }
}
.pb23-modal {
    box-sizing: border-box;
    width: var(--modal--width);
    max-width: var(--modal--max-width);
    border: none;
    padding: var(--modal--padding);
    border-radius: var(--modal--radius);
    background: var(--modal--background,#fff) !important;
}
.pb23-modal::backdrop {
    background-color: var(--matte);
}
@media (max-width: 769px) {
    .pb23-modal {
        max-width: 100dvh;
    }
}

label {
    display: inline-grid;
    grid-template-columns: 100%;
    grid-template-areas: "field";
    position: relative;
    isolation: isolate;
}
label:has(> input:not([type="radio"]):not([type="checkbox"])) {
    min-height: var(--input-height);
}
label:has(input[disabled]):before,
label:has(input[disabled]) input,
label:has(input[disabled]) span:not([class]):before {
    opacity: 0.5 !important;
}
label:has(input[disabled]):hover {
    cursor: not-allowed !important;
}
label:has(> input:not([type="radio"]):not([type="checkbox"])) > span:not([class]) {
    grid-area: field;
    position: absolute;
    top: 50%;
    left: var(--input-padding--left,0);
    z-index: 1;
    transform: translateY(-50%);
    font-size: var(--input-font--size);
    color: var(--input-font--color);
    font-weight: var(--input-font--weight);
    white-space: nowrap;
    transition: all 0.3s ease-out;
}
label:has(input:placeholder-shown) > span:not([class]) {
    opacity: 0;
}
label:has(input:not([type="checkbox"]):not([type="radio"]):not(:placeholder-shown)) {
    --input-border--color: var(--clr-gray-700);
}
label:has(> input:not([type="radio"]):not([type="checkbox"])) > input {
    grid-area: field;
    min-height: var(--input-height);
    align-self: center;
    align-items: center;
    min-height: var(--input-height);
    padding: calc(var(--input-padding--top)/2) var(--input-padding--right,0) calc(var(--input-padding--top)/2) var(--input-padding--left,0);
    position: relative;
    z-index: 2;
    font-size: var(--input-font--size);
    font-weight: var(--input-font--weight);
    color: var(--input-font--color);
    background: none;
    border: none;
}
label:has(> input:not([type="radio"]):not([type="checkbox"])):before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    grid-column: 1 / -1;
    grid-row: 1 / 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: var(--input-background);
    border: 1px solid var(--input-border--color);
    border-radius: var(--input-radius);
    transition: background 0.3s ease-out, border 0.3s ease-out;
}
label:has(> input:not([type="radio"]):not([type="checkbox"])):has(input:not(:placeholder-shown)) > span:not([class]) {
    font-size: var(--input-font--size-focus);
    font-weight: var(--input-font--weight-focus);
    color: var(--input-font--color-focus,--input-font--color);
    top: var(--input-label--top);
}
label:has(> input:not([type="radio"]):not([type="checkbox"])) > input:not(:placeholder-shown) {
    padding: var(--input-padding--top) var(--input-padding--right,0) 0 var(--input-padding--left,0);
}
/* Prefixos e Sufixos (conteúdo Pre e Pos) */
label:has(> .pre) {
    grid-template-columns: auto 1fr;
    grid-template-areas: "pre field";
}
label:has(> .pos) {
    grid-template-columns: 1fr auto;
    grid-template-areas: "field pos";
}
label:has(> .pre, > .pos) {
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "pre field pos";
}
label:has(> .pre,[data-hint]) {
    grid-template-areas: "pre field" "hint hint";
}
label:has(> .pos,[data-hint]) {
    grid-template-areas: "field pos" "hint hint";
}
label:has(> .pre, > .pos,[data-hint]) {
    grid-template-areas: "pre field pos" "hint hint hint";
}
label:has(> .pre,[data-error]) {
    grid-template-areas: "pre field" "error error";
}
label:has(> .pos,[data-error]) {
    grid-template-areas: "field pos" "error error";
}
label:has(> .pre, > .pos,[data-error]) {
    grid-template-areas: "pre field pos" "error error error";
}
label:has(> input:not([type="radio"]):not([type="checkbox"])):has(> .pre:not(.icon)) > input {
    padding: var(--input-padding--top,0) var(--input-padding--right,0) 0 calc(var(--input-padding--left,0)/8);
}
label:has(> input:not([type="radio"]):not([type="checkbox"])):has(> .pos:not(.icon)) > input {
    padding: var(--input-padding--top,0) calc(var(--input-padding--right,0)/8) 0 var(--input-padding--left,0);
    text-align: right;
}
label > .pre {
    grid-area: pre;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: var(--input-height);
    align-self: center;
    align-items: center;
    text-align: right;
    font-size: var(--input-prepos--size);
    font-weight: var(--input-prepos--weight);
    color: var(--input-prepos--color);
    padding: var(--input-padding--top,0) 0 0 var(--input-padding--left,0);
}
label > .pos {
    grid-area: pos;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: var(--input-height);
    align-self: center;
    align-items: center;
    text-align: left;
    font-size: var(--input-prepos--size);
    font-weight: var(--input-prepos--weight);
    color: var(--input-prepos--color);
    padding: var(--input-padding--top,0) var(--input-padding--right,0) 0 0;
}
label > .pre.icon,
label > .pos.icon {
    padding-top: 0;
}
label:has(> input:not([type="radio"]):not([type="checkbox"])):has(> .pre:not(.icon)) > span:not([class]),
label:has(> input:not([type="radio"]):not([type="checkbox"])):has(> .pos:not(.icon)) > span:not([class]) {
    grid-area: not-set;
    font-size: var(--input-font--size-focus);
    font-weight: var(--input-font--weight-focus);
    color: var(--input-font--color-focus);
    top: var(--input-label--top);
    left: var(--input-padding--left,0);
    opacity: 1;
}
label:has(input[type="radio"]:checked),
label:has(input[type="radio"]:checked) *,
label:has(input[type="checkbox"]:checked),
label:has(input[type="checkbox"]:checked) * {
    --mark-font--weight: 700;
    --input-mark--border-color: var(--clr-link-400);
}
/* Dicas (conteúdo em data-hint) */
label[data-hint] {
    grid-template-areas: "field" "hint";
}
label[data-hint]:after {
    grid-area: hint;
    display: block;
    content: "*" attr(data-hint);
    font-size: var(--hint-font--size);
    color: var(--hint-font--color);
    font-weight: var(--hint-font--weight);
    font-style: var(--hint-font--style);
    padding: 0 0 0 calc(var(--input-padding--left,0)/4);
}
/* Erro em feedback (conteúdo em data-error) */
label[data-error] {
    grid-template-areas: "field" "error";
}
label[data-error]:after {
    grid-area: error;
    display: block;
    content: "*" attr(data-error);
    font-size: var(--error-font--size);
    color: var(--error-font--color);
    font-weight: var(--error-font--weight);
    font-style: var(--error-font--style);
    padding: calc(var(--input-padding--left,0)/4) 0 0 calc(var(--input-padding--left,0)/4);
}
label:has(.is-invalid),
label:has(.field-error) {
    --input-border--color: var(--clr-error-400);
}
/* Input de arquivo e de image (file e image)*/
label:has(> input:not([type="radio"]):not([type="checkbox"])) > input[type="file"],
label:has(> input:not([type="radio"]):not([type="checkbox"])) > input[type="image"] {
    min-width: var(--input-width--min);
    padding: calc(var(--input-padding--top) * 1.2) var(--input-padding--right,0) 0 var(--input-padding--left,0);
}
/* Input de cor (color) */
label:has(> input:not([type="radio"]):not([type="checkbox"])) > input[type="color"] {
    width: 100%;
    min-width: var(--input-width--min);
    height: calc(100% - (var(--input-padding--top) * 1.2));
    padding: calc(var(--input-padding--top) * 1.2) var(--input-padding--right,0) 0 var(--input-padding--left,0);
}
/* Input de Intervalo (range) */
label:has(> input:not([type="radio"]):not([type="checkbox"])) > input[type="range"] {
    -webkit-appearance :none;
    -moz-appearance :none;
    appearance :none;
    background: none;
    cursor: pointer;
    padding: calc(var(--input-padding--top) * 1.2) var(--input-padding--right,0) 0 var(--input-padding--left,0);
}
label:has(> input:not([type="radio"]):not([type="checkbox"])) > input[type="range"]::-webkit-slider-thumb {
    height: var(--input-range--thumb-size);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: var(--input-range--thumb-color);
    transform: translateY(calc(var(--input-range--track-size)/2 - var(--input-range--thumb-size)/2));
    appearance: none;
}
label:has(> input:not([type="radio"]):not([type="checkbox"])) > input[type="range"]::-webkit-slider-runnable-track {
    height: var(--input-range--track-size);
    background: var(--input-range--track-color);
    border-radius: calc(var(--input-range--track-size)/2);
}
/* Input Radio e Checkbox */
label > input[type="checkbox"],
label > input[type="radio"] {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: none;
    width: 1rem;
    height: 1rem;
}
label:has(> input[type="checkbox"],> input[type="radio"]) {
    grid-template-columns: var(--input-mark) 1fr;
    grid-template-areas: "mark field";
    column-gap: var(--input-mark--spacer);
}
label[data-hint]:has(> input[type="checkbox"],> input[type="radio"]) {
    grid-template-areas: "mark field" "mark hint";
}
label[data-error]:has(> input[type="checkbox"],> input[type="radio"]) {
    grid-template-areas: "mark field" "mark error";
}
label:has(> input[type="checkbox"],> input[type="radio"]):has(> .content) {
    grid-template-areas: "mark field" "mark content";
}
label[data-hint]:has(> input[type="checkbox"],> input[type="radio"]):has(> .content) {
    grid-template-areas: "mark field" "mark content" "mark hint";
}
label[data-error]:has(> input[type="checkbox"],> input[type="radio"]):has(> .content) {
    grid-template-areas: "mark field" "mark content" "mark error";
}
label:has(> input[type="checkbox"],> input[type="radio"]):hover {
    cursor: pointer;
}
label:has(> input[type="checkbox"],> input[type="radio"]) > span:not([class]) {
    grid-area: field;
    position: relative;
    top: 0 !important;
    font-size: var(--mark-font--size) !important;
    color: var(--mark-font--color) !important;
    font-weight: var(--mark-font--weight) !important;
    font-style: var(--mark-font--style) !important;
}
label:has(> input[type="checkbox"],> input[type="radio"]):before {
    grid-area: mark;
    align-self: start;
    width: var(--input-mark);
    height: var(--input-mark);
    content: "";
    display: block;
    position: relative;
    background: var(--input-mark--background);
    border-radius: var(--input-mark--radius);
    border: var(--input-mark--border-size) solid var(--input-mark--border-color);
}
label:has(> input[type="checkbox"],> input[type="radio"]) span:not([class]):before {
    align-self: start;
    width: calc(var(--input-mark) - ((var(--input-mark--border-size) + var(--input-mark--border-spacer)) * 2));
    aspect-ratio: 1;
    content: "";
    display: block;
    position: absolute;
    top: calc(var(--input-mark--border-size) + var(--input-mark--border-spacer));
    left: calc(0px - var(--input-mark--spacer) - (var(--input-mark) - (var(--input-mark--border-size) + var(--input-mark--border-spacer))));
    background: var(--input-mark--check);
    border-radius: var(--input-mark--radius);
    transform: scale(0);
    opacity: 0;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
label:has(> input[type="radio"]):before,
label:has(> input[type="radio"]) span:not([class]):before  {
    border-radius: 50%;
}
label:has(> input[type="checkbox"],> input[type="radio"]) .content {
    grid-area: content;
    font-size: var(--content-font--size);
    color: var(--content-font--color);
    font-weight: var(--content-font--weight);
    font-style: var(--content-font--style);
}
label:has(> input[type="checkbox"],> input[type="radio"]):has(> input:checked) span:not([class]):before  {
    opacity: 1;
    transform: scale(1);
}
label:has(> input[type="checkbox"],> input[type="radio"]):has(> input.checked) span:not([class]):before  {
    opacity: 1;
    transform: scale(1);
}
/* Área de texto */
label:has(> textarea) > span:not([class]) {
    grid-area: field;
    position: absolute;
    top: var(--input-padding--top);
    left: var(--input-padding--left,0);
    z-index: 1;
    font-size: var(--input-font--size);
    color: var(--input-font--color);
    font-weight: var(--input-font--weight);
    white-space: nowrap;
}
label:has(textarea:placeholder-shown) > span:not([class]) {
    opacity: 0;
}
label > textarea {
    grid-area: field;
    min-height: var(--input-height);
    align-self: center;
    align-items: center;
    min-height: var(--input-height);
    margin: var(--input-padding--top) var(--input-padding--right,0) var(--input-padding--top) var(--input-padding--left,0);
    position: relative;
    z-index: 2;
    font-size: var(--input-font--size);
    font-weight: var(--input-font--weight);
    color: var(--input-font--color);
    resize: both;
    background: none;
    border: none;
}
label:has(> textarea):before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    grid-column: 1 / -1;
    grid-row: 1 / 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: var(--input-background);
    border: 1px solid var(--input-border--color);
    border-radius: var(--input-radius);
}
label:has(textarea:not(:placeholder-shown)) > span:not([class]) {
    font-size: var(--input-font--size-focus);
    font-weight: var(--input-font--weight-focus);
    color: var(--input-font--color-focus,--input-font--color);
    top: var(--input-label--top);
}
label > textarea:not(:placeholder-shown) {
    margin: calc(var(--input-padding--top) * 2) var(--input-padding--right,0) 0 var(--input-padding--left,0);
}
/* Seletor (select) */
label:has(> select) {
    display: inline-grid;
    grid-template: "field";
}
label:has(> select) > span:not([class]) {
    grid-area: not-set;
    position: absolute;
    font-size: var(--input-font--size-focus);
    font-weight: var(--input-font--weight-focus);
    color: var(--input-font--color-focus);
    top: var(--input-label--top);
    transform: translateY(-50%);
    left: var(--input-padding--left,0);
    opacity: 1;
    transition: all 0.3s ease-out;
}
label:has(> select):before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    grid-column: 1 / -1;
    grid-row: 1 / 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: url("/template/images/icons/icon_chevron--select-v23.svg") calc(100% - 1rem) calc(50%) no-repeat, var(--input-background);
    border: 1px solid var(--input-border--color);
    border-radius: var(--input-radius);
}
label > select {
    grid-area: field;
    min-height: var(--input-height);
    align-self: center;
    align-items: center;
    min-height: var(--input-height);
    padding: var(--input-padding--top) calc(var(--input-padding--right, 0) + 1.25rem) 0 var(--input-padding--left, 0);
    position: relative;
    z-index: 2;
    font-size: var(--input-font--size);
    font-weight: var(--input-font--weight);
    color: var(--input-font--color);
    background: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    transition: all 0.3s ease-out;
}
label:has(option[value=""]:checked) > select {
    --input-padding--left: 20px;
    margin: 0 0 0 calc(0 - var(--input-padding--left));
    padding: calc(var(--input-padding--top) / 2) var(--input-padding--right, 0) calc(var(--input-padding--top) / 2) var(--input-padding--left, 0);
}
label:has(option[value=""]:checked) > span:not([class]) {
    grid-area: field;
    position: absolute;
    top: 50%;
    left: var(--input-padding--left, 0);
    z-index: 1;
    transform: translateY(-50%);
    font-size: var(--input-font--size);
    color: var(--input-font--color);
    font-weight: var(--input-font--weight);
    white-space: nowrap;
    opacity: 0;
}
label .pb23-btn.input-disabled {
    display: none;
}
label:has(select[disabled]) .pb23-btn.input-disabled {
    grid-area:field;
    width: 100%;
    display: flex;
    position: absolute;
    justify-content: flex-start;
    top: 0;
    left: 0;
    padding: calc(var(--input-padding--top) / 2) var(--input-padding--right, 0) calc(var(--input-padding--top) / 2) var(--input-padding--left, 0);
    z-index: 5;
}
label:has(.pb23-btn.input-disabled) select[disabled] {
    padding-left: calc(20px + var(--input-padding--left,0));
}
/* Exibir Placeholder */
label.show-placeholder:has(> input:not([type="radio"]):not([type="checkbox"])) > span:not([class]) {
    grid-area: not-set;
    position: absolute;
    font-size: var(--input-font--size-focus);
    font-weight: var(--input-font--weight-focus);
    color: var(--input-font--color-focus);
    top: var(--input-label--top);
    transform: translateY(-50%);
    left: var(--input-padding--left,0);
    opacity: 1;
}
label.show-placeholder:has(> input:not([type="radio"]):not([type="checkbox"])) > input {
    padding: var(--input-padding--top) var(--input-padding--right,0) 0 var(--input-padding--left,0);
}
/* Fake Input Checkbox  / Radio */
.pb23-input--fake.radio,
.pb23-input--fake.radio * {
    --input-mark--radius: 50%;
}
.pb23-input--fake {
    min-height: auto;
    display: inline-grid;
    grid-template-columns: var(--input-mark) 1fr;
    grid-template-areas: "mark field";
    column-gap: var(--input-mark--spacer);
    position: relative;
    isolation: isolate;
    padding: 0;
    border: none;
    background: none;
    text-align: left;
}
.pb23-input--fake:before {
    grid-area: mark;
    align-self: start;
    width: var(--input-mark);
    height: var(--input-mark);
    content: "";
    display: block;
    position: relative;
    background: var(--input-mark--background);
    border-radius: var(--input-mark--radius);
    border: var(--input-mark--border-size) solid var(--input-mark--border-color);
}
.pb23-input--fake > span:not([class]) {
    grid-area: field;
    position: relative;
    top: 0 !important;
    font-size: var(--mark-font--size) !important;
    color: var(--mark-font--color) !important;
    font-weight: var(--mark-font--weight) !important;
    font-style: var(--mark-font--style) !important;
}
.pb23-input--fake span:not([class]):before {
    align-self: start;
    width: calc(var(--input-mark) - ((var(--input-mark--border-size) + var(--input-mark--border-spacer))* 2));
    aspect-ratio: 1;
    content: "";
    display: block;
    position: absolute;
    top: calc(var(--input-mark--border-size) + var(--input-mark--border-spacer));
    left: calc(0px - var(--input-mark--spacer) - (var(--input-mark) - (var(--input-mark--border-size) + var(--input-mark--border-spacer))));
    background: var(--input-mark--check);
    border-radius: var(--input-mark--radius);
    transform: scale(0);
    opacity: 0;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.pb23-input--fake.checked span:not([class]):before {
    opacity: 1;
    transform: scale(1);
}
hr {
    margin: 30px 0 ;
}

* {
    box-sizing: border-box;    
}
html {    
    max-width: 100%;
    min-height: 100dvh;
    margin: 0;
    background: var(--clr-white);
}
body {
    max-width: 100%;
    min-height: 100dvh;
    margin: 0;
    background: var(--clr-white);
    overflow-x: hidden !important;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}
body.loaded {
    opacity: 1;
}
.sr-only {
    width: 0;
    height: 0;
    color: transparent;
    position: absolute;
    z-index: -1;
    visibility: hidden;
}
/* Product web-status = DISABLED (https://portobello.kanbanize.com/ctrl_board/201/cards/47933/details/) */
body.staging *:has(>img[data-disabled*="true"]):before{
    width: 100%;
    height: auto !important;
    display: block;
    content: "desabilitado" !important;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    color: var(--clr-white);
    background: var(--clr-homol-disabled) !important;
    opacity: 1 !important;
    z-index: 5000;
    padding: 4px 8px;
}

body.staging   img[data-disabled*="true"] {
    border: 2px solid var(--clr-homol-disabled);
}

/* Páginas de Ferrametnas */
body.pageTool {
    /*max-height: calc(100vh - var(--menu-height));*/
    padding-bottom: calc(var(--menu-height) * 2);
}
@media (max-width: 600px) {
    body.pageTool {
        max-height: none;
    }
}
body.pageTool .pb23-header--tool {
    margin-top: 60px;
}

/* LINKS REDES SOCIAIS */
.pb23-links--social {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 8px;
}
.pb23-links--social li {
    margin: 0;
}
.pb23-links--social li a {
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pb23-links--social li a span {
    font-size: 0.875rem;
}
.pb23-links--social li a > img {
    width: 12px;
    height: 12px;
    object-fit: contain;
    object-position: center;
}
.pb23-links--social.vertical {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.pb23-links--social.vertical li a {
    width: auto;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
}
/* LINK */
.pb23-link {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    padding: 0 0 2px;
    text-decoration: none;
    border: none;
    background: none;
}
.pb23-link:has(:not(.anim,.fade)) {
    border-bottom: 1px solid var(--link-color);
}
.pb23-link span {
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--link-color);
    text-transform: none;
}
.pb23-link.more span {
    color: var(--clr-gray-400);
    border-bottom: 2px solid var(--clr-gray-100);
}
.pb23-link.more .icon {
    margin: 0 0 2px;
}
.pb23-link.anim,
.pb23-link.fade {
    position: relative;
    border-bottom: 0;
    text-decoration: none !important;
}
.pb23-link.anim:after,
.pb23-link.fade:after {
    width: 100%;
    height: 1px;
    content:"";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--link-color);
    transition: all 0.3s ease-out;
} 
.pb23-link.fade:after {
    opacity: 0;
}
.pb23-link.anim:hover:after {
    animation-name: linkAnim;
    animation-duration: 0.3s;
    animation-timing-function: ease-out;
}
.pb23-link.fade:hover:after {
    opacity: 1;
}
/* HEADER DE SEÇÃO */
.pb23-section--header {
    display: block;
    margin: 0 auto var(--section-header--spacer,20px);
}
.pb23-section--header h2 {
    margin: 0 auto;
    font-size: var(--section-header-title--font);
    text-align: center;
}
.pb23-section--header p {
    margin: 0 auto;
    font-size: var(--section-header-content--font);
    font-weight: 300;
    text-align: center;
}
.pb23-section--header p b {
    font-weight: 700;
}
/* NAVEGAÇÃO/INDEXADOR DE CAROUSEL */
.pb23-carousel--navigation {
    margin: 0 auto var(--carousel-nav--spacer);
    position: relative;
    z-index: var(--z-400);
}
.pb23-carousel--navigation ul.ui-tabs-nav {
    margin: 0 auto;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}
.pb23-carousel--navigation .tabs-index--wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    text-align: center;
}
.pb23-carousel--navigation .splide:not( .is-overflow ) .splide__list {
  justify-content: center;
}
.pb23-carousel--navigation ul li,
.pb23-carousel--navigation ul li a,
.pb23-carousel--navigation ul li button,
.pb23-carousel--navigation ul li a span,
.pb23-carousel--navigation ul li button span {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    font-size: var(--carousel-nav--link-font,1rem);
    font-weight: 300;
    color: var(--carousel-nav--link-color);
    text-decoration: none;
    letter-spacing: normal;
    white-space: nowrap;
}
.pb23-carousel--navigation ul li {
    cursor: default !important;
    border: none !important;
    padding: 0 calc(var(--carousel-nav--link-spacer)/2);
}
.pb23-carousel--navigation ul li:first-of-type {
    padding-left: var(--container-margins);
}
.pb23-carousel--navigation ul li:last-of-type {
    padding-right: var(--container-margins);
}
.pb23-carousel--navigation ul li a:hover,
.pb23-carousel--navigation ul li button:hover {
    cursor: pointer;
}
.pb23-carousel--navigation ul li a span,
.pb23-carousel--navigation ul li button span {
    border-bottom: 2px solid transparent;
    transition: border 0.3s ease-out, font-weight 0.3s ease-out
}
.pb23-carousel--navigation ul li a:hover span, 
.pb23-carousel--navigation ul li button:hover span {
    border-bottom: 2px solid var(--carousel-nav--link-color);
}
.pb23-carousel--navigation ul li.is-active a span,
.pb23-carousel--navigation ul li.is-active button span,
.pb23-carousel--navigation ul li.ui-state-active a span,
.pb23-carousel--navigation ul li.ui-state-active button span {
    font-weight: 500;
    border-bottom: 2px solid var(--carousel-nav--link-color);
}
@media (max-width: 1179px) {
    .pb23-carousel--navigation ul li,
    .pb23-carousel--navigation ul li a,
    .pb23-carousel--navigation ul li button,
    .pb23-carousel--navigation ul li a span,
    .pb23-carousel--navigation ul li button span {
        font-size: 0.875rem;
    }
}
@media (max-width: 889px) {
    .pb23-carousel--navigation ul li,
    .pb23-carousel--navigation ul li a,
    .pb23-carousel--navigation ul li button,
    .pb23-carousel--navigation ul li a span,
    .pb23-carousel--navigation ul li button span {
        font-size: 0.75rem;
    }
}
@media (max-width: 769px) {
    .pb23-carousel--navigation ul li,
    .pb23-carousel--navigation ul li a,
    .pb23-carousel--navigation ul li button,
    .pb23-carousel--navigation ul li a span,
    .pb23-carousel--navigation ul li button span {
        font-size: 0.875rem;
    }
    .pb23-carousel--navigation + .wrapper .pb23-grid--banners-v2 .pb23-banner:nth-of-type(1),
    .pb23-carousel--navigation + .wrapper .pb23-grid--banners-v2 .pb23-banner:nth-of-type(1) *,
    .pb23-carousel--navigation + .wrapper .pb23-grid--banners-v2.template-5 .pb23-banner:nth-of-type(2), 
    .pb23-carousel--navigation + .wrapper .pb23-grid--banners-v2.template-5 .pb23-banner:nth-of-type(2) *
    {
        --banner-title--font: 1.3125rem !important;
        --banner-subtitle--font: 0.875rem !important;
    }
}
/* NAVEGAÇÃO DEFAULT CAROUSEL (BULLETS & ARROWS) */
[class*="pb23-carousel"]:not(.pb23-carousel--main) .splide__pagination {
    width: fit-content;
    margin: 0 auto;
    display: inline-flex;
    padding: 5px 10px;
    border-radius: 10px;
    background: var(--carousel-pagination--bg);
    bottom: var(--carousel-pagination--y);
    gap: 10px;
    z-index: var(--z-400);
}
[class*="pb23-carousel"]:not(.pb23-carousel--main) .splide__pagination > li {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        position: relative;
        overflow: hidden;
}
[class*="pb23-carousel"]:not(.pb23-carousel--main) .splide__pagination button {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
    z-index: 1;
    background: var(--carousel-pagination--color);
    opacity: 0.5;
}
[class*="pb23-carousel"]:not(.pb23-carousel--main) .splide__pagination > li:has(button.is-active) {
    transform:scale(120%);
    background: var(--carousel-pagination--color);
}
[class*="pb23-carousel"]:not(.pb23-carousel--main) .splide__arrow {
    width: 40px;
    height: 40px;
    background: rgba(34,34,34,0.5);
    opacity: 1;
}
[class*="pb23-carousel"]:not(.pb23-carousel--main) .splide__arrow:hover {
    background: rgba(34,34,34,0.7);
}
[class*="pb23-carousel"]:not(.pb23-carousel--main) .splide__arrow[disabled] {
    background: rgba(34,34,34,0.2);
}
[class*="pb23-carousel"]:not(.pb23-carousel--main) .splide__arrow[disabled]:hover {
    cursor: not-allowed;
}
[class*="pb23-carousel"]:not(.pb23-carousel--main) .splide__arrow.splide__arrow--prev img {
    transform: scale(-1,-1);
    margin: 0 2px 0 0;
}
[class*="pb23-carousel"]:not(.pb23-carousel--main) .splide__arrow.splide__arrow--prev {
    left: -12px;
}
[class*="pb23-carousel"]:not(.pb23-carousel--main) .splide__arrow.splide__arrow--next {
    right: -12px;
}
@media (max-width: 1530px) {
    [class*="pb23-carousel"]:not(.pb23-carousel--main) .splide__arrow.splide__arrow--next {
        right: 0px;
    }
    [class*="pb23-carousel"]:not(.pb23-carousel--main) .splide__arrow.splide__arrow--prev {
        left: 0px;
    }
}
[class*="pb23-carousel"]:not(.pb23-carousel--main) .splide__arrow > img {
    width: 6px;
    height: 12px;
    margin: 0 0 0 2px;
}
@media (max-width: 1180px) {    
    [class*="pb23-carousel"]:not(.pb23-carousel--main) .splide__arrow.splide__arrow--prev {
        left: 6px;
    }
    [class*="pb23-carousel"]:not(.pb23-carousel--main) .splide__arrow.splide__arrow--next {
        right: 6px;
    }
}
/* TAGS */
.pb23-tag {
    min-height: var(--tag--height);
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 4px var(--tag--spacer);
    font-size: var(--tag--font-size);
    font-weight: var(--tag--font-weight);
    font-style: normal;
    line-height: 1;
    color: var(--tag--font-color) !important;
    background: var(--tag--bg);
    border-radius: var(--tag--radius);
    border: 1px solid var(--tag--border-color);
}
.pb23-tag > * {
    line-height: 1;
}
.pb23-tag:not(.static):hover {
    opacity: 0.7;
    color: var(--tag--font-color);
    text-decoration: none;
}
.pb23-tag.fx:hover {
    opacity: 1;
    color: var(--tag--font-color-hover);
    background: var(--tag--bg-hover);
    border: 1px solid var(--tag--border-color-hover);
    text-decoration: none !important;
}
.pb23-tag img {
    max-width: 20px;
}
.pb23-tags {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.pb23-tags li {
    margin: 0;
    padding: 0;
}
.pb23-tags li a,
.pb23-tags li button {
    height: 25px;
    margin: 0;
    padding: 12px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 300;
    color: var(--clr-gray-700);
    background: var(--clr-gray-200);
    text-decoration: none;
}
/* VIDEOS */
.pb23-video {
    width: 100%;
    /*height: var(--video-height);*/
    position: relative;
    overflow: hidden;
}
.pb23-video > iframe,
.pb23-video > video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}
.pb23-video > button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--clr-white);
    background: rgba(0,0,0,0.75);
    border: none !important;
    opacity: 0;
    transition: var(--transition--default);
}
.pb23-video > button:hover {
    opacity: 1;
}
.pb23-video > video .mobile,
.pb23-video > video .tablet {
    display: none;
}
@media (max-width: 1180px) {
    .pb23-video > video:has(> .tablet) .desktop {
        display: none;
    }
    .pb23-video > video .tablet {
        display: block;
    }
}
@media (max-width: 769px) {
    .pb23-video > video:has(> .mobile) .desktop,
    .pb23-video > video:has(> .mobile) .tablet {
        display: none;
    }
    .pb23-video > video .mobile {
        display: block;
    }
    
}

.pb23-seo--content.footer {
    margin-top: 80px;
}
.pb23-seo--content.footer .pb23-container {
    width: calc(var(--container)*0.75);
}
.pb23-seo--content.footer .seo--wrapper {
    padding-top: 60px;
}
.pb23-seo--content.footer iframe {
    width: 50%;
    aspect-ratio: 16/9;
    float: right;
    margin: 0 0 16px 16px;
}
.pb23-seo--content.footer .seo--wrapper hr {
    clear: both;
}
.pb23-seo--content.footer .video-container {
    width: 50%;
    aspect-ratio: 16/9;
    float: right;
    margin: 0 0 16px 16px;
}
.pb23-seo--content.footer .video-container iframe {
    width: 100%;
    float: none;
    margin: 0;
}
@media (max-width: 769px) {    
    .pb23-seo--content.footer .pb23-container {
        width: 100%;
    }
    .pb23-seo--content.footer .seo--wrapper {
        padding-top: 30px;
    }    
}

.pb23-item--pagination {
    height: 190px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding: 26px 0;
    border: 1px solid var(--border-color);
    border-radius: 10px;
}
.pb23-item--pagination:before {
    display: none !important;
}
.pb23-item--pagination > input {
    display: none !important;
    
}
.pb23-item--pagination .icon {
    width: 100%;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pb23-item--pagination .icon svg path {
    stroke: var(--mark-font--color)
}
.pb23-item--pagination span {
    text-align: center;
}
.pb23-item--pagination span:before {
    display: none !important;
}
.pb23-footnote {
    scroll-margin-top: var(--menu-height);
    font-size: 0.75rem;
    font-weight: 400;
}
.pb23-footnote > img {
    margin: 0 8px 0 0;
    vertical-align: middle;
}

.pb23-footnote.extended > .header {
    display: grid;
    grid-template-columns: 18px 1fr;
    grid-template-areas: "icon content";
    gap: 0.5rem;
}
.pb23-footnote.extended > .header > img {
    grid-area: icon;
}
.pb23-footnote.extended > .header > span {
    grid-area: content;
    font-weight: 700;
    margin: 0 0 0.75rem;
}
.pb23-footnote.extended > .content {
    padding: 0 0 0 calc(18px + 0.5rem);
}
.pb23-footnote.extended > .content .wrapper * {
    font-size: 0.75rem;
}
.pb23-footnote.extended > .footnoteaction {
    margin: 0.75rem 0 1rem calc(18px + 0.5rem);;
    display: none;
}
@media (max-width: 769px) {
    .pb23-footnote.extended > .content {
        display: -webkit-box;
        -webkit-line-clamp: var(--content--lines-max);
        -webkit-box-orient: vertical;
        overflow: hidden;
        transition: var(--transition--default);
        max-height: calc(var(--content--lines-max)* 1.5rem);
        margin: 0 0 8px;
    }
    .pb23-footnote.extended.expanded > .content {
        -webkit-line-clamp: 400;
        max-height: 5000px;
    }
    .pb23-footnote.extended > .footnoteaction {
        display: block;
    }
    .pb23-footnote.extended > .footnoteaction > .show {
        display: block;
    }
    .pb23-footnote.extended > .footnoteaction > .close {
        display: none;
    }
    .pb23-footnote.extended.expanded > .footnoteaction > .show {
        display: none;
    }
    .pb23-footnote.extended.expanded > .footnoteaction > .close {
        display: block;
    }
}
/* Submenus */
.pb23-btn:has(+ .pb23-submenu) .icon {
    margin: -2px 0 0;
}
.pb23-btn:has(+ .pb23-submenu[style*='block']) .icon {
    transform: rotate(180deg);
}
.submenu--wrapper:has(.pb23-btn,.pb23-submenu) {
    position: relative;
}
.pb23-submenu.filter-submenu {
    min-width: 210px;
    display: none;
    position: absolute;
    margin-top: 10px;
    padding: 15px;
    border-radius: 10px;
    background: var(--clr-white);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
    z-index: var(--z-300);
}
.pb23-submenu.filter-submenu.show,
.pb23-submenu.filter-submenu.opened {
    display: block;
}
.pb23-submenu.filter-submenu .wrapper {
    max-height: 25dvh;
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    flex-direction: column;
}
.pb23-submenu.filter-submenu .wrapper::-webkit-scrollbar {
    width: 12px;
    border-radius: 12px;
}
.pb23-submenu.filter-submenu .wrapper::-webkit-scrollbar-track {
    border-radius: 12px;
    background: var(--clr-gray-100);
    padding: 3px;
}
.pb23-submenu.filter-submenu .wrapper::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: var(--clr-gray-300);
    border: 3px solid var(--clr-gray-100);
}
.pb23-submenu.filter-submenu .actions {
    margin: 16px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pb23-submenu.filter-options {
    display: none;
    position: relative;
    padding: 20px 24px;
    background: var(--clr-gray-100);
}
.pb23-submenu.filter-options > .wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 8px;
}
/* Menu Auxiliar */

.pb23-auxmenu {
    display: none;
    width: 100dvw;
    height: 100dvh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: var(--z-700);
}
.pb23-auxmenu:before {
    width: 100dvw;
    height: 100dvh;
    display: block;
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    z-index: calc(var(--z-700) + 1);
    background: rgba(0,0,0,0);
    transition: all 0.5s ease-out;
}
.pb23-auxmenu[style*="block"]:before {
    background: var(--matte);
}
body:has(.pb23-auxmenu[style*="block"]) {
    overflow: hidden;
}
.pb23-auxmenu .auxmenu--wrapper {
    width: 100%;
    max-width: var(--auxmenu-width);
    height: 100dvh;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: calc(var(--z-700) + 5);
}
.pb23-auxmenu .auxmenu--wrapper .wrapper {
    width: 100%;
    height: 100dvh;
    position: relative;
    margin-right: calc(100% - var(--auxmenu-width));
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr;
    grid-template-areas: "header" "body";
    background: var(--clr-white);
}
.pb23-auxmenu .auxmenu--wrapper .wrapper:has(> .auxmenu--actions) {
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "header" "body" "actions";
}
.pb23-auxmenu .auxmenu--wrapper header {
    display: grid;
    grid-template-columns: 16px 1fr 16px;
    grid-template-areas: "spacer title close";
    padding: 20px 24px;
    border-bottom: 1px solid var(--clr-gray-100);
}
.pb23-auxmenu .auxmenu--wrapper header .title {
    grid-area: title;
    font-size: 1.25rem;
    font-weight: 500;
    text-align: center;
}
.pb23-auxmenu .auxmenu--wrapper header > button.close {
    grid-area: close;
}
.pb23-auxmenu .auxmenu--wrapper .auxmenu--body {
    width: 100%;
    padding: 0;
    overflow: auto;
}
.pb23-auxmenu .auxmenu--wrapper .auxmenu--body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pb23-auxmenu .auxmenu--wrapper .auxmenu--actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "clear submit";
    padding: 40px 24px 20px;
}
.pb23-auxmenu .auxmenu--wrapper .auxmenu--actions .pb23-btn.action-link {
    grid-area: clear;
    align-self: center;
    justify-self: start;
}
.pb23-auxmenu .auxmenu--wrapper .auxmenu--actions .pb23-btn.dark {
    grid-area: submit;
    align-self: center;
    justify-self: end;
}
.pb23-specs--table {
    display: grid;
    grid-template-columns: 1fr minmax(30%,auto);
    gap: 0;
}
.pb23-specs--table > dt {
    margin: 0;
    padding: 20px 40px 20px 20px;
    background: var(--clr-gray-100);
    font-size: 0.875rem;
    font-weight: 400;
}
.pb23-specs--table > dd {
    margin: 0;
    padding: 20px 20px 20px 0px;
    background: var(--clr-gray-100);
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--clr-gray-500);
}
.pb23-specs--table > dt:nth-of-type(2n),
.pb23-specs--table > dd:nth-of-type(2n) {
    background: var(--clr-gray-050);
}
.pb23-specs--table > dd:nth-of-type(1) {
    border-top-right-radius: 10px;
}
.pb23-specs--table > dd p {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 300;
}
.pb23-specs--table > dt:nth-of-type(1) {
    border-top-left-radius: 10px;
}
h4:has(+ .pb23-specs--table ) {
    margin: 0;
    padding: 20px;
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--clr-gray-500);
    background: var(--clr-gray-200);
    border-radius: 10px 10px 0 0;
}
h4 + .pb23-specs--table > dd:nth-of-type(1) {
    border-top-right-radius: 0px;
}
h4 + .pb23-specs--table > dt:nth-of-type(1) {
    border-top-left-radius: 0px;
}
.pb23-specs--table > dd:last-of-type {
    border-bottom-right-radius: 10px;
}
.pb23-specs--table > dt:last-of-type {
    border-bottom-left-radius: 10px;
}
@media (max-width: 1180px) {
    .pb23-specs--table {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }
    .pb23-specs--table > dt {
        padding: 20px;
    }    
}
.pb23-divider {
    margin-top: var(--divider-spacer);
    margin-bottom: var(--divider-spacer);
    border: 0;
    border-top: 1px solid var(--clr-gray-100);
}
[id] {
    scroll-margin-top: var(--menu-height);
}
/*@import "pb23-reset.css"; /* Apenas para fase intermediária */
/*@import "modal.css";*/
:root {
  --color-darkest: #222;
  --color-darker: #414141;
  --color-darker-alt: #403C55;
  --color-dark: #707070;
  --color-dark-alt: #707480;
  --color-light: #828FA5;
  --color-lighter: #a2a2a2;
  --color-lighter-alt: #e1e5ed;
  --color-lightest: #E6EAF2;
  --color-lightest-alt: #efefef;
  --color-white: #fff;
  --color-white-alt: #F8F9FB;
  --color-black: #1D2029;
  --color-main: #092650;
  --color-green:#009649;
  --color-unltd: #89B32F;
  --color-sales-1: #3495C1; /* Construtoras */
  --color-sales-2: #E71170; /* Multimarcas */
  --color-sales-4: #003166; /* Portobello Shop */
  --color-sales-5: #000; /* Export */
  --color-sales-10: #003166; /* Portobello America */
  --color-sust: #687B4F;
  --color-sust-alt: #AAB59C;
  --color-seo: #63666A;
  --max-container: 1620px;
  --max-row: 1532px;
  --container-grid-cols: 12;
  --container-grid-spacer: 30px;

  --mainmenu-height: 96px;

  --z-menu: 5000;
  --z-modal: 10000;
  --z-lightbox: 12000;

  --card-size: 100%;

  --animation-size: 80px;
  --animation-item-size: 19px;
  --animation-speed: 0.6s;
  --animation-color: #828FA5;

  --shadow-default: -0px 0px 15px 0px rgba(0,0,0,0.2); 
}
@media (max-width: 1720px) {
  :root {
    --max-row: calc(100vw - 120px);
  }
}
@media (max-width: 992px) {
  :root {
    --mainmenu-height: 63px;
    --card-size: 232px;
  }
}
@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  scroll-behavior: smooth;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
  scroll-behavior: smooth;
}
body.noscroll {
  overflow: hidden;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
/*  margin-top: 0;
  margin-bottom: 0.5rem;*/
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #0075ff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}
/*
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}
*/
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 992px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 1620px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1622px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}

.pageInModal {
  position: fixed;
  top: var(--mainmenu-height);
  left: 0px;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  background: white;
  z-index: 10;
}
.pageInModal .loading 
{
  text-align: center;
  width: 100vw;
  height: 100vh;
  
}
.pageInModal .loading img
{
  margin: auto;
  text-align: center;
  vertical-align: middle;
  padding: 100px;
}
body.modalOpened
{
  overflow: hidden;
}

/* SWITCH */
.pb-switch {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  gap: 5px;
}
.pb-switch:hover {
  cursor: pointer;
}
.pb-switch > span {
  order: 2;
}
.pb-switch > .switch {
  width: 35px;
  min-width: 35px;
  height: 20px;
  border-radius: 10px;
  display: block;
  content: "";
  position: relative;
  background: #f1f1f1;
  border: 1px solid #dcdcdc;
  z-index: 1;
  order: 1;
}
.pb-switch .switch:after {
  width: 16px;
  height: 16px;
  display: block;
  content: "";
  background: var(--color-light);
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 2;
  border-radius: 50%;
  transition: all 0.125s ease-in;
}
.pb-switch input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  left: 1px;
}
.pb-switch input:is(:checked) ~ .switch:after {
  left: 16px;
  background: #5ca694;
}
.pb-switch-v2 {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  gap: 10px;
  margin: 0;
}
label.pb-switch-v2:has(> input[type="checkbox"],> input[type="radio"]):before{
  display: none;
}
.pb-switch-v2:hover {
  cursor: pointer;
}
.pb-switch-v2 > span {
  order: 2;
}
.pb-switch-v2 > .switch {
  width: 35px;
  min-width: 35px;
  height: 20px;
  border-radius: 10px;
  display: block;
  content: "";
  position: relative;
  background: transparent;
  z-index: 1;
  order: 1;
}
.pb-switch-v2 .switch:before {
  width: 100%;
  height: 8px;
  display: block;
  content: "";
  background: var(--switch-bg--off);
  position: absolute;
  top: 5px;
  left: 1px;
  z-index: 2;
  border-radius: 4px;
  transition: all 0.125s ease-in;
}
.pb-switch-v2 .switch:after {
  width: 16px;
  height: 16px;
  display: block;
  content: "";
  background: var(--switch-toggle--off);
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 2;
  border-radius: 50%;
  transition: all 0.125s ease-in;
}
.pb-switch-v2 input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  left: 1px;
}
.pb-switch-v2 input:is(:checked) ~ .switch:after {
  left: calc(100% - 15px);
  background: var(--switch-toggle--on);
}
.pb-switch-v2 input:is(:checked) ~ .switch:before {
  background: var(--switch-bg--on);
}
/* Geral - OK */
* {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
html body {
    font-size: 0.875rem;
    /*font-size: 1rem;*/
    line-height: 1.25rem;
}
body.noScroll {
    overflow: hidden;
}
/*h1 {
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--color-darkest);
    text-transform: uppercase;
    text-transform: initial;
    font-size: 38px;
    font-weight: 300;
    color: var(--color-darkest);
}
h2 {
   font-size: 1.875rem;
    font-weight: 300;
    color: var(--color-darkest);
    text-transform: none;
}*/
h2 b,
h2 strong {
    font-weight: 400;
}
h2.strong {
    font-weight: 400;
}
h2.pb-title {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 32px;
    position: relative;
    color: var(--color-darker);
    font-weight: 500;
}
h2.pb-title:after {
    width: 25px;
    height: 4px;
    content: "";
    display: block;
    position: absolute;
    bottom: -16px;
    left: 0;
    background: var(--color-main);
}
/*
h3 {
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--color-darker);
}*/
.title-context {
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--color-darkest);
    line-height: 1.875rem;
}
a {
    text-decoration: none;
}
:focus {
    outline: none;
}
.help-text {
    font-size: 0.75rem;
    font-style: italic;
    color: var(--gray-light);
}
.container-lg,
.container-xl {
    padding-left: 60px;
    padding-right: 60px;
}
@media (max-width: 1179px) {    
    h1 {
        font-size: 30px;
    }
}
@media (max-width: 992px) {
    .container-lg,
    .container-xl {
        padding-left: 28px;
        padding-right: 28px;
    }
    /*
    h2,
    h3 {
        font-size: 1.125rem;
    }*/
    .title-context {
        font-size: 1.125rem;
    }
    /*p {
        font-size: 0.75rem;
    }*/
}
/* Item genérico */
.pb-item.new .content:after {
    width: auto;
    display: inline-block;
    content: "Lançamento";
    margin-top: 2px;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 0.5625rem;
    color: var(--color-main);
    text-transform: uppercase;
    background: var(--color-lightest);
}
html[lang="es-es"] .pb-item.new .content:after {
    content: "Lanzamiento";
}
html[lang="en"] .pb-item.new .content:after {
    content: "New";
}
.pb-item.upgrade .content:after {
    width: auto;
    display: inline-block;
    content: "Upgrade";
    margin-top: 2px;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 0.5625rem;
    color: var(--color-main);
    text-transform: uppercase;
    background: var(--color-lightest);
}
html[lang="es-es"] .pb-item.upgrade .content:after {
    content: "Upgrade";
}
html[lang="en"] .pb-item.upgrade .content:after {
    content: "Upgrade";
}
.pb-item.lastra .content:after {
    width: auto;
    display: inline-block;
    content: "Upgrade";
    margin-top: 2px;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 0.5625rem;
    color: var(--color-main);
    text-transform: uppercase;
    background: var(--color-white);
    border: 1px solid var(--color-main);
}
html[lang="es-es"] .pb-item.lastra .content:after {
    content: "Slabs";
}
html[lang="en"] .pb-item.lastra .content:after {
    content: "Slabs";
}
.tag-container label,
nav.pb-productgroupnav ul li a label,
.pb-card .content label,
.pb-item .content label {
    width: auto;
    display: inline-block;
    margin-top: 2px;
    margin-right: 2px;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 0.5625rem;
    color: var(--color-main);
    text-transform: uppercase;
    background: var(--color-lightest);
}
nav.pb-productgroupnav ul li a label
{
    width: fit-content;
    display: block;
}
.pb-card .content label.upgrade,
.pb-item .content label.upgrade {    
    content: "Upgrade";    
}
.tag-container label.lastra,
nav.pb-productgroupnav ul li a label.lastra,
.pb-card .content label.lastra,
.pb-item .content label.lastra {
    background: var(--color-white);
    border: 1px solid var(--color-main);
    content: "Lastra";
}

/* Item de Categoria */
.pb-item--category,
.pb-item--category a,
.pb-item--category img,
.pb-item--category span {
    width: 100%;
    display: block;
}
.pb-item--category img {
    border-radius: 4px;
    height: 100%;
}
.pb-item--category span {
    width: calc(100% - 4px);
    margin: 12px 0 0 4px;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-darkest);
    text-align: center;
}
@media (max-width: 992px) {
    .pb-item--category span {
        font-size: 12px;
    }
}
/* Prêt-à-porter */
.pb-item--pret {
    display: grid;
    grid-template-columns: 33.33% 1fr;
    gap: var(--container-grid-spacer);
    padding: 0px;
    margin: 0px;
    text-decoration: none !important;
}
.pb-item--pret .image {
    display: block;
}
.pb-item--pret .image img {
    width: 100%;
}
.pb-item--pret .content {
    align-self: center;
}
.pb-item--pret .content .producttitle {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-black);
}
.pb-item--pret .content .dimensions {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.827rem;
    font-weight: 400;
    color: var(--color-darker-alt);
}

/* Item de Produto */
.pb-card {
    width: var(--card-size);
    display: block;
    text-decoration: none !important;
}
[class^="pb-card pb-card--downloads-v2"] {
    padding: 12px;
    border: 1px solid var(--color-lightest);
    display: flex;
    flex-direction: column;
    height: 100%;
}
.pb-card .image {
    width: 100%;
    height: 0px;
    padding: 0 0 100%;
    display: block;
    position: relative;
    text-decoration: none;
}
.pb-card--products .image  {
    padding: 0 0 100%;
}
.pb-card--lines .image  {
    padding: 0 0 82.8%;
}
.pb-card--complements .image  {
    padding: 0 0 82.8%;
}
[class^="pb-card pb-card--downloads-v2"] .image {
    padding: 0 0 56.28%;
}
.pb-card .image > div {
    width: auto;
    height: 50px;
    display: none;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 2;
    background: var(--color-white);
}
[class^="pb-card pb-card--downloads"] .image > div {
    display: flex;
}
.pb-card .image > div img {
    width: 16px;
    height: 16px;
    margin: 0 16px 0 0;
    position: relative;
}
.pb-card .image > div span {
    font-size: 1rem;
    color: var(--color-dark-alt)
}
.pb-card .image img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    object-position: center left;
}
.pb-list[data-area="revestimentos"][data-type="lines"] .pb-card .image img {
    object-fit: cover;
}
.pb-card .content {
    display: block;
    padding: 1rem 0;
}
.pb-card .content,
.pb-card .content * {
    text-decoration: none;
}
[class^="pb-card pb-card--downloads-v2"] .content {
    margin: 0;
    padding: 1rem 0 0;
}
.pb-card .content .title {
    display: block;
    font-size: 1rem;
    color: var(--color-main);
    margin: 0;
    margin-bottom: 8px;
    font-weight: 300;
}
[class^="pb-card pb-card--downloads-v2"] .content .title {
    min-height: 45px;
    margin: 0.75rem 0;
}
.pb-card .content .info {
    display: block;
    font-size: 0.875rem;
    color: var(--color-dark);
}
.pb-card .content .likes {
    display: flex;
    font-size: 0.875rem;
    color: var(--color-dark);
}
.pb-card .content .likes > img {
    width: 12px;
    margin: 0 5px 0 0;
}
.pb-card .content .likes > span {
    margin: 0 2px;
}
.pb-card.new .content:after {
    width: auto;
    display: inline-block;
    content: "Lançamento";
    margin-top: 2px;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 0.5625rem;
    color: var(--color-main);
    text-transform: uppercase;
    background: var(--color-lightest);
}
html[lang="es-es"].pb-card.new .content:after {
    content: "Lanzamiento";
}
html[lang="en"].pb-card.new .content:after {
    content: "New";
}
[class^="pb-card pb-card--downloads"] .content .info {
    display: none
}
.pb-card--favorite .content {
    display: grid;
    grid-template-columns: 1fr 42px;
    grid-template-areas: "content favorite";
}
.pb-card--favorite .content a {
    grid-area: content;
}
.pb-favorite {
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.pb-favorite:hover {
    cursor: pointer;
}
.pb-favorite input {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
    z-index: 1;
}
.pb-favorite input ~ img.favorite-false {
    display: block;
    position: relative;
    z-index: 2;
}
.pb-favorite input ~ img.favorite-true {
    display: none;
}
.pb-favorite input:checked ~ img.favorite-true {
    display: block;
    position: relative;
    z-index: 2;
}
.pb-favorite input:checked ~ img.favorite-false {
    display: none;
}
[class^="pb-card pb-card--downloads-v2"] .complement {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}
[class^="pb-card pb-card--downloads-v2"] .complement ul {
    align-items: flex-start;
    flex-wrap: wrap;
    display: flex;
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}
[class^="pb-card pb-card--downloads-v2"] .complement ul li {
    margin: 0 5px 5px 0;
    padding: 6px 10px;
    font-size: 0.5625rem;
    text-transform: uppercase;
    color: var(--color-black);
    background: var(--color-lightest);
    border-radius: 3px;
    line-height: 1.2em;
}
[class^="pb-card pb-card--downloads-v2"] .complement .actions {
    display: grid;
    grid-template-columns: 1fr 50px;
    gap: 10px;
}
[class^="pb-card pb-card--downloads-v2"] .complement .actions .btn-more {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color-main);
}
[class^="pb-card pb-card--downloads-v2"] .complement .actions .btn-more.download img {
    margin: 0 16px 0 0;
}
[class^="pb-card pb-card--downloads-v2"] .complement .actions .btn-more.list span {
    display: none;;
}
.btn.btn-more-new {
    width: 100%;
    height: 46px;
    max-width: 460px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 2px solid var(--color-darkest);
    border-radius: 10px;
}
@media (max-width: 992px) {  
    .pb-card .content .title {
        font-size: 0.875rem;
    }
    .pb-card .content .info {
        font-size: 0.75rem;
    }
    .pb-carousel .pb-card {
        width: var(--card-size);
    }
    .pb-carousel .pb-card .content .title {
        font-size: 1.125rem;
    }
    .pb-carousel .pb-card .content .info {
        font-size: 1rem;
    }
}
/* Itemd e Produto, variação Officina */
.pb-card.pb-card--officina .content .info {
    display: block;
    margin-top: 10px;
    font-size: 0.75rem;
    font-weight: 300;
    color: var(--color-light);
}
.pb-card.pb-card--officina .content .format {
    display: block;
    margin: 20px 0 6px;
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--color-dark-alt);
}
/* Item de Produto BlackDays 2021 */
.pb-card.pb-card--blackdays2021 {

    position: relative;
    border: 1px solid #E0E0E0;
}
.pb-card.pb-card--blackdays2021 a {
    text-decoration: none;
}
.pb-card.pb-card--blackdays2021 .tag {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding: 2px 7px 7px;
    position: absolute;
    top: 8px;
    left: 7px;
    border-radius: 3px;
    background: var(--color-darkest);
}
.pb-card.pb-card--blackdays2021 .tag span {
    display: block;
    font-size: 0.71rem;
    color: #f5ce81;
}
.pb-card.pb-card--blackdays2021 .tag span:nth-of-type(2) {
    font-size: 1.25rem;
    font-weight: 700;
}
.pb-card.pb-card--blackdays2021 .title {
    min-height: 52px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding: 10px 13px;
}
.pb-card.pb-card--blackdays2021 .title .tag-entrega span {
    height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 9px;
    top: -10px;
    position: absolute;
    z-index: 10;
    font-size: 10px;
    font-weight: 500;
    color: #000;  
    background: #F5CE81;
  }
.pb-card.pb-card--blackdays2021 .title,
.pb-card.pb-card--blackdays2021 .title * {
    font-size: 1.143rem;
    font-weight: 400;
    color: var(--color-darker);
}
.pb-card.pb-card--blackdays2021 dl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "size-title surface-title" "size-data surface-data" "code-title border-title" "code-data border-data";
    margin: 0;
}
.pb-card.pb-card--blackdays2021 dl dt,
.pb-card.pb-card--blackdays2021 dl dd {
    border: none !important;
}
.pb-card.pb-card--blackdays2021 dl dt a {
    display: block;
    margin: 0;
    padding: 0 0 0 13px;
    font-size: 0.571rem;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #AFAFAF;
}
.pb-card.pb-card--blackdays2021 dl dt:nth-of-type(2n) a {
    padding: 0;
}
.pb-card.pb-card--blackdays2021 dl dd a {
    display: block;
    margin: 0;
    padding: 0 0 14px 13px;
    font-size: 0.93rem;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--color-dark-alt);
}
.pb-card.pb-card--blackdays2021 dl dd:nth-of-type(2n) a {
    padding: 0 0 14px;
}
.pb-card.pb-card--blackdays2021 dl dt.size {
    grid-area: size-title;
}
.pb-card.pb-card--blackdays2021 dl dd.size {
    grid-area: size-data;
}
.pb-card.pb-card--blackdays2021 dl dt.surface {
    grid-area: surface-title;
}
.pb-card.pb-card--blackdays2021 dl dd.surface {
    grid-area: surface-data;
}
.pb-card.pb-card--blackdays2021 dl dt.code {
    grid-area: code-title;
}
.pb-card.pb-card--blackdays2021 dl dd.code {
    grid-area: code-data;
}
.pb-card.pb-card--blackdays2021 dl dt.border {
    grid-area: border-title;
}
.pb-card.pb-card--blackdays2021 dl dd.border {
    grid-area: border-data;
}

/* Item de Produto Desconto */
.pb-card.pb-card--discount {

    position: relative;
    border: 1px solid #E0E0E0;
}
.pb-card.pb-card--discount a {
    text-decoration: none;
}
.pb-card.pb-card--discount .tag {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding: 2px 7px 7px;
    position: absolute;
    top: 8px;
    left: 7px;
    border-radius: 3px;
    background: var(--color-darkest);
}
.pb-card.pb-card--discount .tag span {
    display: block;
    font-size: 0.71rem;
    color: #f5ce81;
}
.pb-card.pb-card--discount .tag span:nth-of-type(2) {
    font-size: 1.25rem;
    font-weight: 700;
}
.pb-card.pb-card--discount .title {
    min-height: 52px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding: 10px 13px;
}
.pb-card.pb-card--discount .title .tag-entrega span {
    height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 9px;
    top: -10px;
    position: absolute;
    z-index: 10;
    font-size: 10px;
    font-weight: 500;
    color: #000;  
    background: #F5CE81;
  }
.pb-card.pb-card--discount .title,
.pb-card.pb-card--discount .title * {
    font-size: 1.143rem;
    font-weight: 400;
    color: var(--color-darker);
}
.pb-card.pb-card--discount dl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "size-title surface-title" "size-data surface-data" "code-title border-title" "code-data border-data";
    margin: 0;
}
.pb-card.pb-card--discount dl dt,
.pb-card.pb-card--discount dl dd {
    border: none !important;
}
.pb-card.pb-card--discount dl dt a {
    display: block;
    margin: 0;
    padding: 0 0 0 13px;
    font-size: 0.571rem;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #AFAFAF;
}
.pb-card.pb-card--discount dl dt:nth-of-type(2n) a {
    padding: 0;
}
.pb-card.pb-card--discount dl dd a {
    display: block;
    margin: 0;
    padding: 0 0 14px 13px;
    font-size: 0.93rem;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--color-dark-alt);
}
.pb-card.pb-card--discount dl dd:nth-of-type(2n) a {
    padding: 0 0 14px;
}
.pb-card.pb-card--discount dl dt.size {
    grid-area: size-title;
}
.pb-card.pb-card--discount dl dd.size {
    grid-area: size-data;
}
.pb-card.pb-card--discount dl dt.surface {
    grid-area: surface-title;
}
.pb-card.pb-card--discount dl dd.surface {
    grid-area: surface-data;
}
.pb-card.pb-card--discount dl dt.code {
    grid-area: code-title;
}
.pb-card.pb-card--discount dl dd.code {
    grid-area: code-data;
}
.pb-card.pb-card--discount dl dt.border {
    grid-area: border-title;
}
.pb-card.pb-card--discount dl dd.border {
    grid-area: border-data;
}
/* Item de Galeria */
.pb-item--gallery .image {
    height: auto;
    padding: 0;
}
.pb-item--gallery .image img {
    position: relative;
    border-radius: 4px;
}
.pb-item--gallery .content .title {
    color: var(--color-dark);
    font-size: 0.75rem;
}
.pb-item--gallery .content .info {
    color: var(--color-dark);
    font-size: 0.625rem;
}
.pb-item--gallery.avatar
{
    height: auto !important;
    min-height: 260px;
}
.pb-item--gallery.avatar .content {
    display: grid;
    grid-template-columns: 38px auto;
    grid-template-areas: "avatar title" "avatar subtitle";
    column-gap: 15px;
}
.pb-item--gallery.avatar .content .avatar {
    grid-area: avatar;
}
.pb-item--gallery.avatar .content .avatar img {

    border-radius: 50%;
}
.pb-item--gallery.avatar .content .title {
    grid-area: title;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

}
.pb-item--gallery.avatar .content .info {
    grid-area: subtitle;
}
/* Officina */
.pb-item--product .producttitle {
    display: block;
    margin: 8px 0 2px;
    font-size: 1rem;
    font-weight: 700;
}
.pb-item--product .finishing {
    display: block;
    margin: 0;
    font-size: 0.75rem;
    font-weight: 300;
    text-transform: capitalize;
}
/* Item de Categoria de Complemento */
.pb-card--extras .image {
    width: 100%;
    height: 0;
    display: block;
    position: relative;
    padding-bottom: 100%;
    border: 1px solid var(--color-light);
    border-radius: 4px;
}
.pb-card--extras .image img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    object-fit: scale-down;
    object-position: center center;
}
.pb-card--extras .content {
    margin: 0;
    padding: 0;
}
.pb-card--extras .content .title {
    margin: 12px 0 0;
    font-size: 0.75rem;
    color: var(--color-main);
    font-weight: 700;
    text-align: center;
}

/* Tag */
.pb-tag {
    height: 28px;
    padding: 0 24px;
    display: inline-block;
    border: 1px solid var(--color-lightest);
    border-radius: 14px;
    font-size: .75rem;
    color: var(--color-darkest) !important;
    font-weight: 500;
    line-height: 28px;
    vertical-align: middle;
    text-decoration: none !important;
    white-space: nowrap;
    background: var(--color-white);
}
.pb-tag.selected {
    background: var(--color-lightest);
}

/* Card de Loja em Resultado de Busca */
.pb-store {
    max-width: 380px;
    display: inline-block;
    border-radius: 4px;
    background: var(--color-white);
}
.pb-store > a.header {
    display: grid;
    grid-template-columns: 32px 1fr;
    column-gap: 8px;
    min-height: 38px;
    margin: 0px !important;
    padding: 20px;
    border-bottom: 1px solid var(--color-lightest);
    text-decoration: none;;
}
.pb-store > a.header .name {
    justify-self: start;
    align-self: center;
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-black);
}
.pb-store > dl {
    padding: 20px;
    display: grid;
    grid-template-columns: 32px 1fr;
    column-gap: 12px;
    row-gap: 20px;
}
.pb-store > dl dt {
    justify-self: end;
    align-self: start;
}
.pb-store > dl dt span {
    display: none;
}
.pb-store > dl dd,
.pb-store > dl dd * {
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-dark);
    text-decoration: none;
}

/* Formulários */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 0.875rem;
    color: var(--color-darker);
    text-transform: none;
}
::-moz-placeholder { /* Firefox 19+ */
    font-size: 0.875rem;
    color: var(--color-darker);
    text-transform: none;
}
:-ms-input-placeholder { /* IE 10+ */
    font-size: 0.875rem;
    color: var(--color-darker);
    text-transform: none;
}
:-moz-placeholder { /* Firefox 18- */
    font-size: 0.875rem;
    color: var(--color-darker);
    text-transform: none;
}
.form-control {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid var(--color-dark);
}
.form-control:disabled, .form-control[readonly] {
    background: none !important;
    opacity: 0.35;
}
.form-control:disabled:hover, .form-control[readonly]:hover {
    cursor: not-allowed;
}
input[type=checkbox] {
    width: 16px;
    height: 16px;
/*    margin-top: 0.2rem; */
    margin-top: 0px;
}
input[type=radio] {
    width: 16px;
    height: 16px;
    /*margin-top: 0.2rem;*/
    margin-top: 0;
}
.form-group > label,
.form-group > label {
    margin: 0;
    padding: 0 0.75rem;
    font-size: 0.875rem;
    font-weight: 300;
    text-transform: uppercase;
}
.form-check-group {
    padding: 0.375rem 0.75rem;
}
.form-check-group > .form-check-inline {
    margin-right: 40px;
}
/* Botões */
.btn {
    font-size: 0.875rem;
    line-height: 1.75rem;
}
.btn-secondary {
    font-weight: 900;
    color: var(--color-main);
    background-color: var(--color-lightest);
    border: transparent;
}
.btn-darkest {
    font-weight: 400;
    color: var(--color-white);
    background-color: var(--color-darkest);
    border: 1px solid var(--color-main);    
}
.btn-black {
    font-weight: 400;
    color: var(--color-white);
    background-color: var(--color-darkest);
    border: 1px solid var(--color-main);    
    padding: 15px 30px 13px;
    text-transform: uppercase;
    letter-spacing: 3px;
    border-radius: 0;
}
.btn-black:hover {
    color: var(--color-lighter);
}
.btn-darkest:hover {
    color: var(--color-white);
}
.btn-light {
    font-weight: 900;
    color: var(--color-main);
    background-color: transparent;
    border: 1px solid var(--color-main);
}
.btn-light:hover {
    border: 1px solid var(--color-main);
}
.btn-lightest {
    max-width: 128px;
    font-size: 0.75rem;
    font-weight: 300;
    color: var(--color-dark-alt);
    background-color: var(--color-lightest);
    border: transparent;
}
.btn-lightest.btn-icon {
    padding: 0.375rem 0.75rem 0.375rem calc(0.375rem + 15px);
}
.btn-lightest.btn-icon img[src*="chevron"] {
    top: 12px;
    left: 14px;
}
.btn-lightest.btn-icon img[src*="favorite"] {
    width: 13.6px;
    height: 12px;
    top: 10px;
    left: 11px;
}
.btn-icon {
    position: relative;
    padding: 0.375rem calc(0.75rem + 40px);
}
.btn-icon img {
    position: absolute;
    top: calc((100% - 20px)/2);
    left: 20px;
}
.btn-icon-secondary {
    padding: 6px 20px 6px 41px;
    color: var(--color-main);
    background-color: var(--color-lightest);
    border: transparent;
}
.btn-icon-secondary img {
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc((100% - 16px)/2);
    left: 20px;
}
.pb-close {
    width: 20px;
    height: 20px;
    /*display: block;*/
    display: inline;
    position: relative;
    margin: 0 0 0 16px;
    text-transform: uppercase;    
}
.pb-close:before {
    width: 28px;
    height: 1px;
    display: block;
    content: "";
    position: absolute;
    bottom: 9px;
    left: -3px;
    transform: rotate(45deg);
    background: var(--color-dark);
}
.pb-close:after {
    width: 28px;
    height: 1px;
    display: block;
    content: "";
    position: absolute;
    bottom: 9px;
    left: -3px;
    transform: rotate(-45deg);
    background: var(--color-dark);
}
.btn-contact {
    min-width: 145px;
    height: 45px;
    padding: 0 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 22.5px;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--color-white);
    text-transform: uppercase;
    background: var(--color-main);
}
.btn-contact.btn-chat:hover span,
.btn-contact.btn-whatsapp:hover span {
    color: var(--color-white);

}
.btn-contact > img {
    margin: 0 8px 0 0 ;
}
.btn-contact.btn-chat {
    background: var(--color-main);
}
.btn-contact.btn-whatsapp {
    background: var(--color-green);
}
.btn-more {
    width: 80%;
    max-width: 246px;
    height: 40px;
    font-size: 0.875rem;
    color: var(--color-main);
    font-weight: 700;
    line-height: 2.25;
    border: 1px solid  var(--color-lightest);
}
.btn-submit {
    width: 100%;
    height: 40px;
    font-size: 0.875rem;
    color: var(--color-main);
    font-weight: 700;;
    border: 1px solid  var(--color-main);
    background: var(--color-lightest);
}
.btn-cancel {
    width: 100%;
    height: 40px;
    font-size: 0.875rem;
    color: var(--color-main);
    font-weight: 700;;
    border: 1px solid  var(--color-main);
    background: var(--color-white);
}

.btn-white {
    height: 40px;
    font-size: 0.875rem;
    color: var(--color-main);
    font-weight: 500;
    border: 1px solid  var(--color-main);
    text-transform: uppercase;
    background: var(--color-white);
    border-radius: 0px;
    letter-spacing: 3px;
    padding-left: 20px;
    padding-right: 20px;
}
.link-bold {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-light);
    border-bottom: 2px solid var(--color-lightest);
}
.link-small {
    width: 100%;
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--color-light);
}
.btn-sharp {
    padding: 11px 40px;
    border: 1px solid var(--color-black);
    border-radius: 0px;
    font-size: 0.75rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.btn-light-v2 {
    padding: 9px 20px;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    border-radius: 0px;
    color: var(--color-black);
    border: 2px solid var(--color-black);
}
/* Navegador */
.pb-nav {
    font-size: 0.875rem;
    color: var(--color-light);
} 
.pb-nav a {
    position: relative;
    color: var(--color-light);
}
.pb-nav a.active {
    color: var(--color-main);
    font-weight: 900;
}
.pb-nav a.active:after {
    width: calc(100% - 2rem);
    height: 2px;
    display: block;
    content: "";
    position: absolute;
    bottom: 0.25rem;
    left: 1rem;
    background: var(--color-lightest);
}

/* Tableas de especificações */

.specs {
    width: 100%;
    border-collapse: collapse;
} 
.specs thead {
    display: none;
} 
.specs tr {
    height: 1.25rem;
}
.specs tr:nth-of-type(odd) {
    background: var(--color-lightest);
}
.specs td {
    width: 50%;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--color-darkest);
    line-height: 1.2em;
    vertical-align: center;
} 
.specs th:nth-of-type(1) {
    width: calc(50% - 8px);
    padding: 0 0 0 8px;
} 
.specs th {
    width: 50%;
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--color-darkest);
    line-height: 1.2em;
    vertical-align: center;
} 

@media (max-width:992px) {
    .specs {
        width: 100%;
    }
    .specs td {
        padding: 0 8px 0 0;
        text-align: right;
    }
}
/* Animação de Carregamento (Loading) */
.pb-loading {
    display: inline-block;
    position: relative;
    width: var(--animation-size);
    height: var(--animation-size);
}
.pb-loading div {
    position: absolute;
    top: calc((var(--animation-size) - var(--animation-item-size))/2);
    width: var(--animation-item-size);
    height: var(--animation-item-size);
    border-radius: 50%;
    background: var(--animation-color);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.pb-loading div:nth-child(1) {
    left: 8px;
    animation: pb-loading1 var(--animation-speed) infinite;
}
.pb-loading div:nth-child(2) {
    left: 8px;
    animation: pb-loading2 var(--animation-speed) infinite;
}
.pb-loading div:nth-child(3) {
    left: 32px;
    animation: pb-loading2 var(--animation-speed) infinite;
}
.pb-loading div:nth-child(4) {
    left: 56px;
    animation: pb-loading3 var(--animation-speed) infinite;
}
@keyframes pb-loading1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes pb-loading3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes pb-loading2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}
/* Pins de Canais de Venda */
.pin {
    display: inline-block;
    position: relative;
}
/*
.pin:after {
    width: 100%;
    height: 100%;
    display: flex;
    content: "";
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 0.4rem;
    color: var(--color-white);
    font-weight: 400;
    font-size: 0.625rem;
    z-index: 2;
}
*/
/* Caixa de Descontinuados */
.pb-legacy-box {
    width: 100%;
    /*max-width: 300px;*/
    padding: 26px 25px 30px;
    background: var(--color-lightest);
    color: var(--color-darkest);
    font-size: 0.85rem;
    text-align: center;
}
.pb-legacy-box p {
    margin: 16px 0 0;
    text-align: center;
    line-height: 1.5rem;
}
/* Page Header Padrão */
.pb-pageheader-v2 {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 0px;
}
.pb-pageheader-v2 .subtitle {
    display: block;
    margin-bottom: 20px;
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--color-darkest);
}
.pb-pageheader-v2 .title {
    margin: 0;
    padding-bottom: 20px;
    font-size: 1.875rem;
    font-weight: 700;
    color: var(--color-darkest);
    text-transform: uppercase;
}
.pb-pageheader-v2 .slogan {
    display: block;
    margin: -4px 0 0;
    padding-bottom: 20px;
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-darkest);
}
.pb-pageheader-v2:after {
    width: 25px;
    height: 4px;
    content: "";
    display: block;
    position: absolute;
    bottom: -4px;
    left: 0px;
    background: var(--color-main);
}
/* Botão Novo */
.btn-darkest-v2 {
    padding: 12px 42px;
    line-height: 1.2em;
    letter-spacing: 2px;
    border-radius: 0px;
    text-transform: uppercase;
    color: var(--color-white);
    background: var(--color-darkest);
    text-decoration: none !important;
}
.btn-darkest-v2:hover {
    color: var(--color-white);
}
.btn-lightest-v2 {
    padding: 12px 42px;
    line-height: 1.2em;
    letter-spacing: 2px;
    border-radius: 0px;
    text-transform: uppercase;
    color: var(--color-main);
    background: var(--color-lightest);
}
.btn-lightest-v2:hover {
    color: var(--color-main);
}
div.field-error
{
    color: red;
    padding: 5px;
}
div.field-error::before
{
    content: "*";
    color: red;
}

/* Favorites */
.pb-item,
.pb-item--container {
    position: relative;
}
.favorite-cta {
    width: 38px;
    height: 38px;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #f1f1f1;
    z-index: 5;
}
body.hasWishlist .favorite-cta {
    display: flex;
}
.favorite-cta.disabled {
	opacity: 0.65;
	color: #777;
    pointer-events:none;
}
.favorite-cta.disabled:hover {
    pointer-events:none;
}

.favorite-cta > .icon {
    display: block;
}
.favorite-cta > .icon-hover {
    display: none;
}
.favorite-cta[favorited] .icon,
.favorite-cta:hover > .icon {
    display: none;
}
.favorite-cta[favorited] .icon-hover,
.favorite-cta:hover > .icon-hover {
    display: block;
}

.favorite-page-cta {
    display: none;
    justify-content: flex-start;
    align-items: center;
}
body.hasWishlist .favorite-page-cta {
    display: flex;
}
.favorite-page-cta > .icon {
    margin: 0 8px 0 0;
}
.favorite-page-cta > .icon .icon {
    display: block;
}
.favorite-page-cta > .icon .icon-hover {
    display: none;
}
.favorite-page-cta[favorited] > .icon .icon,
.favorite-page-cta:hover > .icon .icon {
    display: none;
}
.favorite-page-cta[favorited] > .icon .icon-hover,
.favorite-page-cta:hover > .icon .icon-hover {
    display: block;
}

.newlink {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--color-light) !important;
    border-bottom: 2px solid var(--color-lightest);
    text-decoration: none !important;
}
.mainlink {
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-light) !important;
    text-decoration: underline var(--color-lightest) 2px;
    text-align: center;
}
/* Novo Padrão de Modal */
.pb-modal-v2 .modal-content .modal-header {
    align-items: center;
    padding: 37px 53px 0;
	border: none !important;
}
.pb-modal-v2 .modal-content .modal-header .modal-title {
    font-size: 24px;
    font-weight: 300;
    color: var(--color-darker-alt);
}
.pb-modal-v2 .modal-content .modal-header > button {
    position: relative;
    margin: 0px;
    padding: 0 30px 0 0;
    opacity: 1;
}
.pb-modal-v2 .modal-content .modal-header > button > span {
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--color-dark);
    vertical-align: middle;
}
.pb-modal-v2 .modal-content .modal-header > button:after {
    width: 24px;
    height: 1px;
    display: block;
    content: "";
    position: absolute;
    right: 0px;
    top: 10px;
    background: var(--color-dark);
    transform: rotate(45deg);
  }
.pb-modal-v2 .modal-content .modal-header > button:before {
    width: 24px;
    height: 1px;
    display: block;
    content: "";
    position: absolute;
    right: 0px;
    top: 10px;
    background: var(--color-dark);
    transform: rotate(-45deg);
  }
.pb-modal-v2 .modal-content .modal-body {
    padding: 30px 53px;
}
.pb-modal-v2 .modal-content .modal-footer {
    border: none !important;
    justify-content: center;
    padding: 0px 53px 37px;
}
.pb-modal-v2 .modal-content .modal-footer > .btn {
    width: 100%;
    max-width: 302px;
    padding: 8px 20px;
    font-size: 14px;
}
@media (max-width: 992px) {
    .pb-modal-v2.show {
        height: calc(100% - var(--mainmenu-height));
        padding-right: 0px !important;
        top: var(--mainmenu-height);
    }
    .pb-modal-v2.show .modal-dialog {
        width: 100%;
        max-width: 100%;
        margin: 0;
        height: auto;
        min-height: 100%;
    }
    .pb-modal-v2 .modal-content {
        min-height: calc(100vh - var(--mainmenu-height));
        border: none;
    }
    .pb-modal-v2 .modal-content .modal-header {
        padding: 18px 22px 0;
    }
    .pb-modal-v2 .modal-content .modal-body {
        padding: 30px 22px;
    }
    .pb-modal-v2 .modal-content .modal-footer {
        padding: 0px 22px 18px;
    }
}


.splide__pagination {
    margin-top: 30px;
    gap: 14px;
}
.splide__pagination li button {
    width: 15px;
    height: 15px;
    border: none;
    background: var(--color-lightest);
}
.splide__pagination li button.is-active {
    background: #b1b5ba;
}
.pb-btn-darkest {
    width: auto;
    display: inline-block;
    padding: 15px 40px;
    line-height: 1.2em;
    letter-spacing: .4px;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--color-white);
    background-color: var(--color-darkest);
    border: 1px solid var(--color-darkest);
}
.pb-btn-darkest:hover {
    color: var(--color-lighter);
}
.pb-cta-collapsible {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
    font-size: 14px;
    font-weight: 400;
    background: none;
}
.pb-cta-collapsible:after {
    width: 7px;
    height: 7px;
    display: block;
    content: "";
    margin: -4px 0 0;
    border: 2px solid #8390a5;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}
.collapse.show + .pb-cta-collapsible:after {
    margin: 4px 0 0;
    transform: rotate(-135deg);
}
.form--type label{
    display: block;
}

/* Banners Portobello Mais Arquitetura */
.banner-maisarq2023,
.banner-maisarq2023 .banner-desktop,
.banner-maisarq2023 .banner-mobile {
    width: 100%;
    display: block;
}
.banner-maisarq2023 .banner-mobile {
    display: none;
    padding: 0 20px;
}
@media (max-width: 992px) {
    .banner-maisarq2023 .banner-desktop {
        display: none;
    }
    .banner-maisarq2023 .banner-mobile {
        display: block;
    }    
}
dialog{
    background: white;
    z-index: 99;
}

/* Fix Botões */
.btn-close {
    position: relative;
}
.btn-close .pb-close {
    position: absolute;
    right: -20px;
    top: -3px;
}
button.icon-only > svg + span {
    display: none;
}

/* Fix para remover padding-right e alinha modal ao centro quand aberta */
#modal-video{
    padding-right: 0px;
}
[class^="pb-content-"],
[class^="pb-content-"] * {
    --image-cols: 5;
    --image-offset: 1;
    --infobox-spacer: -42px;
    box-sizing: border-box;
}
/* Gerais */
[class^="pb-content-"] h2,
[class^="pb-content-"] .title {
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--color-darkest);
    text-transform: uppercase;
    line-height: 1.2;
}
[class^="pb-content-"] .subtitle {
    margin: 1rem 0 0;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.875rem;
    color: var(--color-darkest);
}
[class^="pb-content-"] .header {
    margin: 0 0 1.5rem;
}
[class^="pb-content-"] .content p {
    font-size: 1rem;
    font-weight: 300;
    color: var(--color-darkest);
}
@media (max-width: 992px) {    
    [class^="pb-content-"] h2,
    [class^="pb-content-"] .title {
        font-size: 1.125rem;
    }
    [class^="pb-content-"] .subtitle {
        font-size: 1.125rem;
    }
}
/* Conteúdo Conceito Inicial */
.pb-content--concept {
    overflow-x: hidden;
}
.pb-content--concept .highlight {
    width: 100%;
    max-width: 100%;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0 0 1rem;
}
.pb-content--concept .image {
    position: relative;
}
.pb-content--concept p {
    max-width: 80%;
}
.pb-content--concept .subtitle {
    display: block;
    margin: 38px 0; 
    color: var(--color-darker);
    text-transform: none;
    font-size: 1rem;
    font-weight: 400;
}
.pb-content--concept ul.links {
    width: 100%;
    display: grid;
    grid-template-columns: 60% 1fr;
    column-gap: var(--container-grid-spacer);
    row-gap: 20px;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.pb-content--concept ul.links li a {
    font-size: 0.875rem;
    color: var(--color-light);
}
.pb-content--concept .infobox {
    width: calc(        
        (
            (100vw - var(--max-container)) / 2
        ) +
        (
            (var(--max-container) - (var(--container-grid-spacer) * (var(--container-grid-cols) - 1)))
            /var(--container-grid-cols) * var(--image-cols) +
            (var(--container-grid-spacer) * (var(--image-cols) - 1))
        )
    );
    bottom: 10px;
    position: relative;
    margin-top: var(--infobox-spacer);
    margin-left: calc(
        (
            (var(--max-container) - (var(--container-grid-spacer) * (var(--container-grid-cols) - 1)))
            /var(--container-grid-cols) * var(--image-offset) +
            (var(--container-grid-spacer) * var(--image-offset))
        )
    );
    padding: 54px 0;
    padding-left: calc(
        (
            (var(--max-container) - (var(--container-grid-spacer) * (var(--container-grid-cols) - 1)))
            /var(--container-grid-cols)
        )
    );
    z-index: 2;
    background: var(--color-lightest);
}
.pb-content--concept .infobox .content {
    --temp-value: (var(--image-cols) - var(--image-offset) - 2);
    width: calc(
        (
            (var(--max-container) - (var(--container-grid-spacer) * (var(--container-grid-cols) - 1)))
            /var(--container-grid-cols) * var(--temp-value) +
            (var(--container-grid-spacer) * (var(--image-cols) - var(--image-offset)))
        )
    );
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: 700;
    color: var(--color-darkest);
    text-transform: uppercase;
}
.pb-content--concept .infobox .content p {
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: 700;
    color: var(--color-darkest);
    text-transform: uppercase;
}
.pb-content--concept .infobox .content > a.btn-more {
    margin: 44px 0 0;
    border: 1px solid var(--color-main);
}
@media (max-width: 1120px) {
    .pb-content--concept .infobox {
        padding-left: calc(
            (
                (var(--max-container) - (var(--container-grid-spacer) * (var(--container-grid-cols) - 1)))
                /var(--container-grid-cols)
            )/2
        );
    }
}
@media (max-width: 992px) {
    .pb-content--concept ul.links {
        grid-template-columns: 1fr;
    }
    .pb-content--concept .image {
        width: 100%;
        margin: 40px -40px; 
    }
    .pb-content--concept .image img {
        width: calc(100% + 80px);
    }
    .pb-content--concept .infobox {
        width: calc(100% + 80px);
        margin: 0;
        padding: 40px 28px;
    }
    .pb-content--concept .infobox .content,
    .pb-content--concept .infobox .content p {
        width: 100%;
        max-width: 100%;
        font-size: 1.175rem;
    }
    .pb-content--concept .infobox .content > a.btn-more {
        width: 100%;
        max-width: 100%;
        margin: 24px 0 0;
    }
}

/* Conteúdo Simples com Mídia em Duas Colunas*/
.pb-content--media .subtitle {
    text-transform: uppercase;
}
.pb-content--media .image img {
    width: 100%;
}
@media (max-width: 992px) {
    .pb-content--media .image {
        margin: 24px -28px 0;
    }
}

/* Conteúdo Centralizado */
.pb-content--singlecentered,
.pb-content--singlecentered * {
    --image-spacer: 50px;
    --title-spacer: 30px; 
    --subtitle-spacer: 20px; 
    --more-spacer: 68px;
}
.pb-content--singlecentered .image {
    margin-bottom: var(--image-spacer);
}
.pb-content--singlecentered .image img {
    width: 100%;
}
.pb-content--singlecentered .header h2,
.pb-content--singlecentered .header .subtitle {
    display: block;
    margin-bottom: var(--title-spacer);
    text-align: center;
}
.pb-content--singlecentered .header .subtitle {
    margin-bottom: var(--subtitle-spacer);
    text-align: center;
}
.pb-content--singlecentered .content {
    text-align: center;
}
.pb-content--singlecentered .more {
    text-align: center;
    margin-top: var(--more-spacer);
}
.pb-content--singlecentered .more .btn-more {
    width: 100%;
    max-width: 100%;
}

/* Duas Colunas */
.pb-content--cols,
.pb-content--cols * {
    --image-spacer: 60px;
    --title-spacer: 30px; 
    --subtitle-spacer: 20px; 
    --more-spacer: 48px;
}
.pb-content--cols .image {
    width: 100%;
    margin-bottom: var(--image-spacer);
}
.pb-content--cols .image img,
.pb-content--cols .image-mosaic img {
    width: 100%;
}
.pb-content--cols .image-mosaic {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--container-grid-spacer);
    margin-bottom: var(--image-spacer);
}
.pb-content--cols .header h2,
.pb-content--cols .header .subtitle {
    display: block;
    margin-bottom: var(--title-spacer);
}
.pb-content--cols .header .subtitle {
    margin-bottom: var(--subtitle-spacer);
}
.pb-content--cols .more {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: var(--more-spacer);
}
@media (max-width: 992px) {
    .pb-content--cols .order-3 {
        margin-top: 180px;
    }
}

/* Destaque em Caixa com Imagem de Fundo */
.pb-content--highlight .image {
    width: 57vw;
    height: 564px;
    position: absolute;
    top: var(--mainmenu-height);
    right: 0px;
    z-index: 1;
}
.pb-content--highlight .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
.pb-content--highlight .content-box {
    margin: 384px 0 0;
    padding: 30px 36px 30px 0;
    position: relative;
    background: var(--color-white);
    z-index: 2;
}
.pb-content--highlight .content-box .title {
    display: block;
    margin: 0 0 28px;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.8rem;
    color: var(--color-darker-alt);
    text-transform: none;;
}
.pb-content--highlight .content-box p {
    font-weight: 300;
}
.pb-content--highlight .content-box .more {
    width: 80%;
    margin: 34px 0 60px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: var(--container-grid-spacer);
}
.pb-content--highlight .content-box .more .btn {
    width: 100%;
}
.pb-content--highlight .content-box .call {
    display: block;
    font-size: 1.125rem;
    font-weight: 300;
}
.pb-content--highlight .content-box:before {
    width: 12px;
    height: 180px;
    display: block;
    position: absolute;
    content: "";
    top: 140px;
    left: -60px;
    background: url("/template/images/icon_arrow.svg") top center no-repeat;
    background-size: contain;
}
@media(max-width: 1200px) {
    .pb-content--highlight .content-box .more {
        width: 100%;
    }
}
@media(max-width: 992px) {
    .pb-content--highlight .content-box {
        margin: 0;
        padding: 0;
    }
    .pb-content--highlight .content-box .more {
        display: none;
    }
    .pb-content--highlight .image {
        display: none;
    }
    .pb-content--highlight .content-box:before {
        display: none;
    }
}

/* Conteúdo de Introdução Institucional */
.pb-content--intro,
.pb-content--intro * {
    --highlight-spacer: 100px 30px 32px 0;
    --header-spacer: 86px;
    --box-spacer: 70px 20% 0 0;
}
.pb-content--intro {
    position: relative;
    padding: calc(var(--mainmenu-height) * 0.6) 0 0;
}
.pb-content--intro .subtitle {
    display: block;
    margin: 0 0 18px;
    font-size: 0.75rem;
    font-weight: 300;
}
.pb-content--intro header {
    display: block;
    position: relative;
    margin: 0 0 var(--header-spacer);
}
.pb-content--intro header h1:after {
    width: 25px;
    height: 4px;
    content: "";
    display: block;
    position: absolute;
    bottom: -34px;
    left: 0;
    background: var(--color-main);
}
.pb-content--intro .links {
    padding: 0;
    margin: 0;
    list-style: none;
}
.pb-content--intro .links li {
    margin: 0 0 20px;
}
.pb-content--intro .links a {
    font-size: 0.875rem;
    color: var(--color-light);
}
.pb-content--intro p.highlight {
    font-size: 1.5rem;
    color: var(--color-darker-alt);
    font-weight: 300;
    margin: var(--highlight-spacer);
    line-height: 1.2;
}
.pb-content--intro .content-box {
    padding: var(--box-spacer);
    background: var(--color-white);
    position: relative;
    z-index: 2;
}
.pb-content--intro .content-box {
    font-size: 1.125rem;
    color: var(--color-darker-alt);
    font-weight: 300;
    min-height: 280px;
}
.pb-content--intro .content-box p {
    line-height: 1.4;
}
.pb-content--intro .image {
    width: 62vw;
    height: 688px;
    position: absolute;
    top: var(--mainmenu-height);
    right: 0px;
    z-index: 1;
}
.pb-content--intro .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
@media(max-width: 992px) {
    .pb-content--intro,
    .pb-content--intro * {
        --highlight-spacer: 100px 0 40px;
        --header-spacer: 0px;
        --box-spacer: 0;
    }
    .pb-content--intro header h1 {
        font-size: 1.125rem;
    }    
    .pb-content--intro header h1:after {
        display: none;
    }
    .pb-content--intro .content-box p {
        font-size: 1rem;
    }
}
/* Listagem de Conceitos em duas colunas */
.pb-content--concept-list,
.pb-content--concept-list * {
    --box-spacer: 83px 0 108px;
    --item-spacer: 48px;
}
.pb-content--concept-list {
    padding: var(--box-spacer);
    background: var(--color-lightest);
}
.pb-content--concept-list .pb-item {
    margin: 0 0 var(--item-spacer);
}
.pb-content--concept-list .pb-item .title {
    margin: 0 0 50px;
    display: block;
    position: relative;
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--color-darker-alt);
    text-transform: none;
}
.pb-content--concept-list .pb-item .title:after {
    width: 25px;
    height: 4px;
    content: "";
    display: block;
    position: absolute;
    bottom: -16px;
    left: 0;
    background: var(--color-main);
    
}
@media (max-width: 992px) {    
    .pb-content--concept-list,
    .pb-content--concept-list * {
        --box-spacer: 56px 0 40px;
    }
}
/* Listagem de Recursos */
.pb-content--about-resources,
.pb-content--about-resources * {
    --call-spacer: 0 0 112px;
}
.pb-content--about-resources .call {
    display: block;
    margin: var(--call-spacer);
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center;
    color: var(--color-darker-alt);
}
.pb-content--about-resources .pb-item .image {
    width: 84px;
    height: 84px;
    margin: 0 auto 36px;
}
.pb-content--about-resources .pb-item .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.pb-content--about-resources .pb-item .title {
    display: block;
    margin: 0 auto 36px;
    text-align: center;
}
.pb-content--about-resources .pb-item .content * {
    font-size: 0.875rem;
}
/* Estatísticas */
.pb-content--about-stats,
.pb-content--about-stats * {

}
.pb-content--about-stats .image {
    width: 100%;
    height: 433px;
}
.pb-content--about-stats .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.pb-content--about-stats .titlebox {
    width: 100%;
    margin: -30px 0 0;
    padding: 38px 0;
    background: var(--color-white);
    text-align: center;
}
.pb-content--about-stats .titlebox h2 {
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: none;
    text-align: center;
}
.pb-content--about-stats .custom-grid {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 70%;
    margin: 0 auto;
}
.pb-content--about-stats .custom-grid .pb-item {
    width: 188px;
    height: auto;
}
.pb-content--about-stats .custom-grid .pb-item .stat-container {
    width: 188px;
    height: 164px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 0 50px;
}
.pb-content--about-stats .custom-grid .pb-item .stat-container > span {  
    display: block;  
    position: relative;
    font-size: 2rem;
    font-weight: 900;
    color: var(--color-darkest);
    text-transform: uppercase;
    z-index: 2;
    background: var(--color-white);
}
.pb-content--about-stats .custom-grid .pb-item .stat-container:after {
    width: 164px;
    height: 164px;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 12px;
    border-radius: 50%;
    border: 2px solid var(--color-light);
}
.pb-content--about-stats .custom-grid .pb-item .stat-content {
    font-size: 1.125rem;
    font-weight: 300;
    text-align: center;
}
@media (max-width: 992px) {
    .pb-content--about-stats .titlebox {
        margin: 0px;
    }
    .pb-content--about-stats .custom-grid {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .pb-content--about-stats .custom-grid .pb-item {
        margin: 0 0 50px;
    }

}
/* Conteúdo Conceitual o Officina */
.pb-content--officina-concept,
.pb-content--officina-concept * {
    --note-spacer: 18px;
    --bottom-spacer: 105px;
}
.pb-content--officina-concept .header {
    margin-bottom: var(--bottom-spacer);
}
.pb-content--officina-concept .header .note {
    display: block;
    margin: 0 0 var(--note-spacer);
}
.pb-content--officina-concept .header h2:after {
    width: 25px;
    height: 4px;
    content: "";
    display: block;
    position: absolute;
    bottom: -36px;
    left: 16px;
    background: var(--color-main);
}
.pb-content--officina-concept .subtitle {
    display: block;
    margin-bottom: 30px;
}
.pb-content--officina-concept .concept-image {
    width: 100%;
}
.pb-content--officina-concept p {
    font-size: 1rem;
    font-weight: 300;
    color: var(--color-dark-alt);
}

/* Conteúdo Prêt-à-Porter no Officina */
.pb-content--officina-pretaporter,
.pb-content--officina-pretaporter * {

}
.pb-content--officina-pretaporter img {
    width: 100%;
}
.pb-content--officina-pretaporter .title {
    display: block;
    text-transform: none;
    margin: 0 0 14px;
}
.pb-content--officina-pretaporter .subtitle {
    text-transform: none;
    margin: 0 0 38px;
}
.pb-content--officina-pretaporter  p {
    font-size: 1rem;
    font-weight: 300;
    color: var(--color-dark-alt);
}
.pb-content--officina-pretaporter  a.btn {
    margin-top: 48px;
}
@media(max-width: 992px) {
    .pb-content--officina-pretaporter img {
        margin-bottom: 22px;
    }
    .pb-content--officina-pretaporter  a.btn {
        margin-top: 30px;
    }
    .pb-content--officina-pretaporter .title,
    .pb-content--officina-pretaporter .subtitle {
        font-size: 1.5rem;
    }
}
/* Informações Produtos Portobello (Construtoras e Internacional) */
.pb-content--concept-officina,
.pb-content--concept-officina * {
    box-sizing: border-box;
}
.pb-content--concept-officina h3 {
    font-size: 1.72rem;
    font-weight: 700;
    text-align: center;
    margin: 120px 0 45px;
}
.pb-content--concept-officina img {
    width: 100%;
}
.pb-content--concept-officina p {
    font-size: 1.72rem;
    font-weight: 300;
    text-align: center;
    line-height: 1.2;
    margin: 60px 0 45px;
}
#page-specifier,
#page-specifier * {
    
    box-sizing: border-box;
}
@media (max-width: 992px) {
    #page-specifier,
    #page-specifier * {
        --header-spacer: 27px 15px 24px;
        --title-spacer: 10px;
    }
    #page-specifier--bg,
    #page-specifier--concept {
        display: none;
    }
}
/* Header */
#page-specifier {
    width: 100%;
    position: relative;
    z-index: 2;
}
#page-specifier .pb-pageheader {
    margin-bottom: 80px;
}
#page-specifier .pb-specifier-header {
    margin-bottom: 100px;
}
.pb-myarchtrends.no-projects .pb-item .image
{
    width: 180px;
    height: 150px;
    background-color:#F1F1F1;
}
.pb-myarchtrends.no-projects .pb-item .content
{
    width: 140px;
    height: 20px;
    background-color:#F1F1F1;
    margin-top: 5px;
}
.pb-myarchtrends.no-profile p
{
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 1.3rem;
}
.pb-myarchtrends.no-projects p
{
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 28px;
}
.pb-specifier-header .no-account p
{
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 1.3rem;
}
.pb-specifier-header .no-account  .maisarq--options div
{
    margin-top: 20px;
}
.pb-specifier-header .no-account .btn-clear
{
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}
#page-specifier > div.pb-specifier-header > div > div.account
{
    padding-top: 60px;
}
/* INSPIRE-SE */
#page-specifier #inspirese .pb-pageheader-v2 {
    margin-bottom: 0px;
  }
/* CRIE */
#page-specifier #crie {
    padding-top: 100px;
}
#page-specifier #crie .pb-specifier-container--crie {
    /*display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 72px;*/
    margin: 0;
    padding: 0;
    list-style: none;
}
#page-specifier #crie .pb-specifier-container--crie li {
    /*width: 100%;*/
    width: 310px;
    min-height: 320px;
    margin: 15px;
    padding: 25px 25px 16px;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 85px auto auto 1fr;
    grid-template-areas: "image" "title" "content" "link";
    gap: 10px;
    background: var(--color-white);
    --webkit-box-shadow: var(--shadow-default);
    box-shadow: var(--shadow-default);
}
#page-specifier #crie .pb-specifier-container--crie li .image {
    grid-area: image;
    max-width: 212px;
    width: 100%;
    height: 85px;
    object-fit: contain;
    object-position: left center;
}
#page-specifier #crie .pb-specifier-container--crie li .title {
  grid-area: title;
  margin: 22px 0 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
}
#page-specifier #crie .pb-specifier-container--crie li p {
  grid-area: content;
  margin: 0;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.2;
}
#page-specifier #crie .pb-specifier-container--crie li a {
  grid-area: link;
  justify-self: start;
  align-self: end;
}
@media (max-width: 1200px) {
    #page-specifier #crie .pb-specifier-container--crie {
        grid-template-columns: repeat(2,1fr);
    }
}
@media (max-width: 769px) {    
    #page-specifier #crie {
        padding-top: 60px;
    }
    #page-specifier #crie .pb-specifier-container--crie {
        grid-template-columns: 100%;
        gap: 15px;
    }
}

/* EXECUTE */
#page-specifier #execute {
    padding-top: 100px;
}
#page-specifier #execute .content p {
  margin: 0;
  font-size: 1.12rem;
  font-weight: 300;
  line-height: 1.4;
}
#page-specifier #execute .content a.newlink {
  display: inline-block;
  margin: 6px 0 30px;
  color: var(--color-darker-alt)
}
#page-specifier #execute .content a.btn-darkest-v2 {
  margin: 8px 0 20px;
  display: inline-block;
}
#page-specifier #execute .content .footnote {
  font-style: italic;
}
#page-specifier #execute .seal-container {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  margin: 0 0 60px;
  padding: 0;
  list-style: none;
}
#page-specifier #execute .seal-container li {
  margin: 0;
  padding: 0;
}
#page-specifier #execute .seal-container li img {
  display: block;
  margin: 0 0 12px;
}
#page-specifier #execute .seal-container li .title {
  display: block;
    margin: 0 0 12px;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-darkest);
    text-transform: uppercase;
}
#page-specifier #execute .seal-container li p {
  max-width: 250px;
  font-size: 1.5rem;
  line-height: 1.2;
}
@media (max-width: 992px) {
    #page-specifier #execute {
        padding-top: 60px;
    }
    #page-specifier #execute .content {
        margin-bottom: 28px;
    }
    #page-specifier #execute .seal-container {
        display: block;
        margin-bottom: 0px;
    }
    #page-specifier #execute .seal-container li {
        margin: 0 0 28px;
    }
}

/* INCENTIVOS */
#page-specifier #incentivos {
    padding-top: 100px;
}
#page-specifier #incentivos .box {
    width: 100%;
    height: 100%;
    min-height: 316px;
    padding: 40px 48px;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 64px 1fr auto;
    grid-template-areas: "logo" "content" "cta";
    gap: 18px;
    background: #f1f1f1;
}
#page-specifier #incentivos .box .title {
    grid-area: logo;
    align-self: center;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-darkest);
    text-transform: uppercase;
}
#page-specifier #incentivos .box p {
    margin: 0;
    font-size: 1.12rem;
    font-weight: 300;
    line-height: 1.4; 
}
#page-specifier #incentivos .box a {
    width: 100%;
    max-width: 294px;
    display: inline-block;
    justify-self: start;
    align-self: end;
    text-align: center;
}
#page-specifier #incentivos .selos {
    margin-top: 30px;
}
#page-specifier #incentivos .selos img {
    width: calc(100% - 50px);
}
#page-specifier #incentivos .selos-content {
    margin-top: 30px;
    height: 100%;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: flex-start;
}
#page-specifier #incentivos .selos-content p {
    font-size: 1.12rem;
    line-height: 1.2;
    margin: 0 0 20px;
}
@media (max-width: 992px) {
    #page-specifier #incentivos {
        padding-top: 60px;
    }
    #page-specifier #incentivos .box {
        height: auto;
        min-height: auto;
        padding: 20px;
        margin-bottom: 15px;
    }
    #page-specifier #incentivos .box a {
        max-width: 100%;
    }
    #page-specifier #incentivos .selos img {
        width: 100%;
    }
}

/* EXPERIENCIA */
#page-specifier #experiencia {
    padding-top: 128px;
}
#page-specifier #experiencia .mosaic-container {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-template-rows: repeat(3,1fr);
  grid-template-areas: "venda concept01 tv delivery" "venda especificador concept02 meuprojeto" "concept03 kids gourmet meuprojeto";
  column-gap:  58px;
  row-gap: 50px;
  margin-bottom: 100px;
}
#page-specifier #experiencia .mosaic-container #mosaic--venda {
    grid-area: venda;
}
#page-specifier #experiencia .mosaic-container #mosaic--concept-01 {
    grid-area: concept01;
}
#page-specifier #experiencia .mosaic-container #mosaic--concept-02 {
    grid-area: concept02;
}
#page-specifier #experiencia .mosaic-container #mosaic--concept-03 {
    grid-area: concept03;
}
#page-specifier #experiencia .mosaic-container #mosaic--tv {
    grid-area: tv;
}
#page-specifier #experiencia .mosaic-container #mosaic--delivery {
    grid-area: delivery;
}
#page-specifier #experiencia .mosaic-container #mosaic--especificador {
    grid-area: especificador;
}
#page-specifier #experiencia .mosaic-container #mosaic--meuprojeto {
    grid-area: meuprojeto;
}
#page-specifier #experiencia .mosaic-container #mosaic--kids {
    grid-area: kids;
}
#page-specifier #experiencia .mosaic-container #mosaic--gourmet {
    grid-area: gourmet;
}
#page-specifier #experiencia .mosaic-container .box--full {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 62px auto 1fr 20px;
  grid-template-areas: "icon" "title" "content" "cta";
  padding: 24px 24px 20px;
  background: var(--color-white);
  --webkit-box-shadow: var(--shadow-default);
  box-shadow: var(--shadow-default);
}
#page-specifier #experiencia .mosaic-container .box--full img {
    grid-area: icon;
    height: 62px;
}
#page-specifier #experiencia .mosaic-container .box--full .title {
  grid-area: title;
  margin: 40px 0 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
}
#page-specifier #experiencia .mosaic-container .box--full p {
  grid-area: content;
  margin: 10px 0 6px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.2;
}
#page-specifier #experiencia .mosaic-container .box--full a {
  grid-area: cta;
  justify-self: start;
  align-self: end;
}
#page-specifier #experiencia .mosaic-container .box--simple {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-direction: column;  
    padding: 24px 24px 20px;
    background: var(--color-white);
    --webkit-box-shadow: var(--shadow-default);
    box-shadow: var(--shadow-default);
}
#page-specifier #experiencia .mosaic-container .box--simple .title {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.2;
}
#page-specifier #experiencia .mosaic-container .box--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 992px) {  
    #page-specifier #experiencia .mosaic-container {
        margin-bottom: 0px;
        grid-template-columns: 100%;
        grid-template-rows: auto;
        grid-template-areas: "venda" "concept01" "concept02" "especificador" "kids" "tv" "concept03" "gourmet" "delivery" "meuprojeto";
        row-gap: 20px;
    }
    #page-specifier #experiencia .mosaic-container > div {
      width: 100%;
      min-height: 124px;
    }
}
/* BANNERS */
#Specifier_index .banner-maisarq2023 {
    margin-bottom: 20px;
}

#page-experience,
#page-experience * {
    box-sizing: border-box;
}
#page-experience #tour {
    margin: 1.75rem 0 160px;
}
#page-experience--part2 #kids {
    margin: 30px 0 175px;
}
#page-experience--part2 #services {
    margin: 0 auto 207px;
}
#page-experience--part2 #archtrends {
    margin: 0 0 200px;
}
#page-virtual,
#page-virtual * {
    box-sizing: border-box;
}
#page-virtual {
    margin-bottom: 200px;
}
#page-virtual .content p {
    width: 100%;
    max-width: 100%;
}
#page-virtual form {
    width: 60%;
    margin: 40px 0 0;
}
#page-virtual form select {
    width: 60%;
    margin: 20px 0 50px;
}
#page-virtual form .link-small {
    margin: 20px 0 0;
}
#page-virtual .infobox p.default {
    margin-top: 40px;
    font-size: 1.5rem;
    line-height: 1.75rem;
    text-transform: none;
    font-weight: 300;
}
#page-calculator,
#page-calculator * {
    --spacer-top: 68px;
    --spacer-bottom: 162px;
    --margin: 128px;
    box-sizing: border-box;
}
#page-calculator {
    margin-bottom: var(--margin);
    padding: var(--spacer-top) 0 var(--spacer-bottom);
    background: var(--color-white-alt);
}
#page-calculator .pb-pageheader .header {
    padding: 0px;
}
#page-calculator .content {
    margin: 0 0 60px;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.75rem;
}
#page-calculator .subtitle {
    display: block;
    margin: 38px 0; 
    color: var(--color-darker);
    text-transform: none;
    font-size: 1rem;
    font-weight: 400;
}
#page-calculator ul.links {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    column-gap: var(--container-grid-spacer);
    row-gap: 20px;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
#page-calculator ul.links li a {
    font-size: 0.875rem;
    color: var(--color-light);
}
#page-careers,
#page-careers * {
    --subtitle-spacer: 23px;
    --links-spacer: 28px;
    --section-spacer: 77px;
    --tweak-spacer: -100px;
}
#page-careers h3 {
    margin: 0 0 var(--subtitle-spacer);
}
#page-careers .links {
    display: block;
}
#page-careers .links li {
    margin-top: var(--links-spacer);
}
#page-careers .links li a {
    font-weight: 700;
    color: var(--color-main);
}
#page-careers section {    
    margin: 0 0 var(--section-spacer);
}
#page-careers .infobox p.default {
    margin-top: 40px;
    font-size: 1.5rem;
    line-height: 1.75rem;
    text-transform: none;
    font-weight: 300;
}
#page-careers .content-tweaked {
    margin-top: var(--tweak-spacer);
}
#page-careers section.mb-9{
    margin-bottom: 12rem !important;
}
@media (max-width: 992px) {
    #page-careers,
    #page-careers * {
        --tweak-spacer: 60px;
    }
}
#page-fachada,
#page-fachada * {
    box-sizing: border-box;
    --header-spacer: 60px;
    --table-spacer: 350px;
}
#page-fachada .pb-fachadastable {
    margin: 0 0 var(--table-spacer);
}
#page-fachada .pb-fachadastable h2 {
    font-size: 1.75rem;
    font-weight: 700;
}
#page-fachada .pb-fachadastable .table-header {
    display: grid;
    grid-template-columns: 25% 25% 1fr 1fr 1fr;
    margin: 0 0 var(--header-spacer);
}
#page-fachada .pb-fachadastable .table-header * {
    font-size: 1rem;
    color: var(--color-main);
    font-weight: 300;
    text-align: center;
}
#page-fachada .pb-fachadastable .table-header .pb {
    font-size: 1.125rem;
    font-weight: 700;
}
#page-fachada .pb-fachadastable .table-header p {
    padding-right: 30%;
    text-align: left;
    margin: 0;
}
#page-fachada .pb-fachadastable .table-line {
    height: 50px;
    display: grid;
    grid-template-columns: 25% 75%;
}
#page-fachada .pb-fachadastable .table-line:nth-of-type(odd) {
    background: var(--color-lightest);
}
#page-fachada .pb-fachadastable .table-line span {
    align-self: center;
    padding: 0 0 0 28px;
}
#page-fachada .pb-fachadastable .table-line dl {
    display: grid;
    grid-template-columns: 33.33% 1fr 1fr 1fr;
    margin: 0;
    padding: 0;
    align-self: center;
}
#page-fachada .pb-fachadastable .table-line dl dt {
    display: none;
    margin: 0;
    padding: 0;
}
#page-fachada .pb-fachadastable .table-line dl dd {
    text-align: center;
    margin: 0;
    padding: 0;
}
@media (max-width: 992px) {
    #page-fachada,
    #page-fachada * {
        box-sizing: border-box;
        --header-spacer: 40px;
        --table-spacer: 140px;
    }
    #page-fachada .pb-fachadastable h2 {
        font-size: 1.125rem;
    }
    #page-fachada .pb-fachadastable .table-header {
        display: block;
    }
    #page-fachada .pb-fachadastable .table-header span {
        display: none;
    }
    #page-fachada .pb-fachadastable .table-line {
        background: none !important;
        height: auto;
        display: block;
    }
    #page-fachada .pb-fachadastable .table-line > span {
        display: block;
        margin: 0 0 12px;
        padding: 0px;
        font-size: 0.875rem;
        font-weight: 700;
        color: var(--main-color);
    }
    #page-fachada .pb-fachadastable .table-line dl {
        display: grid;
        margin: 0 0 44px;
        grid-template-columns: 30% 1fr;
    }
    #page-fachada .pb-fachadastable .table-line dl dt {
        display: block;
        height: 22px;
        font-size: 0.75rem;
        font-weight: 300;
    }
    #page-fachada .pb-fachadastable .table-line dl dd {
        height: 22px;
        font-size: 0.75rem;
    }
    #page-fachada .pb-fachadastable .table-line dl dt:nth-of-type(1) {
        grid-column: 2;
        grid-row: 1;
    }
    #page-fachada .pb-fachadastable .table-line dl dd:nth-of-type(1) {
        grid-column: 1;
        grid-row: 1;
    }
    #page-fachada .pb-fachadastable .table-line dl dt:nth-of-type(2) {
        grid-column: 2;
        grid-row: 2;
        background: var(--color-lightest); 
    }
    #page-fachada .pb-fachadastable .table-line dl dd:nth-of-type(2) {
        grid-column: 1;
        grid-row: 2;
        background: var(--color-lightest);
    }
    #page-fachada .pb-fachadastable .table-line dl dt:nth-of-type(3) {
        grid-column: 2;
        grid-row: 3;
    }
    #page-fachada .pb-fachadastable .table-line dl dd:nth-of-type(3) {
        grid-column: 1;
        grid-row: 3;
    }
    #page-fachada .pb-fachadastable .table-line dl dt:nth-of-type(4) {
        grid-column: 2;
        grid-row: 4;
        background: var(--color-lightest); 
    }
    #page-fachada .pb-fachadastable .table-line dl dd:nth-of-type(4) {
        grid-column: 1;
        grid-row: 4;
        background: var(--color-lightest);
    }
    #page-fachada .pb-fachadastable .table-line img {
        height: 18px;
    }
}
.pb-fachadaconcept {
    min-height: 850px;
    margin-top: 78px;
    margin-bottom: 135px;
}
@media (max-width: 992px) {
    .pb-fachadaconcept {
        min-height: 0px;
        margin-bottom: 50px;
    }
}
#page-about,
#page-about * {    
    box-sizing: border-box;
}
#page-about .pb-content--intro {
    margin: 0 0 78px;
}
#page-about .pb-content--concept-list {
    margin: 0 0 78px;
}
#page-about .pb-content--about-resources {
    margin: 0 0 100px;
}
#page-about .pb-content--about-stats {
    margin: 0 0 175px;
}
#page-about #timeline {
    margin: 0 0 216px;
}
@media (max-width: 992px) {    
    #page-about .pb-content--intro {
        margin: 0 0 107px;
    }
    #page-about .pb-content--concept-list {
        margin: 0 0 60px;
    }
    #page-about .pb-content--about-resources {
        margin: 0 0 62px;
    }
    #page-about .pb-content--about-stats {
        margin: 0 0 40px;
    }
    #page-about #timeline {
        margin: 0 0 46px;
    }
}

#page-sustainability,
#page-sustainability * {
    box-sizing: border-box;
    --header-spacer: 36px;
}
#page-sustainability .btn-more {
    line-height: 2.3;
}
#page-sustainability header,
#page-sustainability header h1,
#page-sustainability header h1 img {
    width: 100%;
}
#page-sustainability aside {
    margin-top: var(--header-spacer);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#page-sustainability aside > header {
    display: block;
}
#page-sustainability aside > header .subtitle {
    display: block;
    margin: 0 0 10px;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1.25rem;
}
#page-sustainability aside > header .title {
    display: block;
    position: relative;
    padding: 20px 0 36px;
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--color-darkest);
    text-transform: uppercase;
}
#page-sustainability aside > header .title:after {
    display: block;
    width: 25px;
    height: 4px;
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    background: var(--color-main);
}
#page-sustainability aside > ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
#page-sustainability aside > ul .btn {
    white-space: nowrap;
    max-width: none;
}
#page-sustainability aside > ul .btn-clear {
    margin: 0 10px;
}
#page-sustainability aside > ul .btn-clear {
    color: var(--color-light);
}
#page-sustainability aside > ul .btn-more {
    width: 180px;
    line-height: 2.3;
}
@media (max-width: 992px) {
    #page-sustainability aside,
    #page-sustainability aside > ul {
        display: block;
    }
    #page-sustainability aside > ul {
        margin: 20px 0 0;
        display: none;
    }
    #page-sustainability aside > ul .btn-clear {
        margin: 10px 0;
        padding: 0;
    }
}
#page-sustainability #conceito {
    margin-top: 64px;
}
#page-sustainability #conceito p {
    margin-bottom: 70px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
}
#page-sustainability #conceito p.centered {
    text-align: center;
}
#page-sustainability #conceito .video-container {
    width: 100%;
    height: 0;
    margin-bottom: 60px;
    padding: 0 0 56.65%;
    position: relative;
}
#page-sustainability #conceito .video-container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#page-sustainability #conceito .link {
    margin-bottom: 60px;
}
#page-sustainability #conceito .link img {
    display: block;
    margin: 0 auto 36px;
}
#page-sustainability #conceito .link .btn-more {
    max-width: 120px;
    display: block;
    margin: 0 auto 36px;
    border: 1px solid var(--color-main);
}
#page-sustainability #conceito .steps--page {
    margin-bottom: 40px;
}
#page-sustainability #conceito .steps--page p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: left;
}
#page-sustainability #caminho {
    background: var(--color-sust);
    position: relative;
    overflow: hidden;
}
@media (min-width: 993px){
    #page-sustainability #caminho,
    #page-sustainability #caminho .content {
        height: 640px;
    }
    #page-sustainability #caminho .content h2 {
        max-width: 50%;
    }
    #page-sustainability #caminho .image {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
    }
}
@media (max-width: 992px){
    #page-sustainability #conceito .steps--page,
    #page-sustainability #conceito .steps--page h2,
    #page-sustainability #conceito .steps--page p {
        text-align: center;
    }
    #page-sustainability #conceito .steps--page img {
        margin: 0px;
    }
    #page-sustainability #conceito .steps--page > a{
        margin-bottom: 40px;
    }
}
@media (max-width: 992px){
    #page-sustainability #conceito .steps--page,
    #page-sustainability #conceito .steps--page h2,
    #page-sustainability #conceito .steps--page p {
        text-align: center;
    }
    #page-sustainability #conceito .steps--page img {
        margin: 0px;
    }
    #page-sustainability #conceito .steps--page > a{
        margin-bottom: 40px;
    }
}
#page-sustainability #caminho .image img {
    width: calc(100% + 32px);
    height: 100%;
    margin: 0 -16px;
    object-fit: cover;
    object-position: center left;
}
#page-sustainability #caminho .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
#page-sustainability #caminho .content h2 {
    margin: 0 0 2rem;
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--white);
    text-transform: uppercase;
}
#page-sustainability #caminho .content p {
    margin: 0 0 2rem;
    color: var(--white);
    font-weight: 300;
}
#page-sustainability #numeros {
    margin-top : 120px;
    margin-bottom: 60px;
}
#page-sustainability #numeros h2 {
    margin: 0 0 70px;
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--color-sust);
    text-transform: uppercase;
}
#page-sustainability #numeros h2 span {
    display: block;
    font-size: 3.5rem;
}
#page-sustainability #numeros .numbers {
    min-height: 140px;
    margin-bottom: 80px;
    padding-left: 39px;
    position: relative;
}
#page-sustainability #numeros .numbers:before {
    width: 5px;
    height: 104px;
    content: "";
    display: block;
    position: absolute;
    left: 15px;
    top: 24px;
    background: var(--color-sust-alt);
}
#page-sustainability #numeros .numbers span {
    line-height: 30px;
    font-weight: 300;
}
#page-sustainability #numeros .numbers span:nth-of-type(1),
#page-sustainability #numeros .numbers:nth-of-type(4) span:nth-of-type(1)
{
    display: block;
}
#page-sustainability #numeros .numbers span b {
    font-weight: 700;
}
#page-sustainability #numeros .numbers:nth-of-type(1) span:nth-of-type(1) {
    display: inline;
}
@media (max-width: 992px) {    
    #page-sustainability #numeros h2 span { 
        font-size: 1.875rem; 
    }
    #page-sustainability #numeros .numbers {
        margin-bottom: 20px;
    }
}
#page-sustainability #cuidado,
#page-sustainability #alternativa {
    margin-bottom: 100px;
}
#page-sustainability #cuidado {
    margin-top: 100px;
}
#page-sustainability #cuidado h2,
#page-sustainability #alternativa h2 {
    margin: 0 0 38px;
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--color-sust);
    text-transform: uppercase;
    
}
#page-sustainability #cuidado p,
#page-sustainability #alternativa p {
    font-weight: 300;
    font-size: 0.875rem;
}
#page-sustainability #alternativa p {
    margin-bottom: 60px;
}
@media (max-width: 992px) {    
    #page-sustainability #alternativa img {
        width: 100%;
        margin: 0 0 40px;
    }
}
#page-sustainability #elementos .grid-elements {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 75px;
    row-gap: 30px;
    margin-bottom: 100px;
}
#page-sustainability #elementos .pb-card--element {
    width: 100%;
    max-width: 302px;
    aspect-ratio:  302 / 510;
    padding: 28px 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    border-radius: 4px;
    overflow: hidden;
}
#page-sustainability #elementos .pb-card--element p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    margin: 10px 0 58px;    
    color: var(--white);
}
#page-sustainability #elementos .pb-card--element.jazidas {
    background: url("/data/sustainability/jazidas_bg.jpg") top center no-repeat;
    background-size: cover;
}
#page-sustainability #elementos .pb-card--element.agua {
    background: url("/data/sustainability/agua_bg.jpg") top center no-repeat;
    background-size: cover;
}
#page-sustainability #elementos .pb-card--element.emissoes {
    background: url("/data/sustainability/emissoes_bg.jpg") top center no-repeat;
    background-size: cover;
}
#page-sustainability #elementos .pb-card--element.energia {
    background: url("/data/sustainability/energia_bg.jpg") top center no-repeat;
    background-size: cover;
}
#page-sustainability #elementos .pb-card--element.residuos {
    background: url("/data/sustainability/residuo_bg.jpg") top center no-repeat;
    background-size: cover;
}
#page-sustainability #elementos .pb-card--element img {
    max-height: 112px;
    margin: 0 0 15px;
}
#page-sustainability #elementos .pb-card--element .title {
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--white);
    text-transform: uppercase;
}
#page-sustainability #elementos .pb-card--element .btn {
    width: 100%;
    max-width: 100%;
    color: var(--color-white);
}
@media (max-width: 1350px) {
    #page-sustainability #elementos .pb-card--element {
        height: 580px;
    }    
}
@media (max-width: 1209px) {
    #page-sustainability #elementos .pb-card--element {
        height: 640px;
        grid-template-rows: 128px 56px auto 80px;
    }    
    #page-sustainability #elementos .pb-card--element .btn {
        height: 72px;
    }
}
@media (max-width: 1148px) {
    #page-sustainability #elementos .pb-card--element {
        height: 700px;
        grid-template-rows: 128px 56px auto 80px;
    }    
}
@media (max-width: 992px) {
    #page-sustainability #elementos .pb-card--element {
        height: 510px;
        margin-bottom: 35px;
        grid-template-rows: 128px 28px auto 40px;
    }    
    #page-sustainability #elementos .pb-card--element .btn {
        height: 40px;
    }
}
#page-sustainability #nossoproduto,
#page-sustainability #nossagente,
#page-sustainability #nossonegocio {
    padding-top: 60px;
}
#page-sustainability #nossoproduto .image,
#page-sustainability #nossoproduto .image img {
    width: 100%;
}
#page-sustainability #nossoproduto .content img,
#page-sustainability #nossagente .content img,
#page-sustainability #nossonegocio .content img {
    width: 125px;
    height: 132px;
    object-fit: contain;
    object-position: top center;
    margin: 40px 0 30px;
}
#page-sustainability #nossonegocio .content p,
#page-sustainability #nossagente .content p,
#page-sustainability #nossoproduto .content p {
    margin-bottom: 30px;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.875rem;
}
@media (max-width: 992px) {
    #page-sustainability #nossoproduto,
    #page-sustainability #nossagente,
    #page-sustainability #nossonegocio {
	    padding-top: 100px;
    }  
    #page-sustainability #nossoproduto .content img,
    #page-sustainability #nossagente .content img,
    #page-sustainability #nossonegocio .content img {
        display: block;
        margin: 0 auto 40px;
        text-align: center;
    }
    #page-sustainability #nossoproduto .content p,
    #page-sustainability #nossagente .content p,
    #page-sustainability #nossonegocio .content p {
        text-align: center;
    }  
    #page-sustainability #nossoproduto .content .btn,
    #page-sustainability #nossagente .content .btn,
    #page-sustainability #nossonegocio .content .btn {
        width: 100%;
        max-width: 100%;
    }  
}
#page-sustainability #contato {
    padding-top: 114px;
}
#page-sustainability #contato h2 {
    margin: 0 0 28px;
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--color-sust);
    text-transform: uppercase;
}
#page-sustainability #contato p {
    margin-bottom: 54px;
}
#page-sustainability #contato .btn {
    margin-top: 30px;
    border: none;
}
@media (max-width: 992px) {
    #page-sustainability #contato {
        margin-top: 64px;
        padding-top: 0px;
    }
}
#page-sustainability #downloads {
    min-height: 680px;
    margin-top: 200px;
    background: url("/data/sustainability/relatorios_bg.png") center center no-repeat;
    background-size: cover;
}
#page-sustainability #downloads h2 {
    padding-top: 100px;
    margin-bottom: 15px;
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--white);
    text-transform: uppercase;
}
#page-sustainability #downloads p {
    margin: 0 0 90px;
    font-size: 1;
    font-weight: 300;
    color: var(--white);
}
#page-sustainability #downloads .accordion,
#page-sustainability #downloads .accordion .card,
#page-sustainability #downloads .accordion .card * {
    background: none;
    border-radius: 0px;
    border: none;
}
#page-sustainability #downloads .accordion {
    border-top: 1px solid var(--white);
    margin-bottom: 60px;
}
#page-sustainability #downloads .accordion .card {
    border-bottom: 1px solid var(--white);
}
#page-sustainability #downloads .accordion .card-header {
    padding: 0px;
}
#page-sustainability #downloads .accordion .card-header h3 button {
    width: 100%;
    height: 66px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--white);
}
#page-sustainability #downloads .accordion .card-header h3 button:after {
    width: 10px;
    height: 10px;
    display: block;
    content: "";
    position: relative;
    right: 12px;
    border-right: 2px solid var(--white);
    border-bottom: 2px solid var(--white);
    transform: rotate(-45deg);
}
#page-sustainability #downloads .accordion .card .card-body {
    padding: 0px;
}
#page-sustainability #downloads .accordion .card .card-body .title {
    display: block;
    margin: 0 0 20px;
    font-size: 1.125rem;
    font-weight: 300;
    color: var(--white);
}
#page-sustainability #downloads .accordion .card .card-body ul {
    padding: 0px;
    margin-bottom: 30px;
    list-style: none;
}
#page-sustainability #downloads .accordion .card .card-body ul li {
    margin: 0 0 8px;
    padding: 0px;
}
#page-sustainability #downloads .accordion .card .card-body ul li a {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px;
    text-decoration: none;
}
#page-sustainability #downloads .accordion .card .card-body ul li a span {
    font-size: 1rem;
    font-weight: 300;
    color: var(--white);
}
/* Páginas Sustentabilidade */
.pages-sustainability--about,
.pages-sustainability--about * {
    --close-y: 48px;
    --close-x: 42px;
}
.pages-sustainability--about header .image-header {
    width: 100%;
    height: 350px;
    margin: 0 0 93px;
    position: relative;
}
.pages-sustainability--about header .image-header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: relative;
}
.pages-sustainability--about .back-shortcut {
    padding: 8px 0 18px;
}
.pages-sustainability--about header .btn-close {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    margin: 0;
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--color-black);
    text-transform: uppercase;
    letter-spacing: 2px;
}
.pages-sustainability--about header .btn-close .pb-close {
    margin: 0;
}
.pages-sustainability--about header .icon {
    max-width: 192px;
    max-height: 192px;
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
    text-align: center;    
    object-fit: contain;
    object-position: top center;
}
.pages-sustainability--about header h1 {
    margin: 0 0 20px;
    font-size: 3.75rem;
    font-weight: 900;
}
.pages-sustainability--about header h1 + span {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
}
.pages-sustainability--about header p {
    margin-top: 18px;
}
.pages-sustainability--about header .paragraph {
    margin: 50px 0;
}
#page-sustainability--people.pages-sustainability--about header p,
#page-sustainability--business.pages-sustainability--about header p,
#page-sustainability--product.pages-sustainability--about header p {
    font-size: 1rem;
    font-weight: 700;
}
#page-sustainability--people.pages-sustainability--about header ul,
#page-sustainability--business.pages-sustainability--about header ul,
#page-sustainability--product.pages-sustainability--about header ul {
    list-style: none;
    margin: 0 0 0 16px;
    padding: 0;
}
#page-sustainability--people.pages-sustainability--about header ul li:before,
#page-sustainability--business.pages-sustainability--about header ul li:before,
#page-sustainability--product.pages-sustainability--about header ul li:before {
    content: "\2022";
    color: var(--color-sust);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
#page-sustainability--people.pages-sustainability--about header ul li,
#page-sustainability--business.pages-sustainability--about header ul li,
#page-sustainability--product.pages-sustainability--about header ul li {
    margin: 0 0 10px;
    font-weight: 300;
}
#page-sustainability--people.pages-sustainability--about header .selo img,
#page-sustainability--business.pages-sustainability--about header .selo img,
#page-sustainability--product.pages-sustainability--about header .selo img {
    width: 100%;
    display: block;
    margin-bottom: 34px;
}
.pages-sustainability--about section h2 {
    margin: 0 0 38px;
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--color-sust);
    text-transform: uppercase;
}
.pages-sustainability--about section h2 + p {
    margin: 0 0 44px;
    font-weight: 300;
}
.pages-sustainability--about section p {
    font-weight: 300;
}
.pages-sustainability--about section .subtitle {
    display: block;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
    margin: -26px 0 16px;
}
.pages-sustainability--about .icon-prev {
    display: block;
    margin-bottom: 20px;
}
.pages-sustainability--about .graph-title {
    display: block;
    margin: 0 0 20px;
    font-size: 1rem;
    font-weight: 700;
}
.pages-sustainability--about .graph {
    width: 100%;
}
.pages-sustainability--about .graph-image {
    position: relative;
}
.pages-sustainability--about .graph-info {
    position: relative;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 1.2rem;
}
@media (min-width: 993px) {
    .pages-sustainability--about .graph-info {
        width: 238px;
        padding: 0 0 0 10px;
        position: absolute;
        border-left: 1px solid #000;
        display: inline-block;
        left: 314px;
        bottom: -16px;
    }
    .pages-sustainability--about .graph-info:before {
        width: 50px;
        height: 0px;
        border-top: 1px solid #000;
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: -50px;
    }
}
@media (min-width: 993px) and (max-width: 1150px) {
    .pages-sustainability--about .graph-info {
        width: 180px;
        bottom: -24px;
    }
}
@media (min-width: 993px) and (max-width: 1035px) {
    .pages-sustainability--about .graph-info {
        width: 140px;
        bottom: -50px;
    }
}
.pages-sustainability--about .grid-items {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 80px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.pages-sustainability--about .grid-items li span {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}
.pages-sustainability--about .grid-items li p {
    margin: 0;
    font-weight: 300;
}
.pages-sustainability--about .grid-items.withbars li {
    max-width: 257px;
    min-height: 68px;
    padding-left: 28px;
    position: relative;
}
.pages-sustainability--about .grid-items.withbars li:before {
    width: 5px;
    height: calc(100% - 16px);
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 16px;
    background: var(--color-sust-alt);
}
.pages-sustainability--about .grid-items.withbars li span {
    line-height: 30px;
    text-transform: none;
    font-weight: 300;
}
.pages-sustainability--about .grid-items.withbars li span:nth-of-type(1) {
    display: block;
    font-weight: 700;
}
@media (max-width: 992px) {
    .pages-sustainability--about,
    .pages-sustainability--about * {
        --close-y: 20px;
        --close-x: 20px;
    }
    .pages-sustainability--about header .image-header {
        height: auto;
        margin: 0 0 60px;
    }
    .pages-sustainability--about header .image-header img {
        height: auto;
    }
    .pages-sustainability--about header h1 {
        margin: 80px 0 28px;
        font-size: 1.875rem;
        text-align: center;
    }
    .pages-sustainability--about header h1 + span {
        font-size: 1.125rem;
        text-align: center;
    }
    .pages-sustainability--about #info {
        margin-top: 76px;
    }
    .pages-sustainability--about #objetivos {
        margin-top: 36px;
    }
    .pages-sustainability--about section h2 + p {
        margin: 0 0 20px;
    }
}

/* Nosso Produto */
.pages-sustainability--about #jornada {
    margin-top: 86px;
}
.pages-sustainability--about #jornada img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.pages-sustainability--about #sustentavel {
    margin-top: 170px;
}
.pages-sustainability--about #sustentavel .grid-container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 86px;
}
.pages-sustainability--about #sustentavel .grid-container .item {
    display: grid;
    grid-template-columns: 78px 1fr;
    gap: 30px;
}
.pages-sustainability--about #sustentavel .grid-container .item .title {
    display: block;
    margin: 0 0 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.pages-sustainability--about #sustentavel .grid-container .item p {
    margin: 0;
    font-weight: 300;
    line-height: 1.5;
}
@media (max-width: 992px) {
    .pages-sustainability--about #sustentavel {
        margin-top: 60px;
    }
    .pages-sustainability--about #sustentavel .grid-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .pages-sustainability--about section .subtitle {
        font-size: 1rem;
    }
    .pages-sustainability--about .grid-items {
        grid-template-columns: 1fr;
    }
}

/* Nosso Negócio */
.pages-sustainability--about #governanca {
    margin-top: 120px;
}
.pages-sustainability--about #governanca img {
    width: 100%;
}
.pages-sustainability--about #etica {
    margin-top: 100px;
}
.pages-sustainability--about #etica img {
    width: 100%;
}
.pages-sustainability--about #valor-investimento {
    margin-top: 135px;
}
.pages-sustainability--about #satisfacao {
    margin-top: 160px;
}
.pages-sustainability--about #satisfacao p {
    font-weight: 300;
    margin: 0 0 1.5rem;
}
.pages-sustainability--about #satisfacao p:nth-of-type(3) {
    margin: 40px 0;
    font-weight: 700;
    color: var(--color-sust);
}
.pages-sustainability--about #satisfacao ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pages-sustainability--about #satisfacao ul li:before {
    width: 12px;
    height: 12px;
    content: "";
    display: inline-block;
    position: absolute;
    top: -4px;
    left: 0px;
    background: url("/data/sustainability/icon-aspas.svg") center center no-repeat;
}
.pages-sustainability--about #satisfacao ul li {
    position: relative;
    margin: 0;
    padding: 0 0 0 20px;
    color: var(--color-sust);
    margin-bottom: 1.5rem;
}
.pages-sustainability--about #investidores .box-investidores {
    margin-top: 60px;
    padding: 96px 20px 200px;
    background: url("/data/sustainability/relacao_bg.png") center center no-repeat;
    background-size: cover;
}
.pages-sustainability--about #investidores img {
    margin: 0 auto 24px;
}
.pages-sustainability--about #investidores h2 {
    width: 100%;
    max-width: 40%;
    margin: 0 auto 25px;
    color: var(--white);
    text-align: center;
}
.pages-sustainability--about #investidores p {
    width: 100%;
    max-width: 40%;
    margin: 0 auto 48px;
    font-size: 1.125rem;
    color: var(--white);
    line-height: 2rem;
    text-align: center;
}
.pages-sustainability--about #investidores .btn {
    width: 100%;
    max-width: 408px;
    width: auto;
    display: block;
    margin: 0 auto;
    color: var(--white);
    white-space: nowrap;
}
.pages-sustainability--about .accordion {
    border-radius: 0;
    background: none;
    border: none;
    border-top: 1px solid var(--color-lightest);
}
.pages-sustainability--about .accordion .card {
    border-radius: 0;
    background: none;
    border: none;
    border-bottom: 1px solid var(--color-lightest);
}
.pages-sustainability--about .accordion .card-header {
    background: none;
    border: none;
    padding: 0;
}
.pages-sustainability--about .accordion .card-header h3 {
    background: none;
    margin: 0;
    padding: 0;
}
.pages-sustainability--about .accordion .card-header h3 button {
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-main);
    text-transform: uppercase;
    text-decoration: none;
}
.pages-sustainability--about .accordion .card-header h3 button:after {
    width: 10px;
    height: 10px;
    display: block;
    content: "";
    position: relative;
    right: 12px;
    border-right: 2px solid var(--color-light);
    border-bottom: 2px solid var(--color-light);
    transform: rotate(-45deg);
}
.pages-sustainability--about .accordion .card-body {
    padding: 20px 0 60px;
    font-weight: 300;
    line-height: 1.2;
}
.pages-sustainability--about .stats {
    margin-top: 86px;
}
.pages-sustainability--about .stats img {
    max-width: 100%;;
}
.pages-sustainability--about .stats .title {
    display: block;
    font-size: 0.8rem;
    font-weight: 300;
    color: var(--color-sust);
}
.pages-sustainability--about .stats .info {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 0 0 20px;
}
.pages-sustainability--about .stats .info:before {
    width: 11px;
    height: 11px;
    display: block;
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    background: var(--color-light);
}
.pages-sustainability--about .stats .info > span {
    display: block;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1;
}
.pages-sustainability--about .stats .info > span:nth-of-type(1) {
    font-size: 2rem;
    font-weight: 400;
}
.pages-sustainability--about .content-element {
    margin-top: 72px;
}
.pages-sustainability--about .content-element p {
    font-weight: 300;
}
@media (max-width: 992px) {
    .pages-sustainability--about #valor-investimento {
        margin-top: 90px;
    }
    .pages-sustainability--about #valor-investimento .col-12:nth-of-type(2) {
        margin-top: 100px;
    }
    .pages-sustainability--about #satisfacao {
        margin-top: 120px;
    }
    .pages-sustainability--about #investidores {
        margin-top: 78px;
    }
    .pages-sustainability--about .stats {
        margin-top: 80px;
    }
    .pages-sustainability--about .stats .grid-items {
        grid-template-columns: repeat(2,1fr);
    }
    .pages-sustainability--about .stats .col-12 {
        margin-bottom: 70px;
    }
    .pages-sustainability--about .content-element {
        margin-top: 0px;
    }
    .pages-sustainability--about p {
        font-size: 0.875rem;
    }
}
.pages-sustainability--about .more-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 70px;
    gap: 34px;
}
.pages-sustainability--about .more-container .more-text {
    font-size: 0.875rem;
    font-weight: 700;
}
.pages-sustainability--about .more-container .title {
    font-size: 1.5rem;
    line-height: 1.2;
    text-align: center;
    font-weight: 700;
}
.pages-sustainability--about .more-container .btn-more {
    border: 1px solid var(--color-main);
}
/* Nossa Gente */
.pages-sustainability--about #people {
    margin-top: 80px;
}
.pages-sustainability--about #people img {
    width: 100%;
}
.pages-sustainability--about #pluralidade {
    margin-top: 80px;
}
.pages-sustainability--about #pluralidade .content {
    margin-bottom: 70px;
}
.pages-sustainability--about #pluralidade .grid-workers {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 90px;
}
.pages-sustainability--about #pluralidade .grid-workers > div {
    display: grid;
    grid-template-columns: 58px 1fr;
    grid-template-areas: "title title" "icon stats";
    column-gap: 16px;
    row-gap: 32px;
}
.pages-sustainability--about #pluralidade .grid-workers > div .graph-title {
    grid-area: title;
    margin: 0px;
}
.pages-sustainability--about #pluralidade .grid-workers > div img {
    grid-area: icon;
    width: 58px;
    height: 58px;
    object-position: top center;
    object-fit: contain;
}
.pages-sustainability--about #pluralidade .grid-workers > div span:nth-of-type(2) {
    grid-area: stats;
    align-self: end;
    font-size: 2.75rem;
    color: var(--color-sust);
    font-weight: 600;
    line-height: 1;
}
.pages-sustainability--about #pluralidade .grid-workers > div span:nth-of-type(2) small {
    font-size: 1.5rem;
    font-weight: 600;
}
.pages-sustainability--about #pluralidade .gender {
    margin-top: 78px;
}
.pages-sustainability--about #pluralidade .grid-graphs {
    display: flex;
    justify-content: flex-start;
    align-self: flex-start;
    gap: 100px;
}
.pages-sustainability--about #covid {
    margin-top: 110px;
}
.pages-sustainability--about #covid .grid-items {
    display: grid;
    grid-template-columns: repeat(3,1fr);   
}
.pages-sustainability--about #cuidado {
    margin-top: 70px;
}
.pages-sustainability--about #programas {
    margin-top: 180px;
}
.pages-sustainability--about #programas .icon-prev {
    margin: 0 auto 40px;
    display: block;
    text-align: center;
}
.pages-sustainability--about #programas .subtitle {
    margin: 0 auto 1.5rem;
    text-align: center;
}
.pages-sustainability--about #programas .programas-image {
    width: 100%;
    margin: 30px auto 94px;
}
.pages-sustainability--about #meritocracia {
    margin-top: 160px;
    overflow: hidden;
}
.pages-sustainability--about #meritocracia .subtitle {
    margin: 0px auto 2rem;
}
.pages-sustainability--about #meritocracia .content {
    margin-bottom: 60px;
}
.pages-sustainability--about #meritocracia .cols {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
}
.pages-sustainability--about #meritocracia .cols span {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}
.pages-sustainability--about #meritocracia .cols ul {
    list-style: none;
    margin: 16px 0 0 16px;
    padding: 0;
}
.pages-sustainability--about #meritocracia .cols ul li {
    margin: 0 0 10px;
    font-weight: 300;
    position: relative;
}
.pages-sustainability--about #meritocracia .cols ul li:before {
    content: "\2022";
    color: var(--color-sust);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.pages-sustainability--about #meritocracia .cols + p {
    margin-top: 50px;
}
.pages-sustainability--about #meritocracia .graph {
    margin-top: 100px;
    margin-bottom: 60px;
}
.pages-sustainability--about #meritocracia .tools {
    margin-top: 60px;
    margin-bottom: 60px;
}
#page-sustainability .steps--page img
{
    margin-bottom: 60px;
    width: 100%;
    height: auto;
    max-width: 100%;
}
#page-sustainability .steps--page h2
{
    font-size: 24px;
    font-weight:400;
    margin-bottom: 20px;
}
@media (max-width: 992px) {    
    .pages-sustainability--about #people {
        margin-top: 40px;
    }
    .pages-sustainability--about #pluralidade .grid-workers {
        margin-top: 56px;
        display: block;
    }
    .pages-sustainability--about #pluralidade .grid-workers > div {
        margin-bottom: 30px;
    }
    .pages-sustainability--about #pluralidade .gender {
        margin-top: 20px;
    }
    .pages-sustainability--about #pluralidade .grid-graphs {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 30px;
    }
    .pages-sustainability--about #pluralidade .grid-graphs img {
        width: 100%;
    }
    .pages-sustainability--about #covid .grid-items {
        display: grid;
        grid-template-columns: 100%;   
    }
    .pages-sustainability--about #meritocracia .cols {
        grid-template-columns: 1fr;
    }
    .pages-sustainability--about #meritocracia .graph {
        margin-top: 40px;
        margin-bottom: 40px;;
    }
    .pages-sustainability--about #meritocracia .content
    {
        margin-bottom: 30px;
    }
    .pages-sustainability--about header .btn-close
    {
        position: absolute;
    }
    .pages-sustainability--about #programas .programas-image
    {
        width: 100%;
    }    
}

/* Fogo */
.pages-sustainability--about .graph-fire {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "titlePb titlePo" "gasPb gasPo" "elePb elePo";
    column-gap: 30px;
    row-gap: 12px;
}
.pages-sustainability--about .graph-fire .title.portobello {
    grid-area: titlePb;
}
.pages-sustainability--about .graph-fire .title.pointer {
    grid-area: titlePo;
}
.pages-sustainability--about .graph-fire .gas.portobello {
    grid-area: gasPb;
}
.pages-sustainability--about .graph-fire .gas.pointer {
    grid-area: gasPo;
}
.pages-sustainability--about .graph-fire .eletrica.portobello {
    grid-area: elePb;
}
.pages-sustainability--about .graph-fire .eletrica.pointer {
    grid-area: elePo;
}
.pages-sustainability--about .graph-fire .gas:before {
    background: var(--color-sust);
}
.pages-sustainability--about .graph-fire .eletrica:before {
    background: var(--color-main);
}

/* Fogo */
.pages-sustainability--about .graph-fire {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "titlePb titlePo" "gasPb gasPo" "elePb elePo";
    column-gap: 30px;
    row-gap: 12px;
}
.pages-sustainability--about .graph-fire .title.portobello {
    grid-area: titlePb;
}
.pages-sustainability--about .graph-fire .title.pointer {
    grid-area: titlePo;
}
.pages-sustainability--about .graph-fire .gas.portobello {
    grid-area: gasPb;
}
.pages-sustainability--about .graph-fire .gas.pointer {
    grid-area: gasPo;
}
.pages-sustainability--about .graph-fire .eletrica.portobello {
    grid-area: elePb;
}
.pages-sustainability--about .graph-fire .eletrica.pointer {
    grid-area: elePo;
}
.pages-sustainability--about .graph-fire .gas:before {
    background: var(--color-sust);
}
.pages-sustainability--about .graph-fire .eletrica:before {
    background: var(--color-main);
}

/* Fogo */
.pages-sustainability--about .graph-residuo {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.pages-sustainability--about .graph-residuo .title {
    width: 100%;
    margin: 0 0 1rem;
}
.pages-sustainability--about .graph-residuo .interno:before {
    background: var(--color-sust);
}
.pages-sustainability--about .graph-residuo .aterro:before {
    background: var(--color-main);
}

@media (max-width: 992px) {
    #page-sustainability #contato h2,
    #page-sustainability #downloads h2,
    #page-sustainability #cuidado h2, 
    #page-sustainability #alternativa h2,
    #page-sustainability #numeros h2,
    #page-sustainability #caminho .content h2 {
      font-size: 1.125rem;
    }
    #page-sustainability #caminho .content h2 {
      margin-top: 50px;
    }
    body#Index_sustainability #findstore
    {
        display: none;
    }
    .pages-sustainability--about #investidores .btn-more{
        height: auto;
    }
}
body#Index_sustainability .pswp__bg,
body#Index_sustainabilityproduct .pswp__bg,
body#Index_sustainabilitypeople .pswp__bg,
body#Index_sustainabilityfire .pswp__bg,
body#Index_sustainabilitywater .pswp__bg,
body#Index_sustainabilityzero .pswp__bg,
body#Index_sustainabilityearth .pswp__bg,
body#Index_sustainabilitybusiness .pswp__bg,
#page-sustainability .pswp__bg
{
    background-color: white;
}
body#Index_sustainability .pswp__img--placeholder--blank,
body#Index_sustainabilityproduct .pswp__img--placeholder--blank,
body#Index_sustainabilitypeople .pswp__img--placeholder--blank,
body#Index_sustainabilityfire .pswp__img--placeholder--blank,
body#Index_sustainabilitywater .pswp__img--placeholder--blank,
body#Index_sustainabilityzero .pswp__img--placeholder--blank,
body#Index_sustainabilityearth .pswp__img--placeholder--blank,
body#Index_sustainabilitybusiness .pswp__img--placeholder--blank,
#page-sustainability .pswp__img--placeholder--blank
{
    background-color: white;
}

@media (max-width:992px) {
    #conceito .steps--page:nth-of-type(2) {
      margin-bottom: 60px;
    }
}

#page-sustainability--discard .centered {
    text-align: center;
    font-size: 0.875rem;
    margin-top: 40px;
    margin-bottom: 40px;
}
#page-sustainability--discard header h1 {
    margin: 0 0 66px;
}
#page-sustainability--discard header h1 ~ span {
    margin: 0 0 45px;
}
#page-sustainability--discard .link img {
    display: block;
    margin: 0 auto 36px;
}
#page-sustainability--discard .link .btn-more {
    max-width: 120px;
    display: block;
    margin: 0 auto 36px;
    border: 1px solid var(--color-main);
}
#page-sustainability--discard .list-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    gap: 40px;
    margin-bottom: 80px;
    
}
#page-sustainability--discard .list-actions li img {
        width: 160px;
        height: auto;
}
#page-sustainability--discard #products .content .highlight{
        display: block;
        padding-top: 10px;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.2;
}
#page-sustainability--discard #descarte h2 {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.2;
        color: var(--color-black);
        text-transform: none;
        margin-top: 20px;
}
#page-sustainability--discard #descarte h2 + p {
    margin-bottom: 2rem;
}
#page-sustainability--discard #descarte .table-container {
        display: block;
        margin: 42px 0 68px;
}
#page-sustainability--discard #descarte .table-container table {
    width: 100%;
    border: 1px solid #666;
}
#page-sustainability--discard #descarte .table-container table th,
#page-sustainability--discard #descarte .table-container table td {
        border: 1px solid #666;
        padding: 6px;
}
#page-sustainability--discard #descarte .table-container table td.centered {
    text-align: center;
}
#page-sustainability--discard #descarte .table-container table th {
    background: #ccc;
    color: #707070;
    font-weight: 500;
}
#page-sustainability--discard #descarte .table-container .footnote {
    display: block;
    color: #666;
    padding: 10px 0;
}
#page-sustainability--discard #moreinfo .grid-items li {
        width: 50%;
        max-width: 50%;
        min-height: 68px;
        padding-left: 28px;
        position: relative;
}
@media (max-width: 600px) {
    #page-sustainability--discard #moreinfo .grid-items {
        display: block;
    }
    #page-sustainability--discard #moreinfo .grid-items li {
            width: 100%;
            max-width: 100%;
            margin-bottom: 20px;
    }
}
#pb-innovation .content-container p,
.pb-innovationlist-v2 header p
{
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.375;
}
.pb-innovationlist-v2 header p
{
    padding-top: 5px;
}

#pb-innovation .content-container p b {
    font-weight: 700;
}
#pb-innovation .image-container img {
    width: 100%;
}
.pb-innovation--internal {    
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f2+0,f2f2f2+20,ffffff+20,ffffff+100 */
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(left,  #f2f2f2 0%, #f2f2f2 22%, #ffffff 22%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #f2f2f2 0%,#f2f2f2 22%,#ffffff 22%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #f2f2f2 0%,#f2f2f2 22%,#ffffff 22%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.pb-innovation--internal.clear-bg {
    background: transparent;
}
.pb-innovation--internal {
    padding-top: 100px
}
.pb-innovation--internal .image {
    width: 100%;
    height: 0;
    margin: 0 0 24px;
    padding: 0 0 56%;
    position: relative;
}
.pb-innovation--internal .image img {
    width: 100%;
    height: 100%;
    position: absolute;
}
.pb-innovation--internal .quote p {
    margin: 0 0 1.25rem;
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center;
    line-height: 1.2;
}
.pb-innovation--internal .quote .author {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
}
.pb-innovation--internal .quote .occupation {
    display: block;
    font-size: 0.875rem;
    font-weight: 300;
    text-align: center;
    line-height: 1.2;
}
@media (max-width: 992px) {
    .pb-innovation--internal {
        background: none;
        padding-top: 70px;
    }
}



#bastidores-modal
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1430;
    background: white;
    height: 100%;
    overflow: auto;
}
#bastidores-modal .btn-close
{
    position: absolute;
    right: 60px;
    top: 40px;
    z-index: 1431;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    color: var(--color-dark);
    vertical-align: middle;
    text-transform: uppercase;
}
#bastidores-modal .btn-close .pb-close
{
    margin-left: 10px;
}
#bastidores-modal button.close-modal
{
    width: 100%;
    max-width: 302px;
    padding: 8px 20px;
    font-size: 14px;
}
#bastidores-modal .video
{
    position: relative;
    margin-top: 55px;
    margin-bottom: 30px;
    width: 100%;
    height: 60vh;
}
#bastidores-modal .video .embed
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#bastidores-modal .title
{
    margin: 0 0 1rem;
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--color-darkest);
    text-transform: uppercase;
}

#bastidores-modal .content
{
    margin-top: 30px;
}

@media (max-width: 440px) {
    #bastidores-modal .video
    {        
        height: 27vh;
    }
    #bastidores-modal .btn-close
    {
        position: absolute;
        top: 20px;
    }
}

#pb-innovation .content-container p a
{
    color: var(--color-darkest);
}

.pb-innovationlist--accordion
{
    margin-bottom: 60px;
}
.back
{
    margin-bottom: 40px;
    margin-top: -40px;
}
.back img
{
    transform: rotate(180deg);
}
.back a {
    text-decoration: none !important;
}
.back a span {
    margin: 0 0 0 10px;
    font-size: 0.857rem;
    font-weight: 400;
    letter-spacing: 2px;
    color: #212529;
    text-transform: uppercase;
}

@media (max-width: 440px) {
    .back
    {        
        margin-bottom: 20px;
    }
}

#bastidores-modal span.subtitle {
    display: block;
    margin: 4px 0 10px;
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-light);
}
#bastidores-modal span.subtitle b {
    font-weight: 700;
}

/* Coletivo */
#pb-innovation-coletivo .pb-pageheader-v2 .slogan a {
    color: var(--color-black);;
    font-weight: 500;
}
#pb-innovation-coletivo .content-container {
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
}
#pb-innovation-coletivo .content-container a {
    color: var(--color-black);
    font-weight: 500;
}
#pb-innovation-coletivo .video-container {
    position: relative;
    margin: 0 0 15px;
}
#pb-innovation-coletivo .video-container > iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
}
#pb-innovation-coletivo h2 {
    display: block;
    margin: 0 0 14px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-white);
}
#pb-innovation-coletivo .btn {
    width: 100%;
    margin: 700 auto;
    max-width: 294px;
    padding: 9px 20px;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-radius: 0;
    background: var(--color-black);
}
#pb-innovation-coletivo .complement {
    margin-top: 40px;
    text-align: center;
}
#pb-innovation-coletivo .complement .title {
    display: block;
    margin: 0 0 12px;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}
#pb-innovation-coletivo .complement p {
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
    text-align: center;
}
#pb-innovation-coletivo p.legend {
    margin: 0 0 12px;
    font-size: 21px;
    font-style: italic;
    color: var(--color-white);
    font-weight: 300;
    text-align: center;
}
#pb-innovation-coletivo p.author {
    margin: 0 0 12px;
    font-size: 1rem;
    color: var(--color-white);
    font-weight: 300;
    text-align: center;
}
/* Seções Específicas */
#pb-innovation-coletivo #docs {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 300px, rgba(34,34,34,1) 300px, rgba(34,34,34,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 300px, rgba(34,34,34,1) 300px,rgba(34,34,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 300px, rgba(34,34,34,1) 300px,rgba(34,34,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#pb-innovation-coletivo #docs h2 {
    margin: 0 0 26px;
    font-size: 25px;
    font-weight: 700;
    color: var(--color-darkest);
}
#pb-innovation-coletivo #maisarq {
    padding: 100px 0 0;
    background: #222;
    text-align: center;
}
#pb-innovation-coletivo #maisarq p {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1.2;
    color: var(--color-white);
    font-weight: 300;
}
#pb-innovation-coletivo #maisarq .btn {
        background: var(--color-white);
}
#pb-innovation-coletivo #doha {
    padding: 100px 0 0;
    background: #222;
    text-align: center;
}
#pb-innovation-coletivo #videos {
    padding: 100px 0 0;
    background: #222;
    text-align: center;
}
#pb-innovation-coletivo #videos .videos-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}
#pb-innovation-coletivo #videos .videos-list > .video-container {
    width: 100%;
    max-width: calc((100% - (5 * 16px))/6);
    min-width: 182px;
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 15px;
    overflow: hidden;
}
#pb-innovation-coletivo #videos .videos-list > .video-container > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border: none;
    outline: none !important;
    background: none;
    color: var(--color-white);
    text-decoration: none !important;
}
#pb-innovation-coletivo #videos .videos-list > .video-container > a img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
    object-position: center;
    filter: blur(2px);
}
#pb-innovation-coletivo #videos .videos-list > .video-container > a:before {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    z-index: 2;
    background: var(--color-black);
    opacity: 0.5;
}
#pb-innovation-coletivo #videos .videos-list > .video-container > a span {
    order: 1;
    font-size: 22px;
    text-align: center;
    line-height: 1.2;
    color: var(--color-white);
    z-index: 5;
    text-transform: uppercase;
    cursor: pointer;
}
#pb-innovation-coletivo #videos .videos-list > .video-container > a:after {
    order: 2;
    width: 40px;
    height: 1px;
    position: relative;
    display: block;
    content: "";
    background: var(--color-white);
    z-index: 5;
}
#pb-innovation-coletivo #videos .videos-list > .video-container > a span.label {
    order: 3;
    font-size: 12px;
}
#pb-innovation-coletivo #videos .videos-list > .video-container {
    min-width: 182px;
}
#pb-innovation-coletivo #cocriacoes {
    background: #222;
    padding: 100px 0 0;
}
#pb-innovation-coletivo #cocriacoes p {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1.2;
    color: var(--color-white);
    font-weight: 300;
    text-align: center;
}
#pb-innovation-coletivo #cocriacoes ul {
    display: grid;
    padding: 0;
    margin: 24px 0 0;
    grid-template-columns: 1fr 1fr;
    column-gap: 100px;
    row-gap: 28px;
    list-style: circle;
    color: var(--color-white);
}
#pb-innovation-coletivo #cocriacoes ul li {
    list-style: circle;
    color: var(--color-white);
}
#pb-innovation-coletivo #cocriacoes ul li:nth-of-type(1) {
    order: 1;
}
#pb-innovation-coletivo #cocriacoes ul li:nth-of-type(2) {
    order: 3;
}
#pb-innovation-coletivo #cocriacoes ul li:nth-of-type(3) {
    order: 5;
}
#pb-innovation-coletivo #cocriacoes ul li:nth-of-type(4) {
    order: 2;
}
#pb-innovation-coletivo #cocriacoes ul li:nth-of-type(5) {
    order: 4;
}
#pb-innovation-coletivo #cocriacoes ul li a {
    font-weight: 500;
    color: var(--color-white);
    text-decoration: underline;
}
#pb-innovation-coletivo #maisarqbanner {
    background: #222;
    background: -moz-linear-gradient(top,  rgba(34,34,34,1) 0%, rgba(34,34,34,1) 400px, rgba(255,255,255,1) 400px, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 400px, rgba(255,255,255,1) 400px,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 400px, rgba(255,255,255,1) 400px,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 100px 0 0;
}
#pb-innovation-coletivo #maisarqbanner .blog-post {
    width: 100%;
    height: 665px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 60px;
    gap: 10px;
    box-shadow: 0 0 16px 0 rgba(0,0,0,0.16);
}
#pb-innovation-coletivo #maisarqbanner .blog-post > span,
#pb-innovation-coletivo #maisarqbanner .blog-post > a {
    position: relative;
    z-index: 5;
    color: var(--color-white);
}
#pb-innovation-coletivo #maisarqbanner .blog-post > span.title {
    order: 2;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
}
#pb-innovation-coletivo #maisarqbanner .blog-post > span.subtitle {
    order: 1;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
}
#pb-innovation-coletivo #maisarqbanner .blog-post > a {
    order: 3;
    margin: 40px 0 0;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: underline;
}
#pb-innovation-coletivo #maisarqbanner .blog-post:before {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    z-index: 2;
    background: -moz-linear-gradient(top,  rgba(18,18,18,0) 0%, rgba(18,18,18,0.55) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(18,18,18,0) 0%,rgba(18,18,18,0.55) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(18,18,18,0) 0%,rgba(18,18,18,0.55) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00121212', endColorstr='#8c121212',GradientType=0 ); /* IE6-9 */
}
#pb-innovation-coletivo #maisarqbanner .blog-post > img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
    object-position: center;
}
#pb-innovation-coletivo #blog {
    padding: 100px 0 0;
}
@media (max-width: 992px) {
    #pb-innovation-coletivo .complement {
        margin-top: 30px;
        text-align: left;
    }
    #pb-innovation-coletivo .complement .title,
    #pb-innovation-coletivo .complement p {
        text-align: left;
    }
    #pb-innovation-coletivo .btn {
        max-width: 100%;
    }
    #pb-innovation-coletivo .complement p:last-of-type {
        margin-top: 20px;
        text-align: center;
    }
    #pb-innovation-coletivo > .container-xl {
        padding-bottom: 30px !important;
    }
    #pb-innovation-coletivo #docs {
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 150px, rgba(34,34,34,1) 150px, rgba(34,34,34,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 150px, rgba(34,34,34,1) 150px,rgba(34,34,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 150px, rgba(34,34,34,1) 150px,rgba(34,34,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    #pb-innovation-coletivo #maisarq,
    #pb-innovation-coletivo #doha,
    #pb-innovation-coletivo #videos,
    #pb-innovation-coletivo #cocriacoes,
    #pb-innovation-coletivo #maisarqbanner,
    #pb-innovation-coletivo #blog {
        padding: 50px 0 0;
    }
    #pb-innovation-coletivo #videos .videos-list > .video-container {
        max-width: 100%;
        aspect-ratio: 334 / 235;
    }
    #pb-innovation-coletivo #cocriacoes ul {
        list-style: none;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        gap: 14px;
    }
    #pb-innovation-coletivo #cocriacoes ul li {
        list-style: none;
    }
    #pb-innovation-coletivo #maisarqbanner .blog-post {
        height: auto;
        min-height: 363px;
        padding: 20px;
    }
    #pb-innovation-coletivo #maisarqbanner {
        background: #222;
        background: -moz-linear-gradient(top,  rgba(34,34,34,1) 0%, rgba(34,34,34,1) 230px, rgba(255,255,255,1) 230px, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 230px, rgba(255,255,255,1) 230px,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 230px, rgba(255,255,255,1) 230px,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        }
}
/* Milão */
#pb-innovation #innovationMilao {
    margin: 80px 0;
    padding: 70px 0;
    background: #63666a;
}
#pb-innovation #innovationMilao .image-container .image {
    position: relative;
    padding: 0;
}
#pb-innovation #innovationMilao .image-container .logo {
    width: auto;
    position: absolute;
    bottom: -48px;
    right: 20px;
}
#pb-innovation #innovationMilao .content-container h2 {
    position: relative;
    margin: 0 0 16px;
    font-size: 1.875rem;
    font-weight: 700;
    color: var(--color-white);
    text-transform: uppercase;
}
#pb-innovation #innovationMilao .content-container .slogan {
    display: block;
    padding: 0 0 22px;
    margin: 0 0 30px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-white);
}
#pb-innovation #innovationMilao .content-container .slogan:after {
    width: 25px;
    height: 4px;
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #969ba0;
}
#pb-innovation #innovationMilao .content-container p {
    display: block;
    margin: 0 0 30px;
    position: relative;
    font-size: 1rem;
    font-weight: 300;
    color: var(--color-white);
}
#pb-innovation #innovationMilao .content-container .ctas-container {
    display: flex;
    gap: 16px;
}
#pb-innovation #innovationMilao .content-container .btn-clear {
    height: 54px;
    padding: 0 50px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 0;
    font-size: 12px;
    color: #2e2e2e;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 12px;
    text-transform: uppercase;
    z-index: 2;
    white-space: nowrap;
    background: #fff;
}
@media (max-width: 769px) {
    #pb-innovation #innovationMilao {
        margin: 30px 0;
        padding: 30px 0;
    }
    #pb-innovation #innovationMilao .image-container .image {
        padding: 0 0 17px;
    }
    #pb-innovation #innovationMilao .image-container .logo {
        width: 55%;
        bottom: 0px;
        right: 20px;
    }
    #pb-innovation #innovationMilao .content-container {
        margin: 30px 0 0;
    }
    #pb-innovation #innovationMilao .content-container .slogan {
        padding: 0 0 14px;
    }
    #pb-innovation #innovationMilao .content-container .ctas-container {
        flex-direction: column;
    }
    #pb-innovation #innovationMilao .content-container .ctas-container > btn {
        width: 100%;
    }
}

/* CERSAIE */
/* Coletivo */
#pb-innovation-cersaie .pb-pageheader-v2 .slogan a {
    color: var(--color-black);;
    font-weight: 500;
}
#pb-innovation-cersaie .content-container b {
    font-weight: 500;
}
#pb-innovation-cersaie .content-container {
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
}
#pb-innovation-cersaie .content-container a {
    color: var(--color-black);
    font-weight: 500;
}
#pb-innovation-cersaie .video-container {
    position: relative;
    margin: 0 0 15px;
}
#pb-innovation-cersaie .video-container > iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
}
#pb-innovation-cersaie h2 {
    display: block;
    margin: 0 0 14px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-white);
}
#pb-innovation-cersaie .btn {
    width: 100%;
    margin: 700 auto;
    max-width: 294px;
    padding: 9px 20px;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-radius: 10px;
    background: var(--color-black);
}
#pb-innovation-cersaie .btn.btn-light {
    padding: 9px 10px;
    font-weight: 300;
    background: var(--color-lightest);
    padding: 8px 20px;
    border: none !important;
}
#pb-innovation-cersaie .complement {
    margin-top: 160px;
    text-align: center;
}
#pb-innovation-cersaie .complement .title {
    display: block;
    margin: 0 0 12px;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}
#pb-innovation-cersaie .complement p {
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
    text-align: center;
}
#pb-innovation-cersaie p.legend {
    margin: 0 0 12px;
    font-size: 21px;
    font-style: italic;
    color: var(--color-white);
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
}
#pb-innovation-cersaie p.author {
    margin: 0 0 12px;
    font-size: 1rem;
    color: var(--color-white);
    font-weight: 300;
    text-align: center;
}
/* Seções Específicas */
#pb-innovation-cersaie #cersaie {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 300px, rgba(34,34,34,1) 300px, rgba(34,34,34,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 300px, rgba(34,34,34,1) 300px,rgba(34,34,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 300px, rgba(34,34,34,1) 300px,rgba(34,34,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#pb-innovation-cersaie #cersaie h2 {
    margin: 0 0 26px;
    font-size: 25px;
    font-weight: 700;
    color: var(--color-darkest);
}
#pb-innovation-cersaie #videos {
    padding: 100px 0 0;
    background: #222;
    text-align: center;
}
#pb-innovation-cersaie #videos h2 {
    font-weight: 400;
}
#pb-innovation-cersaie #videos .videos-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#pb-innovation-cersaie #videos .videos-list > .video-container {
    width: 100%;
    max-width: calc((100% - (5 * 16px))/6);
    min-width: 182px;
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 15px;
    overflow: hidden;
}
#pb-innovation-cersaie #videos .videos-list > .video-container > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border: none;
    outline: none !important;
    background: none;
    color: var(--color-white);
    text-decoration: none !important;
}
#pb-innovation-cersaie #videos .videos-list > .video-container > a img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
    object-position: center;
    filter: blur(2px);
}
#pb-innovation-cersaie #videos .videos-list > .video-container > a:before {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    z-index: 2;
    background: var(--color-black);
    opacity: 0.5;
}
#pb-innovation-cersaie #videos .videos-list > .video-container > a span {
    order: 1;
    font-size: 22px;
    text-align: center;
    line-height: 1.2;
    color: var(--color-white);
    z-index: 5;
    text-transform: uppercase;
}
#pb-innovation-cersaie #videos .videos-list > .video-container > a:after {
    order: 2;
    width: 40px;
    height: 1px;
    position: relative;
    display: block;
    content: "";
    background: var(--color-white);
    z-index: 5;
}
#pb-innovation-cersaie #videos .videos-list > .video-container > a span.label {
    order: 3;
    font-size: 12px;
}
#pb-innovation-cersaie #videos .videos-list > .video-container {
    min-width: 182px;
}
#pb-innovation-cersaie #textanim {
    padding: 100px 0 0;
    background: #222;
}
#pb-innovation-cersaie #textanim span {
    margin: 0 20px 0 0;
    font-size: 80px;
    font-weight: 400;
    color: var(--color-white);
    line-height: 1.2;
}
#pb-innovation-cersaie #textanim span.bold {
    font-weight: 700;
}
#pb-innovation-cersaie #download {
    background: #222;
    padding: 100px 0 0;
    text-align: center;
}
#pb-innovation-cersaie #download .image-container {
    margin: 0 0 20px;
}
#pb-innovation-cersaie #download img {
    width: 100%;
}
#pb-innovation-cersaie #download p {
    margin: 0 0 12px;
    font-size: 21px;
    line-height: 1.2;
    color: var(--color-white);
    font-weight: 300;
    text-align: center;
}
#pb-innovation-cersaie #download .btn {
    width: auto;
    margin: 20px auto 0;
    font-weight: 400;
}
#pb-innovation-cersaie #maisarqbanner {
    background: #222;
    padding: 100px 0 0;
}
#pb-innovation-cersaie #maisarqbanner .blog-post {
    width: 100%;
    height: 665px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 60px;
    gap: 10px;
    box-shadow: 0 0 16px 0 rgba(0,0,0,0.16);
}
#pb-innovation-cersaie #maisarqbanner .blog-post > span,
#pb-innovation-cersaie #maisarqbanner .blog-post > a {
    position: relative;
    z-index: 5;
    color: var(--color-white);
}
#pb-innovation-cersaie #maisarqbanner .blog-post > span.title {
    order: 2;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
}
#pb-innovation-cersaie #maisarqbanner .blog-post > span.subtitle {
    order: 1;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
}
#pb-innovation-cersaie #maisarqbanner .blog-post > a {
    order: 3;
    margin: 40px 0 0;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: underline;
}
#pb-innovation-cersaie #maisarqbanner .blog-post:before {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    z-index: 2;
    background: -moz-linear-gradient(top,  rgba(18,18,18,0) 0%, rgba(18,18,18,0.55) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(18,18,18,0) 0%,rgba(18,18,18,0.55) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(18,18,18,0) 0%,rgba(18,18,18,0.55) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00121212', endColorstr='#8c121212',GradientType=0 ); /* IE6-9 */
}
#pb-innovation-cersaie #maisarqbanner .blog-post > img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
    object-position: center;
}
#pb-innovation-cersaie #mosaic {
    background: #222;
    background: -moz-linear-gradient(top,  rgba(34,34,34,1) 0%, rgba(34,34,34,1) 400px, rgba(255,255,255,1) 400px, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 400px, rgba(255,255,255,1) 400px,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 400px, rgba(255,255,255,1) 400px,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 100px 0;
}
#pb-innovation-cersaie #mosaic p {
    margin: 16px 0 30px;
    font-size: 21px;
    text-align: center;
    line-height: 1.2;
    color: var(--color-white);
}
#pb-innovation-cersaie #mosaic ul {
    height: 630px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "banner01 banner02 banner04" "banner01 banner03 banner04" ;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#pb-innovation-cersaie #mosaic ul li {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 20px 40px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 15px;
}
#pb-innovation-cersaie #mosaic ul li .content {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
#pb-innovation-cersaie #mosaic ul li .content .title {
    order: 2;
    font-size: 28px;
    font-weight: 700;
    color: var(--color-white);
    line-height: 1.2;
}
#pb-innovation-cersaie #mosaic ul li .content .subtitle {
    order: 1;
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-white);
    line-height: 1.2;
    text-transform: uppercase;
}
#pb-innovation-cersaie #mosaic ul li .content a {
    order: 3;
    margin: 40px 0 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-white);
    line-height: 1.2;
    text-decoration: underline;
}
#pb-innovation-cersaie #mosaic ul li .image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
#pb-innovation-cersaie #mosaic ul li .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
#pb-innovation-cersaie #mosaic ul li:nth-of-type(1) {
    grid-area: banner01;
}
#pb-innovation-cersaie #mosaic ul li:nth-of-type(2) {
    grid-area: banner02;
}
#pb-innovation-cersaie #mosaic ul li:nth-of-type(3) {
    grid-area: banner03;
}
#pb-innovation-cersaie #mosaic ul li:nth-of-type(4) {
    grid-area: banner04;
}
@media (max-width: 992px) {
    #pb-innovation-cersaie .complement {
        margin-top: 30px;
        text-align: left;
    }
    #pb-innovation-cersaie .complement .title,
    #pb-innovation-cersaie .complement p {
        text-align: left;
    }
    #pb-innovation-cersaie .btn {
        max-width: 100%;
    }
    #pb-innovation-cersaie .complement p:last-of-type {
        margin-top: 20px;
        text-align: center;
    }
    #pb-innovation-cersaie > .container-xl {
        padding-bottom: 30px !important;
    }
    #pb-innovation-cersaie #cersaie {
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 150px, rgba(34,34,34,1) 150px, rgba(34,34,34,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 150px, rgba(34,34,34,1) 150px,rgba(34,34,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 150px, rgba(34,34,34,1) 150px,rgba(34,34,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    #pb-innovation-cersaie #cersaie,
    #pb-innovation-cersaie #videos,
    #pb-innovation-cersaie #textanim,
    #pb-innovation-cersaie #download,
    #pb-innovation-cersaie #maisarqbanner,
    #pb-innovation-cersaie #mosaic {
        padding: 50px 0 0;
    }
    #pb-innovation-cersaie #videos .videos-list > .video-container {
        max-width: 100%;
        aspect-ratio: 334 / 235;
    }
    #pb-innovation-cersaie #textanim span {
        margin: 0 10px 0 0;
        font-size: 40px;
    }
    #pb-innovation-cersaie #maisarqbanner .blog-post {
        height: auto;
        min-height: 363px;
        padding: 20px;
    }
    #pb-innovation-cersaie #mosaic {
        margin: 0 0 100px;
        background: #222;
        background: -moz-linear-gradient(top,  rgba(34,34,34,1) 0%, rgba(34,34,34,1) 350px, rgba(255,255,255,1) 350px, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 350px, rgba(255,255,255,1) 350px,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 350px, rgba(255,255,255,1) 350px,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        }
    #pb-innovation-cersaie #mosaic ul {
        height: auto;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto;
        grid-template-areas: "banner01" "banner02" "banner03" "banner04" ;
        gap: 16px;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #pb-innovation-cersaie #mosaic ul li {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 30px;
    }
}
#pb-innovation-cersaie .textFx.animated {
    transform: scale(0.94);
    animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
}
@keyframes scale {
    100% {
        transform: scale(1);
    }
}

#pb-innovation-cersaie .textFx span {
    display: inline;
    opacity: 0;
    filter: blur(4px);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(1) {
animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(2) {
animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(3) {
animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(4) {
animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(5) {
animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(6) {
animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(7) {
animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(8) {
animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(9) {
animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(10) {
animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(11) {
animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(12) {
animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(13) {
animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(14) {
animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(15) {
animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(16) {
animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(17) {
animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(18) {
animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(19) {
animation: fade-in 0.8s 1.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(20) {
animation: fade-in 0.8s 2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(21) {
animation: fade-in 0.8s 2.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(22) {
animation: fade-in 0.8s 2.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(23) {
animation: fade-in 0.8s 2.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(24) {
animation: fade-in 0.8s 2.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(25) {
animation: fade-in 0.8s 2.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(26) {
animation: fade-in 0.8s 2.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(27) {
animation: fade-in 0.8s 2.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#pb-innovation-cersaie .textFx.animated span:nth-child(28) {
animation: fade-in 0.8s 2.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
@keyframes fade-in {
    100% {
        opacity: 1;
        filter: blur(0);
    }
}

#page-terms,
#page-terms * {
    --terms-section--spacer: 180px;
    box-sizing: border-box;
}
/* Cabeçalho e Menu */
#page-terms .pb-tplheadermenu {
    max-width: 25vw;
}
#page-terms .pb-tplheadermenu .divider {
    display: none;
}
#page-terms .pb-tplheadermenu aside ul li {
    margin: 0 0 12px;
}
#page-terms .pb-tplheadermenu aside ul li a {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem;
    color: var(--color-main);
}
/* Conteúdo */
#page-terms .pb-tplcontent {
    margin-top: var(--mainmenu-height);
}
#page-terms .pb-tplcontent > section {
    display: block;
    margin: 0 0 var(--terms-section--spacer);

}
#page-terms .pb-tplcontent > section h3 {
    position: relative;
    margin: 0 0 24px;
}
#page-terms .pb-tplcontent > section h3 span {
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--color-darker-alt);
}
#page-terms .pb-tplcontent > section h3 div {
    width: 66px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -20px;
    left: -92px;
    border-radius: 50%;
    background: var(--color-lightest);
}
#page-terms .pb-tplcontent > section p,
#page-terms .pb-tplcontent > section li {
    font-size: 0.875rem;
    color: var(--color-dark);
}
#page-terms .pb-tplcontent > section a {
    color: var(--color-main);
    text-decoration: underline;
}
#page-terms .pb-tplcontent > section ul {
    padding: 0 0 0 1rem;
}
#page-terms .pb-tplcontent > section ol {
    padding: 0 0 0 1rem;
}
#page-terms .pb-tplcontent > section ol li {
    margin: 0 0 1rem;
}
/* Tabelas */
#page-terms .pb-tplcontent > section .terms-table {
    display: block;
    margin: 30px 0;
}
#page-terms .pb-tplcontent > section .terms-table div,
#page-terms .pb-tplcontent > section .terms-table dl {
    display: grid;
    grid-template-columns: 30% 1fr;
    margin: 0;
}
#page-terms .pb-tplcontent > section .terms-table dl:nth-of-type(odd) {
    background: var(--color-lightest);
}
#page-terms .pb-tplcontent > section .terms-table div span {
    display: block;
    padding: 14px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-dark);
}
#page-terms .pb-tplcontent > section .terms-table dl dt {
    display: none;
    font-size: 0.75rem;
    color: var(--color-dark);
    font-weight: 700;
    padding: 14px 14px 14px 0;
}
#page-terms .pb-tplcontent > section .terms-table dl dd {
    padding: 14px;
    font-size: 0.875rem;
    color: var(--color-dark);
    margin: 0;
}

/* Specific */
#page-terms .pb-tplcontent > section#termos ul {
    list-style: none;
    padding: 0;
}
#page-terms .pb-tplcontent > section#termos ul li {
    margin: 0 0 1rem;
}
@media (max-width: 992px) {
    #page-terms,
    #page-terms * {
        --terms-section--spacer: 96px;
    }
    #page-terms .pb-tplheadermenu {
        max-width: 100%;
    }
    #page-terms .pb-tplcontent > section h3 div {
        margin: 0px;
    }
    #page-terms .pb-tplcontent > section .terms-table div {
        display: none;
    }
    #page-terms .pb-tplcontent > section .terms-table dl dt:nth-of-type(1),
    #page-terms .pb-tplcontent > section .terms-table dl dd:nth-of-type(1) {
        border-bottom: 1px solid var(--color-lightest);
    }
    #page-terms .pb-tplcontent > section .terms-table dl:nth-of-type(odd) dt:nth-of-type(1),
    #page-terms .pb-tplcontent > section .terms-table dl:nth-of-type(odd) dd:nth-of-type(1) {
        border-bottom: 1px solid var(--color-white);
    }
    #page-terms .pb-tplcontent > section .terms-table dl {
        padding: 0 14px;
        margin: 0 0 8px;
        grid-template-columns: auto 1fr;
        border: 1px solid var(--color-lightest);
    }
    #page-terms .pb-tplcontent > section .terms-table dl dt {
        display: block;
    }
    #page-terms .pb-tplcontent > section .terms-table dl dd {
        padding: 14px 0 14px 14px;
    }

}
#page-releases,
#page-releases * {
    box-sizing: border-box;
    --header-height: 794px;
    --logo-spacer: 200px;
    --releases-spacer: 124px;
}

#page-releases header {
    width: 100%;
    height: var(--header-height);
    margin: 0 0 var(--releases-spacer);
    display: block;
    background: url("/data/releases/banner.jpg") center center no-repeat;
    background-size: cover;
    position: relative;
}
#page-releases header h1 {
    margin-top: var(--logo-spacer);
}
#page-releases header a {
    width: 214px;
    display: inline-block;
    position: absolute;
    left: calc(50% - 107px);
    bottom: 66px;
    text-align: center;
    text-decoration: none;
}
#page-releases header a span.label {
    display: block;
    font-size: 1rem;
    text-align: center;
    font-weight: 700;
    color: var(--color-black);
    text-transform: uppercase;
}
#page-releases header a img {
    display: block;
    margin: 0 auto -40px;
    text-align: center;
}
#page-releases header a span.block {
    width: 65px;
    height: 42px;
    margin: 20px auto 0;
    display: block;
    background: var(--color-white);
}
@media (max-width: 992px) {#page-releases,
    #page-releases * {
        --header-height: 380px;
        --logo-spacer: 40px;
        --releases-spacer: 0px;
    }
    #page-releases header {
        background: none;
    }
    #page-releases header a {
        display: none;
    }
}
#page-officina,
#page-officina * {
    box-sizing: border-box;
}
#page-officina .pb-content--officina-concept {
    margin-bottom: 160px;
    margin-top: 30px;
}
@media (max-width:992px) {    
    #page-officina .pb-content--officina-concept {
        margin-bottom: 116px;
    }
}
#page-officina .pb-content--officina-pretaporter {
    margin-bottom: 210px;
}
@media (max-width:992px) {    
    #page-officina .pb-content--officina-pretaporter {
        margin-bottom: 170px;
    }
}
.pb-pattern,
.pb-pattern *,
.pb-pattern--container,
.pb-pattern--container * {
    --container-width: 100%; /* Largura do Container */
    --container-height: 100%; /* Altura do Container */
    --cross-left: 15%; /* Percentual para transpasse da esquerda */
    --cross-right: 15%; /* Percentual para transpasse da direita */
    --cross-center: 50%; /* Percentual de tranmspasse no centro */
    --gap-spacer: 2px; /*Espaçamento / Rejunte */
    --gap-color: #fff; /*Cor do espaçamento / Rejunte */
    --product-width: 120; /* Comprimento da Peça */
    --product-height: 20; /* Altura da Peça */
    box-sizing: border-box;
}
.pb-pattern--container {
    width: var(--container-width);
    height: var(--container-height);
}
.pb-pattern--limiter { 
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pb-pattern {
    width: 100%;
    height: auto;
    display: grid;
    gap: var(--gap-spacer);
    grid-template-columns: var(--cross-left) 1fr var(--cross-right);
    grid-template-rows: auto;
    background: var(--gap-color);
}
.pb-pattern.title {    
    grid-template-columns: repeat(4,1fr);
}
.pb-pattern.relevo {    
    grid-template-columns: var(--cross-left) 1fr var(--cross-right);
}
.pb-pattern .pb-block {
    width: 100%;
    position: relative;
}
.pb-pattern.relevo .pb-block-1,
.pb-pattern.wood .pb-block-1 {
    height: 100%;
}
.pb-pattern.relevo .pb-block-2,
.pb-pattern.wood .pb-block-2 {
    height: 0px;
    padding-bottom: calc(var(--product-height)/var(--product-width) * 100%);
    grid-column: span 2;
}
.pb-pattern.relevo .pb-block-3,
.pb-pattern.wood .pb-block-3 {
    height: 0px;
    padding-bottom: calc(var(--product-height)/var(--product-width) * 100%);
    grid-column: span 2;
}
.pb-pattern.relevo .pb-block-4,
.pb-pattern.wood .pb-block-4 {
    height: 100%;
} 
.pb-pattern.title .pb-block-2,
.pb-pattern.title .pb-block-4,
.pb-pattern.title .pb-block-5 {
    height: 0px;
    padding-bottom: calc(var(--product-height)/var(--product-width) * 100%);
    grid-column: span 2;
}
.pb-pattern.title .pb-block-1,
.pb-pattern.title .pb-block-3 {
    height: 100%;
    padding-bottom: calc(var(--product-height)/var(--product-width) * 100%);
}
.pb-pattern.relevo .pb-block-2, 
.pb-pattern.relevo .pb-block-4, 
.pb-pattern.relevo .pb-block-5
{
    grid-column: initial;
}

.pb-pattern .pb-block img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: top left;  
}
.pb-pattern.title .pb-block-1 img,
.pb-pattern.relevo .pb-block-1 img,
.pb-pattern.wood .pb-block-1 img {
    object-position: top right;
}
.pb-pattern.title .pb-block-3 img {
    object-position: top left;
}

.pb-pattern--container[data-code="201699E"] .pb-pattern.relevo,
.pb-pattern--container[data-code="201700E"] .pb-pattern.relevo,
.pb-pattern--container[data-code="201696E"] .pb-pattern.relevo,
.pb-pattern--container[data-code="201465E"] .pb-pattern.relevo,
.pb-pattern--container[data-code="201466E"] .pb-pattern.relevo,
.pb-pattern--container[data-code="201467E"] .pb-pattern.relevo
{
    --gap-spacer: 0px !important;   
}
#page-engineers,
#page-engineers * {
    box-sizing: border-box;
}
#page-engineers .pb-content--concept p {
    width: 100%;
    max-width: 100%;
    font-size: 1.72rem;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 2.5rem;
}
#page-engineers .pb-content--concept p.small {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-dark-alt);
}
#page-engineers .pb-content--concept p.small b {
    font-weight: 700;
}
#page-engineers .pb-content--concept img {
    width: 100%;
}
#page-international,
#page-international * {
    box-sizing: border-box;
}
#page-international .pb-content--concept p {
    width: 100%;
    max-width: 100%;
    font-size: 1.72rem;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 2.5rem;
    text-align: center;
}
#page-international .pb-content--concept p.small {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-dark-alt);
}
#page-international .pb-content--concept p.small b {
    font-weight: 700;
}
#page-international .pb-content--concept img {
    width: 100%;
}
#page-sympathetic,
#page-sympathetic * {
    --banner-height: 392px;
    --banner-spacer: 97px;
    --article-spacer: 80px;
}
#page-sympathetic.list,
#page-sympathetic.list *  {
    --banner-height: 392px;
    --banner-spacer: 30px;
    --article-spacer: 60px;
}
.sympathetic-modal .tag {
    width: auto;
    display: inline-block;
    margin: 20px 20px 0 0 ;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: .5625rem;
    color: var(--color-main);
    text-transform: uppercase;
    background: var(--color-lightest);
}
.sympathetic-modal .location {
    width: auto;
    display: block;
    margin: 0 0 12px;    
    font-size: .75rem;
    color: var(--color-main);
    font-weight: 300;
}
.sympathetic-modal .title {
    display: block;
    margin: 0 0 20px;
}
.sympathetic-modal .subtitle {
    display: block;
    margin: 0 0 24px;
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color-darkest);
    line-height: 1.2;;
}
.sympathetic-modal .content {
    display: block;
    margin: 0 0 40px;
    color: var(--color-darker);
}
.sympathetic-modal .content * {
    color: var(--color-darker);
}
.sympathetic-modal .content dl {
    width: auto;
    display: grid;
    grid-template-columns: auto auto;
}
.sympathetic-modal,
.sympathetic-modal *  {
    --top-spacer: 70px;
    --banner-spacer: 26px;
    --close-top: 25px;
    --close-right: 25px;
}
.sympathetic-modal  .pb-content--highlight {
    padding-top: var(--top-spacer);
}
.sympathetic-modal .btn-close {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: var(--close-top);
    right: var(--close-right);
    z-index: 5;
}
#page-sympathetic .pb-content--highlight .content-container  .image {
    /*width: 64vw;*/
    height: var(--banner-height);
    position: relative;
    top: auto;
    margin-bottom: var(--banner-spacer);
}
#page-sympathetic .pb-content--highlight .content-container .image img {
    object-position: center;
    height:auto;
    width:auto;
}
.sympathetic-modal .pb-content--highlight .image {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
}
.sympathetic-modal .pb-content--highlight .image img {
    height: auto;
    object-position: center;
    object-fit: contain;
    max-height: 603px;
}
#page-sympathetic .pb-content--highlight .pb-item .image {
    width: 100%;
    height: 0px;
}
#page-sympathetic .content-container {
    /*padding-top: calc(var(--banner-height) + var(--banner-spacer));*/
    position: relative;
}
#page-sympathetic.list .content-container {
 /*   padding-bottom: var(--banner-spacer);*/
}
#page-sympathetic .content-container:before {
    width: 185px;
    height: 200px;
    content: "";
    display: block;
    position: absolute;
    top: calc(var(--banner-height) + var(--banner-spacer));
    left: -200px;
    background: url("/data/sympathetic/cover_graph.svg") top center no-repeat;
    background-size: contain;
}
#page-sympathetic.list .content-container:before {
    width: 186px;
    height: 275px;
    content: "";
    display: block;
    position: absolute;
    top: auto;
    left: -200px;
    bottom: -120px;
    background: url("/data/sympathetic/bello_graph.svg") top center no-repeat;
    background-size: contain;
}
#page-sympathetic .content-container h2 {
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: none;
}
#page-sympathetic .content-container h2 b {
    font-weight: 700;
}
#page-sympathetic .content-container article {
    margin-top: var(--article-spacer);
}
#page-sympathetic .content-container article h3 {
    margin-bottom: 1.75rem;
    font-size: 0.875rem;
    font-weight: 700;
}
#page-sympathetic .content-container article p,
#page-sympathetic .content-container p {
    font-size: 0.875rem;
    color: var(--color-dark-alt)
}
#page-sympathetic .content-container article ul {
    padding: 0;
    list-style: none;
}
#page-sympathetic .content-container article li {
    font-size: 0.875rem;
    color: var(--color-dark-alt)
}
@media (max-width: 992px){
    #page-sympathetic,
    #page-sympathetic *,
    #page-sympathetic.list,
    #page-sympathetic.list * {
        --banner-height: 0px;
        --banner-spacer: 0px;
        --article-spacer: 80px;
    }
    .pb-content--highlight .image{
        display: block;
    }
}

#page-sympathetic .filters {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto auto;
    margin-bottom: var(--container-grid-spacer);
}
#page-sympathetic .filters .predefined > span 
{
    padding-left: 60px;
    font-size: 0.90rem;
    color: var(--color-light);
    font-weight: 600;
}
#page-sympathetic .filters .predefined > ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 40px;
}
#page-sympathetic .filters .predefined > ul > li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0 20px;
    padding: 0;
    position: relative;
}
#page-sympathetic .filters .predefined > ul > li > a {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.90rem;
    color: var(--color-light);
    text-decoration: none;
    padding: 0 0 0 0;
}
#page-sympathetic .filters .predefined > ul > li > a:after {
    width: 8px;
    height: 8px;
    display: block;
    content: "";
    margin: -4px 0 0 10px;
    transform: rotate(45deg);
    border-right: 2px solid var(--color-light);
    border-bottom: 2px solid var(--color-light);
}
#page-sympathetic .filters .predefined > ul .dropdown {
    width: auto;
    display: none;
    margin: 0;
    padding: 20px 20px 12px;
    position: absolute;
    right: -4px;
    top: 16px;
    list-style: none;
    background: var(--color-white);
    border: 1px solid var(--color-lightest);
    z-index: 5;
}
#page-sympathetic .filters .predefined > ul .dropdown[data-type="loja"] {
    min-width: 230px;
}
#page-sympathetic .filters .predefined > ul .dropdown[data-type="sort"] {
    min-width: 130px;
}
#page-sympathetic .filters .predefined > ul > li:hover .dropdown {
    display: block;
}
#page-sympathetic .filters .predefined > ul .dropdown li {
    padding: 0px;
    margin: 0 0 8px;
}
#page-sympathetic .filters .predefined > ul .dropdown li a {
    display: block;
    font-size: 0.75rem;
    color: var(--color-light);
    text-decoration: none;
}
@media (max-width: 440px)
{
    #page-sympathetic .filters
    {   
        display: block !important;
    }
    .pb-list--projects header
    {
        width: 100%;
        margin-bottom: 30px !important;
    }
    #page-sympathetic .filters .predefined {
        display: inline-block !important;
        width: 49% !important;
        margin-bottom: 20px !important;
    }    
    #page-sympathetic .filters .predefined>span,
    #page-sympathetic .filters .predefined>ul
    {
        padding-left: 0px !important;
    }
    #page-sympathetic .filters .predefined > ul .dropdown
    {
        left: 0px;
    }
    #page-sympathetic .pb-content--highlight .content-container .image 
    {
        display: block;
        width: 85vw;
        height: auto !important;
        margin-bottom: 20px;
    }
    #page-sympathetic .pb-content--highlight .content-container .image img {
        width: 100% !important;
        height: auto;
        margin-bottom: 20px;
    }
    .pb-list--projects .list-container .pb-item .name
    {
        height:auto !important;
    }
}
#page-porcelanateria,
#page-porcelanateria * {
    box-sizing: border-box;
    --titleblock-width: 332px;
    --titleblock-height: 360px;
    
}
#page-porcelanateria
{
    margin-bottom: 60px;
}
#page-porcelanateria h2 {
    display: block;
    margin: 0 0 48px;
    font-size: 1.72rem;
    font-weight: 300;
    line-height: 1em;
    text-transform: uppercase;
    color: var(--color-darker);
}
#page-porcelanateria h2.centered {
    text-align: center;
}
#page-porcelanateria h3 {
    margin: 50px 0 10px;
}
/* Cabeçalho */
#page-porcelanateria header {
    width: 100%;
    height: calc(100vh - var(--mainmenu-height));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    background: url("https://imagens.portobello.com.br/unsafe/0x0/https://www.portobello.com.br/data/lp-2021-porcelanateria/porcelanateria_banner.jpg") center center no-repeat;
    background-size: cover;
}
#page-porcelanateria header > div {
    width: var(--titleblock-width);
    height: var(--titleblock-height);
    padding: 0 64px 56px;
    background: var(--color-white);
}
#page-porcelanateria header > div h1 {
    display: block;
    margin: -42px 0 52px;
    /*opacity: 0;*/
    opacity: 1;
}
#page-porcelanateria header > div p {
    display: block;
    margin: 0;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.71rem;
}
#page-porcelanateria header a {
    width: 86px;
    display: inline-block;
    position: absolute;
    left: calc(50% - 43px);
    bottom: 66px;
    text-align: center;
}
#page-porcelanateria header a span.label {
    display: block;
    font-size: 1rem;
    text-align: center;
    font-weight: 300;
    color: var(--color-white);
    text-transform: uppercase;
}
#page-porcelanateria header a img {
    display: block;
    margin: 0 auto -40px;
    text-align: center;
}
#page-porcelanateria header a span.block {
    width: 65px;
    height: 42px;
    margin: 20px auto 0;
    display: block;
    background: var(--color-white);
}
@media (max-width: 992px) {
    #page-porcelanateria header {
        height: auto;
        display: block;
        padding: 40px 28px 0;
        background: none;
    }
    #page-porcelanateria header > div {
        width: 100%;
        height: auto;
        padding: 0;
        background: var(--color-white);
    }
    #page-porcelanateria header > div h1 {
        margin: 0px 0 30px;
        opacity: 1;
    }
    #page-porcelanateria header > div .subtitle {
        opacity: 1;
    }
    #page-porcelanateria header a {
        display: none;
    }
}
/* Menu Fixo */
#page-porcelanateria .navaux {
    /* This is needed as fix for minification when using division inside calc  */
    --division-value: calc(var(--titleblock-height) / 2); 
    display: block;
    position: fixed;
    top: calc(
            ((100vh - var(--mainmenu-height)) / 2) - var(--division-value)
        );
    left: 70px;
    /*z-index: 1000;*/
    z-index: 0;
}
#page-porcelanateria .navaux .pretitle {
    margin: 0 0 36px;
}
#page-porcelanateria .navaux .pretitle span {
    display: block;
    font-size: 0.75rem;
    font-weight: 300;
    color: var(--color-darker-alt);
}
#page-porcelanateria .navaux .link {
    margin: 36px 0 0;
    display: block;
}
#page-porcelanateria--products .btn-light,
#page-porcelanateria .navaux .link .btn-light {
    padding: 0.375rem 2rem;
    border: none;
    background: var(--color-lightest);
    text-transform: uppercase;
}
#page-porcelanateria--products .btn-light
{
    padding: 0.375rem 7rem;
}
#page-porcelanateria .navaux.scrolled .pretitle {
    opacity: 1;
}
#page-porcelanateria .navaux.scrolled ul {
    display: grid;
}
@media (max-width: 992px) {
    #page-porcelanateria .navaux {
        display: none;
    }
}

/* Conceito */
#page-porcelanateria--concept {
    padding-top: 96px;
}
#page-porcelanateria--concept .subtitle {
    display: block;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
}
#page-porcelanateria--concept .subtitle-202106 {
    display: block;
    margin: 0 0 48px;
    font-size: 1.72rem;
    font-weight: 300;
    line-height: 1em;
    text-transform: uppercase;
}
#page-porcelanateria--concept .image-full {
    max-width: 100%;
}
#page-porcelanateria--concept .slogan {
    margin: 0 0 66px;
    font-size: 1.75rem;
}
#page-porcelanateria--concept .content p {
    margin: 0 0 1.125rem;
    font-size: 1.125rem;
    font-weight: 300;
    color: var(--color-darker-alt);
    line-height: 1.5em;
}
#page-porcelanateria--concept .content b {
    font-weight: 700;
}

/* Escala */
#page-porcelanateria--scale {
    padding-top: 148px;
}
#page-porcelanateria--scale h2 {
    display: block;
    margin: 0 0 30px;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1em;
    text-transform: uppercase;
}
#page-porcelanateria--scale .content {
    max-width: 525px;
    margin: 0 0 134px;
}
#page-porcelanateria--scale .content p {
    margin: 0 0 1rem;
    font-size: 0.875rem;
    color: var(--color-darker-alt);
    line-height: 1.5em;
}
#page-porcelanateria--scale .content b {
    font-weight: 700;
}
#page-porcelanateria--scale .scale-container {
    width: 100%;
    margin-right: -60px;
    padding-bottom: 50px;
    position: relative;
    overflow-x: auto;
}
#page-porcelanateria--scale .scale > img {
  opacity: 0.8;
}
#page-porcelanateria--scale .scale {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    position: absolute;
    bottom: 0px;
    left: -50px;
}
#page-porcelanateria--scale .scale span {
    display: block;
    max-width: 160px;
    margin: 0 20px 60px 0; 
    font-size: 1.25rem;
    text-align: right;

}
#page-porcelanateria--scale .scale-holder {
    position: relative;
}
#page-porcelanateria--scale .scale-container .scale-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 20px;
}
#page-porcelanateria--scale .scale-container .scale-wrapper .scale-item span {
    display: block;
    font-size: 0.875rem;
    margin: 0 0 24px;
}
#page-porcelanateria--scale .scale-container .scale-wrapper .scale-item img {
    display: block;
}
#page-porcelanateria--scale .more {
    text-align: right;
}
#page-porcelanateria--scale .more img {
    margin: 0 20px 0 0;
}
#page-porcelanateria--scale .more  span {
    font-size: 1rem;
    color: var(--color-light);
    text-decoration: none;
    text-transform: uppercase;
}
#page-porcelanateria--scale .specs .header {
    margin: 70px 0 0;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "image content";
    column-gap: 20px;
}
#page-porcelanateria--scale .specs .header .specs-title {
    grid-area: content;
    align-self: center;
}
#page-porcelanateria--scale .specs .header .content {
    grid-area: content;
    align-self: start;
}
#page-porcelanateria--scale .specs .specs-title {
    font-size: 1.71rem;
    text-transform: uppercase;
    font-weight: 300;
}
#page-porcelanateria--scale .specs .specs-subtitle {
    displaY: block;
    margin: 48px 0 20px;
    font-size: 1.43rem;
    text-transform: uppercase;
    font-weight: 300;
}
#page-porcelanateria--scale .specs p {
    font-size: 1rem;
    line-height: 1.71rem;
    font-weight: 300;
}
#page-porcelanateria--scale .specs .content .specs-title {
    display: block;
    margin: 0 0 20px;
}
#page-porcelanateria--scale .specs.espessura .content .specs-title {
    margin: 16px 0 20px;
}
@media (min-width:1600px) {
    #page-porcelanateria--scale {
        /*background: url("/data/lastras/lastras-bg-01.png") calc(100vw - 258px - 76px - (100vw - var(--max-container))/2) 180px no-repeat;*/
    }
}
@media (max-width:992px) {
    #page-porcelanateria--scale {
        background: none;
    }
    #page-porcelanateria--scale .scale-container {
        width: calc(100% + 28px);
        margin-right: -28px;
    }
    #page-porcelanateria--scale .content {
        max-width: 525px;
        margin: 0 0 28px;
    }
    #page-porcelanateria--scale .scale {
        bottom: 20px;
        right: -20px;
        left: auto;
    }
    #page-porcelanateria--scale .more {
        display: none;
    }
}
/* VIDEO */
#page-porcelanateria--video {
    padding-top: 200px;
}
#page-porcelanateria--video .video {
    width: 100%;
    margin: 20px 0 0;
    height: 0;
    padding: 0 0 56.25%;
    position: relative;
}
#page-porcelanateria--video .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* AMBIENT TAGS */
#page-porcelanateria--tags {
    margin: 200px 0 0;
}
#page-porcelanateria--tags h2 {
    margin: 0 0 60px;
}
/* DESIGN */
#page-porcelanateria--design {
    margin: 200px 0;
}
#page-porcelanateria--design .pieces {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "title1 title2" "image1 image2";
    column-gap: 20px;
    row-gap: 10px;;
}
#page-porcelanateria--design .pieces img {
    width: 100%;
}
#page-porcelanateria--design .pieces span {
    font-size: 0.857rem;
    font-weight: 300;
}
#page-porcelanateria--design .pieces img:nth-of-type(1) {
    grid-area: image1;
}
#page-porcelanateria--design .pieces img:nth-of-type(2) {
    grid-area: image2;
}
#page-porcelanateria--design .pieces span:nth-of-type(1) {
    grid-area: title1;
}
#page-porcelanateria--design .pieces span:nth-of-type(2) {
    grid-area: title2;
}
#page-porcelanateria--design .content {
    margin: 0 0 40px;
}
/* LINHAS */
#page-porcelanateria--lines {
    padding: 60px 0 200px;
}
.pb-list--collections .list #veios.line .image img {
    object-fit: contain;
    object-position: top center;
}
@media (max-width: 440px)
{
    #page-porcelanateria--design {
        margin: 60px 0;
    }
    #page-porcelanateria--products .btn-light {
        padding: 0.375rem 2rem;
    }
}

#help-pdv-header {
    width: 100vw;
    height: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top:0px;
    border-bottom: 1px solid #e6eaf2;
    background: #fff;
    z-index: 5000;
}
.pb-pageheader {
    margin-bottom: 50px;
}
#page-helpfaq
{
    margin-bottom: 80px;
}

#page-helpfaq .faq {
    min-height: 60px;
    margin: 30px 0;
}
#page-helpfaq .faq-search{
    border: 1px solid #849DB0;
    display: flex;
    justify-content: space-between; 
    align-items: center;
    padding: 20px 40px;
}
#page-helpfaq .search{
    width: 95%;
}
#page-helpfaq .faq-search input{
   width: 100%;
   border: none;
   color: #000;
   height: auto;
   font-size: 18px;
}
#page-helpfaq .faq-search input:focus{
    color: #000;
    font-weight: 500;
}
#page-helpfaq .faq-search input::-webkit-input-placeholder {
    font-size: 15px;
    color: var(--color-light);
}
#page-helpfaq .faq-group question {
    color: var(--color-light);
    line-height: 1.5rem;
}
#page-helpfaq .faq-question {
    box-shadow: #e1e5ed 0px 2px 8px 0px;
    padding-bottom: 10px;
}
#page-helpfaq .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}
#page-helpfaq .collapsible {
    background: #fff;
    color: var(--color-light);
    cursor: pointer;        
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    border: none;
    outline: none;
    height: auto;
    padding: 20px 40px;
    font-size: 18px;
}
#page-helpfaq .active {
    color: black;
    font-weight: 400;
}
#page-helpfaq .collapsible:after {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--color-light);
    border-bottom: 2px solid var(--color-light);
    transform: rotate(45deg);
    margin-top: -2px 20px 0;
}
#page-helpfaq .collapsible.active:after {
    transform: rotate(-135deg);
}

#page-helpfaq .content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    font-size: 14px;
    padding: 0 40px;
}
#page-helpfaq .content p {
    margin: 0 0 20px;
}
#page-helpfaq .loadMore {
    padding: 16px;
    line-height: 1.2em;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}
#page-helpfaq .result-info, 
#page-helpfaq .noResult,
#page-helpfaq .hasdoubt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#page-helpfaq .hasdoubt {
    font-size: 0.8rem;
    color: var(--color-light);
    line-height: 1.5rem;
    margin-top: 60px;        
}
#page-helpfaq .hasdoubt a {
    color: var(--color-light);
}
#page-helpfaq .animation {
    display: flex; 
    justify-content: center;
}
.pb-pageheader .header h1:after
{
    display: none !important;
}
@media (max-width: 992px) {        
    .pb-pageheader
    {
        margin-top: 80px;
        margin-bottom: 0px;
    }
    .pb-pageheader .header h1
    {
        font-size: 2rem !important;
    }
    #page-helpfaq .hasdoubt {
        margin-top: 20px;
    }
    #page-helpfaq .faq-search{
        border: 1px solid var(--color-darkest);
    }
    #page-helpfaq .collapsible {
        padding: 30px 20px;
        font-size: 1rem;
        font-weight: 700;
        color: #000;
    }
    #page-helpfaq .content {
        padding: 0px 20px 0px
    }
    #page-helpfaq .content p {
        font-size: 1rem;
    }
}
.pb-tracking-link {
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-light);
  border-bottom: 1px;
  text-decoration: underline 2px var(--color-lightest);
}
.hasHelpLink {
  position: relative;
}
.hasHelpLink .pb-help--link {
  position: absolute;
  right: 0px;
  top: 25px;
  z-index: 5;
}
.hasHelpLink {
  position: relative;
}
.hasHelpLink .pb-help--link {
  position: absolute;
  right: 0px;
  top: 24.5px;
  z-index: 5;
}
.hasHelpLink .form-control.is-invalid ~ .pb-help--link, .was-validated .hasHelpLink .form-control:invalid ~ .pb-help--link {
  right: 28px;
}
#pb-tracking--access {
    margin-top: 200px;
    margin-bottom: 300px;
}
#pb-tracking--access .image {
    width: 100%;
    max-width: 680px;
}
#pb-tracking--access .image img {
    width: 100%;
}
#pb-tracking--access header {
  padding-bottom: 52px;
}
#pb-tracking--access header:after {
    width: 25px;
    height: 4px;
    content: "";
    display: block;
    position: relative;
    background: var(--color-main);
}
#pb-tracking--access header h1 {
  margin: 0 0 36px;  
}
#pb-tracking--access p {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 300;
  margin-bottom: 46px;
}
#pb-tracking--access .form-submit {
  padding-top: 50px;
}
#pb-tracking--access .form-submit > button {
  max-width: 300px;
  border: 0;
}
#pb-tracking--access .form-submit > .pb-tracking-link {
  margin-left: 30px;
}
#pb-tracking--access .info {
  margin-top: 20px;
  font-size: 1rem;
  font-weight: 300;
  color: var(--color-darkest);
  line-height: 1.375;
}
#pb-tracking--access .info a {
  color: inherit;
  text-decoration: underline;
}
#pb-tracking--access div.error
{
  padding: 10px;
  width: 100%;
  background-color: red;
  color: white;
  text-align:center;
  margin-bottom: 20px;
}
@media(max-width: 992px) {
    #pb-tracking--access {
        margin-top: 100px;
        margin-bottom: 100px;
    }
    #pb-tracking--access header {
      padding-top: 30px;
      padding-bottom: 25px;
    }
    #pb-tracking--access header h1 {
      margin: 0 0 24px;  
    }
    #pb-tracking--access .form-submit > button {
      max-width: 100%;
    }
    
}

/* DETALHES DO PEDIDO */
#pb-tracking--order header {
    padding-top: 80px;
    margin-bottom: 40px;
}
#pb-tracking--access .info {
  margin-top: 20px;
  font-size: 1rem;
  font-weight: 300;
  color: var(--color-darkest);
  line-height: 1.375;
}
@media(max-width: 440px) {
  #pb-tracking--order header {
    padding-top: 20px;
  }
  #pb-tracking--access .form-submit {
    text-align: center;
  }
  #pb-tracking--access .form-submit > .pb-tracking-link {
    margin: auto;
    padding: 20px;
    display: block;
  }
}
#pb-tracking--order .resumo {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#pb-tracking--order .resumo ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
}
#pb-tracking--order .resumo ul li {
  margin: 0 80px 0 0;
}
#pb-tracking--order .resumo ul li img {
  width: 52px;
  height: 52px;
  display: inline-block;
  object-fit: contain;
  object-position: center;
  margin: 0 0 8px;
}
#pb-tracking--order .resumo ul li span,
#pb-tracking--order .resumo ul li div,
#pb-tracking--order .resumo ul li a,
#pb-tracking--order .resumo ul li a span {
  position: relative;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
  color: var(--color-darker-alt);
  text-decoration: none;
}
#pb-tracking--order .resumo ul li span,
#pb-tracking--order .resumo ul li a {
  display: block;
}
#pb-tracking--order .resumo ul li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
#pb-tracking--order .resumo ul li a:after {
  width: 7px;
  height: 7px;
  display: block;
  content: "";
  border-right: 2px solid var(--color-light);
  border-bottom: 2px solid var(--color-light);
  position: relative;
  top: 0px;
  right: 0px;
  margin-left: 10px;
  transform: rotate(45deg);
}
#pb-tracking--order .resumo ul li span.title {
  font-weight: 700;
  font-size: 1rem;
}
#pb-tracking--order .resumo .options {
  align-self: end;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}
#pb-tracking--order .resumo .options .btn {
  width: 300px;
  border: 0;
  padding-top: 8px;
}
#pb-tracking--order .resumo.subheader ul li.tracking-pedido,
#pb-tracking--order .resumo.mainorder ul li.tracking-nfe,
#pb-tracking--order .resumo.subheader .options {
  display: none;
}
#pb-tracking--order .options--mobile-only {
  display: none;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  margin-bottom: 100px;
  gap: 8px;
}
#pb-tracking--order .options--mobile-only .btn {
  width: 100%;
  border: 0;
  padding-top: 8px;
}
@media (max-width: 992px) { 
    #pb-tracking--order header {
      padding-top: 30px;
    }
    #pb-tracking--order .resumo ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
    #pb-tracking--order .resumo ul li {
        margin: 0;
    }
    #pb-tracking--order .resumo ul li:last-of-type {
        grid-column: span 2;
    }
    #pb-tracking--order .resumo > .btn {
        display: none;
    }
    #pb-tracking--order .options--mobile-only {
      display: flex;
    }
}
#pb-tracking--order .timeline {
    margin-top: 60px;
    margin-bottom: 60px;
}
#pb-tracking--order .timeline ul {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 0px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#pb-tracking--order .timeline ul li {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    position: relative;
}
#pb-tracking--order .timeline ul li > .bullet {
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 50%;
  background: var(--color-main);
  position: absolute;
  top: 36px;
  z-index: 3;
  left: 0px;
}
#pb-tracking--order .timeline ul li:before {
    width: 50%;
    height: 3px;
    display: block;
    content: "";
    background: #f1f1f1;
    position: absolute;
    left: 0px;
    top: 45px;
    z-index: 1;
}
#pb-tracking--order .timeline ul li.active:before {
    height: 5px;
    background: var(--color-main);
    top: 44px;
}
#pb-tracking--order .timeline ul li:nth-of-type(1):before {
    height: 5px;
    background: var(--color-main);
    top: 44px;
    left: 10px;
}
#pb-tracking--order .timeline ul li:after {
    width: 50%;
    height: 3px;
    display: block;
    content: "";
    background: #f1f1f1;
    position: absolute;
    right: 0px;
    top: 45px;
    z-index: 1;
}
#pb-tracking--order .timeline ul li.done:after {
    height: 5px;
    background: var(--color-main);
    top: 44px;
}
#pb-tracking--order .timeline ul li:last-of-type:after {
    display: none;
}
#pb-tracking--order .timeline ul li .image {
    width: 93px;
    height: 93px;
    position: relative;
    z-index: 2;
}
#pb-tracking--order .timeline ul li .image img.icon {
    filter: grayscale(100%);
}
#pb-tracking--order .timeline ul li.active .image img.icon {
    filter: none;
}
#pb-tracking--order .timeline ul li .image img.checked {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}
#pb-tracking--order .timeline ul li.active .image img.checked {
    display: block;
}
#pb-tracking--order .timeline ul li:nth-of-type(1) .image img.icon {
    filter: none;
}
#pb-tracking--order .timeline ul li:nth-of-type(1) .image img.checked {
    display: block;
}
#pb-tracking--order .timeline ul li .title {
    display: block;
    margin: 6px 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-main);
}
#pb-tracking--order .timeline ul li .info {
    width: 80%;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
#pb-tracking--order .timeline ul li .info.not {
    display: flex;
}
#pb-tracking--order .timeline ul li.active .info.not {
    display: none;
}
#pb-tracking--order .timeline ul li:nth-of-type(1) .info {
    display: flex;
}
#pb-tracking--order .timeline ul li.active .info.ok {
    display: flex;
}
#pb-tracking--order .timeline ul li .info span {
    font-size: 1rem;
    font-weight: 300;
    text-align: center;
    line-height: 1.4;
}
#pb-tracking--order .timeline ul li .info span + span {
    margin: 0 0 0 4px;
}
#pb-tracking--order .timeline ul li .info span.data {
      font-weight: 700;
      color: var(--color-main);
}
#pb-tracking--order .timeline ul li .info a.pb-tracking-link {
      display: block;
      margin: 4px 0 0;
}
@media (max-width: 992px) {
    #pb-tracking--order .timeline ul {
        grid-template-columns: 100%;
        gap: 30px;
    }
    #pb-tracking--order .timeline ul li .bullet,
    #pb-tracking--order .timeline ul li:before,
    #pb-tracking--order .timeline ul li:after {
        display: none !important;
    }

}
#pb-tracking--order .details {
    margin-bottom: 100px;
}
#pb-tracking--order .card .details {
    margin-bottom: 0px;
}
#pb-tracking--order .details .header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 40px;
}
#pb-tracking--order .details .header h2 {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--color-darkest);
    text-transform: uppercase;
}
#pb-tracking--order .details .header span {
    margin: 0 0 0 8px;
    font-size: 1.75rem;
    font-weight: 300;
    color: var(--color-darkest);
    text-transform: uppercase;
}
#pb-tracking--order .details .table table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
  }
  #pb-tracking--order .details .table table th {
    padding: 12px 18px;
    border: none;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-darkest);
  }
  #pb-tracking--order .details .table table td {
    background: var(--color-lightest);
    padding: 12px 18px;
    border: none;
    font-size: 1rem;
    font-weight: 300;
    color: var(--color-dark-alt);
  }
  #pb-tracking--order .details .table table tr:nth-of-type(even) td {
    background: var(--color-white);
  }
  #pb-tracking--order .details .table table td > * {
    color: var(--color-dark-alt);
  }
  #pb-tracking--order .details .table table tr td .title {
    display: none;
  }
  #pb-tracking--order .details .table table tr td .value {
    font-size: 1rem;
    font-weight: 300;
  }
  #pb-tracking--order .details .table table tr td:nth-of-type(1) {
    width: 68px;
    font-weight: 700;
    text-align: center;
  }
  #pb-tracking--order .details .table table tr td:nth-of-type(2) {
    width: 150px;
    font-weight: 700;
    text-align: left;
  }
  #pb-tracking--order .details .table table tr td:nth-of-type(2) .value {
    font-weight: 700;
  }
  #pb-tracking--order .details .table table tr td .unit {
    font-weight: 300;
    margin: 0 0 0 4px;
  }
  #pb-tracking--order .orders--list {
    margin-top: 40px;
  }
/*  #pb-tracking--order .orders--list.first {
    margin-top: 60px;
  }
*/  
  #pb-tracking--order .orders--list .orders--item {
    margin: 0 0 30px;
  }
  #pb-tracking--order .orders--list .orders--item > a {
    width: 100%;
    display: block;
    color: var(--color-darkest);
    position: relative;
    padding: 20px 60px 20px 40px;
    font-weight: 300;
    background: #f1f1f1;
    text-decoration: none;
  }
  #pb-tracking--order .orders--list .orders--item > a b {
    font-weight: 700;
  }
  #pb-tracking--order .orders--list .orders--item > a b:after {
    display: inline;
    content: "-";
    margin: 0 4px;
  }
  #pb-tracking--order .orders--list .orders--item > a:after {
    width: 8px;
    height: 8px;
    display: block;
    content: "";
    border-bottom: 2px solid #8390A5;
    border-right: 2px solid #8390A5;
    position: absolute;
    top: calc(50% - 6px);
    right: 40px;
    transform: rotate(45deg);
  }
  #pb-tracking--order .orders--list .orders--item > a[aria-expanded="true"]:after {
    transform:rotate(-135deg);
    top: calc(50% - 3px);
  }
  #pb-tracking--order .orders--list .orders--item .card.card-body {
    padding: 30px 0px 16px;
    border: none;
  }

  @media (max-width: 992px) {
    #pb-tracking--order .details .header {
        margin: 0 0 15px;
    }
    #pb-tracking--order .details .table table {
      border-spacing: 0;
    }
    #pb-tracking--order .details .table table thead {
      display: none;
    }
    #pb-tracking--order .details .table table tr {
      display: grid;
      grid-template-columns: 1fr auto;
      grid-template-areas: "number number" "product quantity";
      margin-bottom: 15px;
    }
    #pb-tracking--order .details .table table tr td .title {
      display: block;
      font-weight: 400;
    }
    #pb-tracking--order .details .table table tr td:nth-of-type(1) {
      grid-area: number;
      width: 100%;
      display: block;
      padding: 18px 0 0 14px;
      font-size: 25px;
      font-weight: 700;
      text-align: left;
      color: var(--color-light);
    }
    #pb-tracking--order .details .table table tr td:nth-of-type(2) {
      grid-area: quantity;
      width: 100%;
      display: block;
      padding: 10px 10px 0 0;
      font-weight: 700;
      text-align: left;
    }
    #pb-tracking--order .details .table table tr td:nth-of-type(2) .value {
      font-size: 1.115rem;
      font-weight: 700;
    }
    #pb-tracking--order .details .table table tr td:nth-of-type(2) .unit {
      font-size: 1.115rem;
    }
    #pb-tracking--order .details .table table tr td:nth-of-type(3) {
      grid-area: product;
      width: 100%;
      display: block;
      padding: 10px 10px 14px 14px;
      font-weight: 700;
      text-align: left;
    }
    #pb-tracking--order .details .table table tr td:nth-of-type(3) .value {
      display: block;
      margin-top: 2px;
      font-size: 1.115rem;
      font-weight: 300;
      color: var(--color-darker-alt);
    }
    #pb-tracking--order .orders--list .orders--item > a {
      padding: 15px 30px 15px 15px;
    }
    #pb-tracking--order .orders--list .orders--item > a:after {
      right: 15px;
    }
    #pb-tracking--order .orders--list .orders--item > a > * {
      display: block;
    } 
    #pb-tracking--order .orders--list .orders--item > a b:after {
      display: none;
    }
    #pb-tracking--order .resumo.mainorder ul li img {
      display: none !important;
    }
    #pb-tracking--order .resumo.mainorder .options {
      display: none;
    }
    #pb-tracking--order .resumo.mainorder .tracking-pedido .data {
      display: block;
      font-size: 1rem;
      margin: 10px 0 0;
    }
    #pb-tracking--order .orders--list {
      margin-top: 30px;
    }
  }

  /* MODAL LIST */
  #modal-tracking-places .modal-dialog .modal-body {
    padding: 36px 52px 28px;
  }
  #modal-tracking-places .modal-dialog .modal--header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  #modal-tracking-places .modal-dialog .modal--header .title {
    max-width: 360px;
    margin: 0 0 4px;
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
  }
  #modal-tracking-places .modal-dialog .modal--header a.close {
    padding-right: 30px;
    position: relative;
  }
  #modal-tracking-places .modal-dialog .modal--header a.close:after {
    width: 24px;
    height: 1px;
    display: block;
    content: "";
    position: absolute;
    right: 0px;
    top: 12px;
    background: var(--color-dark);
    transform: rotate(45deg);
  }
  #modal-tracking-places .modal-dialog .modal--header a.close:before {
    width: 24px;
    height: 1px;
    display: block;
    content: "";
    position: absolute;
    right: 0px;
    top: 12px;
    background: var(--color-dark);
    transform: rotate(-45deg);
  }
  #modal-tracking-places .modal-dialog .modal--header a.close > span {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }
  #modal-tracking-places .modal-dialog p {
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
  }
  #modal-tracking-places .modal-dialog .modal-table--container table {
    width: 100%;
  }
  #modal-tracking-places .modal-dialog .modal-table--container table tr {
    background: var(--color-white);
  }
  #modal-tracking-places .modal-dialog .modal-table--container table tr:nth-of-type(odd) {
    background: var(--color-lightest);
  }
  #modal-tracking-places .modal-dialog .modal-table--container table tr td {
    width: 50%;
    padding: 14px 25px;
    font-weight: 700;
    color: var(--color-dark-alt);
  }
  #modal-tracking-places .modal-dialog .modal-table--container table tr td:nth-of-type(2) {
    font-weight: 300;
  }
  #modal-tracking-places .modal-dialog .modal-table--container .modal-table--header table tr {
    background: var(--color-white);
  }
  #modal-tracking-places .modal-dialog .modal-table--container .modal-table--header table tr td {
    color: var(--color-darkest);
    font-weight: 700;
  }
  #modal-tracking-places .modal-dialog .modal-table--container .modal-table--body {
    max-height: 370px;
    overflow: auto;
  }
  #modal-tracking-places .modal-dialog .modal--addons {
    padding: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #modal-tracking-places .modal-dialog .modal--addons .btn.close {  
      width: 100%;
      max-width: 302px;
      height: 40px;
      font-size: 0.875rem;
      color: var(--color-main) !important;
      font-weight: 700;
      border: none;
      background: var(--color-lightest);
      opacity: 1;
  }
  @media(max-width: 992px) {
    #modal-tracking-places {
      width: 100%;
      height: calc(100% - var(--mainmenu-height) + 1px);
      top: calc(var(--mainmenu-height) - 1px);
    }
    #modal-tracking-places + .modal-backdrop {
      display: none;
    }
    #modal-tracking-places .modal-dialog {
      width: 100vw;
      max-width: 100vw;
      height: auto;
      max-height: auto;
      margin: 0px;
    }
    #modal-tracking-places .modal-dialog .modal-content {
      width: 100%;
      max-width: 100%;
      height: 100%;
      max-height: 100%;
    }
    #modal-tracking-places .modal-dialog .modal-table--container .modal-table--body {
      max-height: none;
    }
  }
  /* MODAL ORDER DETAILS*/
  .modal-tracking-order .modal-dialog .modal-body {
    padding: 36px 52px 28px;
  }
  .modal-tracking-order .modal-dialog .modal--header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .modal-tracking-order .modal-dialog .modal--header .title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--color-darkest);
    text-transform: uppercase;
    line-height: 1.2;
  }
  .modal-tracking-order .modal-dialog .modal--header a.close {
    padding-right: 30px;
    position: relative;
  }
  .modal-tracking-order .modal-dialog .modal--header a.close:after {
    width: 24px;
    height: 1px;
    display: block;
    content: "";
    position: absolute;
    right: 0px;
    top: 12px;
    background: var(--color-dark);
    transform: rotate(45deg);
  }
  .modal-tracking-order .modal-dialog .modal--header a.close:before {
    width: 24px;
    height: 1px;
    display: block;
    content: "";
    position: absolute;
    right: 0px;
    top: 12px;
    background: var(--color-dark);
    transform: rotate(-45deg);
  }
  .modal-tracking-order .modal-dialog .modal--header a.close > span {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }
  .modal-tracking-order .modal-dialog p {
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
  }
  .modal-tracking-order .modal-dialog .modal-table--container table {
    width: 100%;
  }
  .modal-tracking-order .modal-dialog .modal-table--container table tr {
    background: var(--color-white);
  }
  .modal-tracking-order .modal-dialog .modal-table--container table tr:nth-of-type(odd) {
    background: var(--color-lightest);
  }
  .modal-tracking-order .modal-dialog .modal-table--container table tr td {
    width: 20%;
    padding: 14px 15px;
    font-weight: 700;
    color: var(--color-dark-alt);
  }
  .modal-tracking-order .modal-dialog .modal-table--container table tr td > img {
    margin-right: 8px;
  }
  .modal-tracking-order .modal-dialog .modal-table--container table tr td:nth-of-type(3) {
    width: 60%;
    font-weight: 300;
  }
  .modal-tracking-order .modal-dialog .modal-table--container .modal-table--header table tr {
    background: var(--color-white);
  }
  .modal-tracking-order .modal-dialog .modal-table--container .modal-table--header table tr td {
    color: var(--color-darkest);
    font-weight: 700;
  }
  .modal-tracking-order .modal-dialog .modal-table--container .modal-table--body {
    max-height: 370px;
    overflow: auto;
  }
  .modal-tracking-order .modal-dialog .modal--addons {
    padding: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .modal-tracking-order .modal-dialog .modal--addons .btn.close {  
      width: 100%;
      max-width: 302px;
      height: 40px;
      font-size: 0.875rem;
      color: var(--color-main) !important;
      font-weight: 700;
      border: none;
      background: var(--color-lightest);
      opacity: 1;
  }
  .modal-tracking-order .modal-dialog .modal-table--container table tr.done {
    background: #54AE72;
  }
  .modal-tracking-order .modal-dialog .modal-table--container table tr.done td {
    font-weight: 700;
    color: var(--color-white);
  }
  @media(max-width: 992px) {
    .modal-tracking-order {
      width: 100%;
      height: calc(100% - var(--mainmenu-height) + 1px);
      top: calc(var(--mainmenu-height) - 1px);
    }
    .modal-tracking-order .modal-dialog .modal-body {
      padding: 20px;
    }
    .modal-tracking-order + .modal-backdrop {
      display: none;
    }
    .modal-tracking-order .modal-dialog {
      width: 100vw;
      max-width: 100vw;
      height: auto;
      max-height: auto;
      min-height: 100%;
      margin: 0px;
    }
    .modal-tracking-order .modal-dialog .modal-content {
      width: 100%;
      max-width: 100%;
      align-self: stretch
    }
    .modal-tracking-order .modal-dialog .modal-table--container .modal-table--body {
      max-height: none;
    }
    .modal-tracking-order .modal--header {
      gap: 20px;
    }
    .modal-tracking-order .modal-dialog .modal-table--header {
      display: none;
    }
    .modal-tracking-order .modal-dialog .modal-table--container {
      margin-top: 18px;
    }
    .modal-tracking-order .modal-dialog .modal-table--container table tr {
      display: flex;
      flex-wrap: wrap;
    }
    .modal-tracking-order .modal-dialog .modal-table--container table tr td:nth-of-type(1) {
      width: auto;
      padding: 10px 5px 0 20px;
      font-weight: 400;
    }
    .modal-tracking-order .modal-dialog .modal-table--container table tr td:nth-of-type(2) {
      width: auto;
      padding: 10px 20px 0 5px;
    }
    .modal-tracking-order .modal-dialog .modal-table--container table tr td:nth-of-type(3) {
      width: 100%;
      padding: 5px 20px 10px 20px;
    }
    #pb-tracking--order ~ .modal-backdrop {
      display: none;
    }
    #pb-tracking--order .timeline ul li .info a {
      display: block;
      width: 100%;
      text-align: center;
      content: "";
    }
    .modal-tracking-order .modal-dialog .modal--addons .btn.close {
      max-width: 100%;
    }
}

#pb-franchise {

}
#pb-franchise h2 {
    margin: 0 0 24px;
    font-size: 1.875rem;
    font-weight: 700;
    color: var(--color-darkest);
    text-transform: uppercase;
}
#pb-franchise header + .content p {
    margin: 0 0 34px;
    font-size: 1.71rem;
    line-height: 1.2;
}
#pb-franchise header {
  margin-top: 180px;
}
@media (max-width: 992px) {
    #pb-franchise header {
        margin-top: 40px;
    }
    #pb-franchise p {
        font-size: 1rem;
    }
}
#pb-franchise .mainimage img {
    width: 100%;
}
#pb-franchise .mainimage {
    margin-top: 75px;
}
#pb-franchise div.gallery-images
{
    display: none;
}

@media (max-width: 992px) {
    #pb-franchise .mainimage {
        margin: 0 -28px 25px;
    }
}
#pb-franchise #rede {
    margin-top: 76px;
}
#pb-franchise #rede h2 {
    margin-bottom: 32px;
}
#pb-franchise #rede li {
    margin: 0 0 6px;
}
#pb-franchise #rede a {
    color: #212529;  
}
#pb-franchise #modelos {
    margin-top: 76px;
}
#pb-franchise #modelos .table-responsive {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    gap: 16px;
}
#pb-franchise #modelos .table-responsive > dl > dt {
    display: none;
}
#pb-franchise #modelos .table-responsive > dl:nth-of-type(1) > dt {
    display: flex;
    font-size: 0.75rem;
    justify-content: flex-start;
    text-align: left;
}
#pb-franchise #modelos .table-responsive dt,
#pb-franchise #modelos .table-responsive dd {
    height: 62px;
    display: flex;
    padding: 0 26px;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #ebebeb;
    margin: 0;
}
#pb-franchise #modelos .table-responsive dt:nth-of-type(odd),
#pb-franchise #modelos .table-responsive dd:nth-of-type(odd){
    background: #eff2f6;
    
}
#pb-franchise #modelos .table-responsive dd:nth-of-type(1){
    background: #fff;
    border: 2px solid #ebebeb;
    font-size: 20px;
}
#pb-franchise #modelos .table-responsive dt:nth-of-type(1) {
    background: #fff;
    font-size: 1rem !important;
    font-weight: 300;
    text-transform: uppercase;
}
#pb-franchise #modelos .gallery-container {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 12px;
    margin: 33px 0 0;
}
#pb-franchise #modelos .gallery-container .item {
    width: 100%;
    height: 0;
    padding: 0 0 125%;
    display: block;
    position: relative;
}
#pb-franchise #modelos .gallery-container .item > img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}
#pb-franchise #modelos .gallery-container .item > .magnify {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    object-fit: contain;
    object-position: center;
    z-index: 2;
}
#pb-franchise #modelos .gallery-container .item > .title {
    width: 100%;
    padding: 6px 12px;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 12px;
    color: var(--color-white);
    z-index: 2;
    background: var(--color-darkest);
}
@media (max-width: 992px) {
    #pb-franchise #modelos .table-container {
        padding: 0 28px;
      }
      #pb-franchise #modelos .table-responsive {
        display: block;
      }
      #pb-franchise #modelos .table-responsive dl:nth-of-type(1) {
        display: none;
      }
      #pb-franchise #modelos .table-responsive dl {
          margin: 0;
          display: grid;
          grid-template-columns: repeat(2,1fr);
          row-gap: 10px;
          padding: 20px 18px 25px;
          background: #ebebeb;
      }
      #pb-franchise #modelos .table-responsive dl:nth-of-type(odd) {
          background: #eff2f6;
      }
      #pb-franchise #modelos .table-responsive dl dt {
        display: block;
      }
      #pb-franchise #modelos .table-responsive dl dt:nth-of-type(1) {
        display: none;
      }
      #pb-franchise #modelos .table-responsive dl dd:nth-of-type(1) {
        grid-column: span 2;
        padding-bottom: 10px;
      }
      #pb-franchise #modelos .table-responsive dl dt,
      #pb-franchise #modelos .table-responsive dl dd {
          height: auto;
          background: none !important;
          border: none !important;
          justify-content: flex-start !important;
        text-align: left;
      }
      #pb-franchise #modelos .gallery-container {
          display: grid;
          grid-template-columns: 100%;
          gap: 20px;
          margin: 33px 0 0;
      }
}
#pb-franchise #tour {
    margin-top: 58px;
  }
  #pb-franchise #tour .tour-container {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 16px;
  }
  #pb-franchise #tour .tour-container > a {
    width: 100%;
    height: 0;
    display: block;
    padding: 0 0 100%;
    position: relative;
  }
  #pb-franchise #tour .tour-container > a > img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
    object-position: center;
  }
  #pb-franchise #tour .tour-container > a .title {
    width: calc(100% - 60px);
    font-size: 1.7rem;
    display: block;
    position: absolute;
    top: 30px;
    left: 30px;
    color: var(--color-white);
    text-transform: uppercase;
    font-weight: 700;
    z-index: 2;
  }
  #pb-franchise #tour .tour-container > a .info {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 24px 0 0;
    font-size: 1.4rem;
    color: var(--color-white);
    z-index: 2;
  }
  #pb-franchise #tour .tour-container > a .info img {
    margin-bottom: 8px;
  }
@media (max-width: 992px) {      
    #pb-franchise #tour .tour-container {
        grid-template-columns: 100%;
        gap: 20px;
    }
    #pb-franchise #tour .tour-container > a .title {
        text-align: center;
    }
}
#pb-franchise #requisitos {
    background: #e6eaf2;
    margin-top: 80px;
    padding-top: 78px;
    padding-bottom: 78px;    
  }
  #pb-franchise #requisitos h2 {
    margin-bottom: 60px;
  }
  #pb-franchise #requisitos span,
  #pb-franchise #requisitos p {
    width: 90%;
    font-size: 1rem;
  }
  #pb-franchise #requisitos .title {
    display: block;
    margin: 0 0 18px;
    font-size: 21px;
  }
  #pb-franchise #requisitos .col-12:nth-of-type(6),
  #pb-franchise #requisitos .col-12:nth-of-type(7) {
    padding-top: 84px;
  }
  #pb-franchise #requisitos .subtitle {
    display: block;
    font-weight: 700;
  }
  #pb-franchise #requisitos ul {
    padding-left: 0px;
    list-style: none;
  }
  #pb-franchise #requisitos ul li:before {
    content: "-";
    margin-right: 6px;
  }
  @media (max-width: 992px) {
    #pb-franchise #requisitos {
      margin-top: 28px;
      padding-top: 28px;
      padding-bottom: 28px;  
    }
    #pb-franchise #requisitos span, #pb-franchise #requisitos p {
        width: 100%;
    }
    #pb-franchise #requisitos .col-12:nth-of-type(6),
    #pb-franchise #requisitos .col-12:nth-of-type(7) {
      padding-top: 0px;
    }
    #pb-franchise #requisitos .col-12:nth-of-type(even) {
      margin-bottom: 12px;
    }
    #pb-franchise #requisitos .col-12:nth-of-type(odd) {
      margin-bottom: 30px;
    }
  }
  #pb-franchise #vantagens {
    background: #e6eaf2;
    padding-top: 78px;
    padding-bottom: 78px;
}
#pb-franchise #vantagens p {
  width: 90%;
}
#pb-franchise #vantagens a {
  width: 75%;
  margin-top: 20px;
}
#pb-franchise #vantagens ul {
  width: 90%;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 30px;
  margin: 0;
  padding: 0;
}
#pb-franchise #vantagens ul li {
  width: 75%;
  font-weight: 700;
  color: var(--color-darker-alt);
}
#pb-franchise #vantagens ul li img {
  display: block;
  margin: 0 0 9px;
}
@media (max-width: 992px) {
    #pb-franchise #vantagens {
      padding-top: 28px;
      padding-bottom: 28px;
  
    }
    #pb-franchise #vantagens p,
    #pb-franchise #vantagens a {
        width: 100%;
    }
  #pb-franchise #vantagens ul {
    margin-top: 25px;
    grid-template-columns: repeat(2,1fr)
  }  
  #pb-franchise #vantagens ul li {
    width: 100%;
  }
}
#pb-franchise #premios {
    margin-top: 120px;
    padding-bottom: 80px;
}
#pb-franchise #premios a.btn {
    margin-top: 20px;
  }
  #pb-franchise #premios ul {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    column-gap: 20px;
    row-gap: 40px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #pb-franchise #premios ul li > img {
    width: 90px;
    height: 90px;
    margin: 0 0 6px;
    display: block;
    object-fit: contain;
    object-position: bottom left;
  }
  #pb-franchise #premios ul li span {
    display: block;
    font-size: 0.875rem;
    font-weight: 300;
  }
  #pb-franchise #premios ul li .year {
    display: block;
    margin: 0 0 6px;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--color-light);
  }
  #pb-franchise #premios .card {
      border: none;
      padding-top: 40px;
  }
  #pb-franchise #premios .more-collapse {
      display: flex;
      justify-content: center;
  }
  #pb-franchise #premios .more-collapse a.btn {
      width: 236px;
      padding: 9px 70px;
      font-size: 0.875rem;
      color: var(--color-light);
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 2px;
      border: 1px solid var(--color-light);
  }
  #pb-franchise #premios .collapse.show + .more-collapse  {
      display: none;
  }
  @media (max-width: 992px) {  
    #pb-franchise #premios {
        margin-top: 28px;
    } 
    #pb-franchise #premios a.btn {
        margin-bottom: 30px;
    }  
    #pb-franchise #premios ul {
        grid-template-columns: repeat(2,1fr);
        column-gap: 10px;
        row-gap: 20px;
    }
  }

  /* FORMULÁRIO */
  #pb-franchise-form {
      padding-top: 64px;
  }
  #pb-franchise-form .pb-pageheader-v2 {
      margin-bottom: 40px;
  }
  #pb-franchise-form h1 {
      padding-bottom: 36px;
  }
  #pb-franchise-form .subtitle {
      display: block;
      margin-bottom: 20px;
      font-size: 0.875rem;
      font-weight: 300;
      color: var(--color-darkest);
  }
  #pb-franchise-form #content > img {
      display: block;
      margin-bottom: 36px;
  }
  #pb-franchise-form #content p {
      font-size: 1.7rem;
      font-weight: 300;
      line-height: 1.2;
  }
  #pb-franchise-form #step > ul {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      margin: 0;
      padding: 0;
      list-style: none;
  }
  #pb-franchise-form #step > ul li {
      margin: 0 16px 0 0;
  }
  #pb-franchise-form #step > ul li a,
  #pb-franchise-form #step > ul li > div {
      height: 95px;
      padding: 4px 15px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
  }
  #pb-franchise-form #step > ul li .number {
      display: block;
      font-size: 70px;
      font-weight: 700;
      line-height: 1;
  }
  #pb-franchise-form #step > ul li.active div {
      background: var(--color-main);
      text-shadow: none;
  }
  #pb-franchise-form #step > ul li.active div .number {
      color: var(--color-white);
      text-shadow: none;
  }
  #pb-franchise-form #step > ul li.active div .title {
      display: block;
      max-width: 160px;
      min-height: 50.38px;
      margin: 0 0 0 15px;
      font-size: 1.5rem;
      font-weight: 400;
      color: var(--color-white);
      line-height: 1.2;
      text-shadow: none;
  }
  #pb-franchise-form #step > ul li div,
  #pb-franchise-form #step > ul li a {
      color: var(--color-lightest);
      text-shadow: 1px 0 0 var(--color-light), -1px 0 0 var(--color-light), 0 1px 0 var(--color-light), 0 -1px 0 var(--color-light), 1px 1px var(--color-light), -1px -1px 0 var(--color-light), 1px -1px 0 var(--color-light), -1px 1px 0 var(--color-light);
      background: var(--color-lightest);
      text-decoration: none;
  }
  #pb-franchise-form #form {
    margin-top: 46px;
    margin-bottom: 300px;
  }
  #pb-franchise-form #form .form--title {
      display: block;
      font-size: 1rem;
      font-weight: 300;
      text-transform: uppercase;
  }
  #pb-franchise-form #form form {
    display: grid;
    grid-template-columns: 100%;
    gap: var(--container-grid-spacer);
    margin-top: 16px;
  }
  #pb-franchise-form #form form .form-submit {
      width: 100%;
      max-width: 614px;
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 16px;
      margin-top: 30px;
  }
  #pb-franchise-form[data-step="02"] #form form {
    grid-template-columns: 3fr 0.5fr 0.5fr 1fr 2fr;
  }
  #pb-franchise-form[data-step="02"] #form form .form--nome {
  }
  #pb-franchise-form[data-step="02"] #form form .form--data {
    grid-columns: span 3;
  }
  #pb-franchise-form[data-step="02"] #form form .form--nome {
  }
  #pb-franchise-form[data-step="02"] #form form .form--data {
    grid-column: span 3;
  }
  #pb-franchise-form[data-step="02"] #form form .form--sexo .form--title {
    display: block;
    margin-bottom: 10px;
  }
  #pb-franchise-form[data-step="02"] #form form .form--cep,
  #pb-franchise-form[data-step="02"] #form form .form--telefone {
    grid-column: span 2;
  
  }
  #pb-franchise-form[data-step="02"] #form form .form--email,
  #pb-franchise-form[data-step="02"] #form form .form--celular {
    grid-column: span 3;
  } 
  #pb-franchise-form[data-step="02"] #form form .form-submit {

  }
  #pb-franchise-form[data-step="02"] #form form .form-submit {
    grid-column: span 5;
  }
  #pb-franchise-form[data-step="03"] #form form {
    grid-template-columns: repeat(7,1fr);
  }
  #pb-franchise-form[data-step="03"] #form form .form--situacao {
    grid-column: span 5;
  }
  #pb-franchise-form[data-step="03"] #form form .form--situacao .form--title {
    display: block;
    margin-bottom: 10px;
  }
  #pb-franchise-form[data-step="03"] #form form .form--escolaridade {
    grid-column: span 4;
  }
  #pb-franchise-form[data-step="03"] #form form .form--experiencia {
    grid-column: span 7;
  }
  #pb-franchise-form[data-step="03"] #form form .form--sociedade {
    grid-column: span 5;
  }
  #pb-franchise-form[data-step="03"] #form form .form--sociedade .form--title {
    display: block;
    margin-bottom: 10px;
  }
  #pb-franchise-form[data-step="03"] #form form .form-submit {
    grid-column: span 5;
  }
  #pb-franchise-form[data-step="04"] #form form {
    grid-template-columns: repeat(2,1fr);
  }
  #pb-franchise-form[data-step="04"] #form form .form--capital {
  }
  #pb-franchise-form[data-step="04"] #form form .form--financiamento {
  }#pb-franchise-form[data-step="04"] #form form .form--financiamento .form--title {
    display: block;
    margin-bottom: 0px;
  }
  #pb-franchise-form[data-step="04"] #form form .form--financiamento .form-check {
    padding-top: 10px;
  }
  #pb-franchise-form[data-step="04"] #form form .form--financiamento .form--financiamento-valor {
    display: inline-flex;
    margin-top: 0px;
    position: absolute;
  }
  #pb-franchise-form[data-step="04"] #form form .form--renda {
  }
  #pb-franchise-form[data-step="04"] #form form .form--atividades {
  }
  #pb-franchise-form[data-step="04"] #form form .form--tempo {
    grid-column: span 2;
  }
  #pb-franchise-form[data-step="04"] #form form .form--tempo .form--title {
    display: block;
    margin-bottom: 10px;
  }
  #pb-franchise-form[data-step="04"] #form form .form--interesse {
    grid-column: span 2;
  }
  #pb-franchise-form[data-step="04"] #form form .form--interesse .form--title {
    display: block;
    margin-bottom: 10px;
  }
  #pb-franchise-form[data-step="04"] #form form .form-submit {
    grid-column: span 2;
  }
  #pb-franchise-form[data-step="05"] #form form {
    grid-template-columns: repeat(2,1fr);
  }
  #pb-franchise-form[data-step="05"] #form form .form--faturamento {
  }
  #pb-franchise-form[data-step="05"] #form form .form--lucro {
  }
  #pb-franchise-form[data-step="05"] #form form .form--espera {
    grid-column: span 2;
  }
  #pb-franchise-form[data-step="05"] #form form .form--comentarios {
    grid-column: span 2;
  }
  #pb-franchise-form[data-step="05"] #form form .form--optin {
    grid-column: span 2;
  }
  #pb-franchise-form[data-step="05"] #form form .form--optin .form-check {
    margin: 0 0 15px;
  }
  #pb-franchise-form[data-step="05"] #form form .form--optin .form-check label {
    font-size: .875rem;
    font-weight: 700;
    color: var(--color-main);
    margin-top: 2px;
    margin-left: 6px;
  }
  #pb-franchise-form[data-step="05"] #form form .form--optin .form-check label a {
    text-decoration: underline;
    font-size: .875rem;
    font-weight: 700;
    color: var(--color-main);
  }
  #pb-franchise-form[data-step="05"] #form form .form-submit {
    grid-column: span 2;
  }
  @media (max-width: 992px) {
    #pb-franchise-form #content p {
      margin-bottom: 30px;
    }
    #pb-franchise-form .subtitle {
      display: none;
    }
    #pb-franchise-form #step > ul li {
      display: none;
    }
    #pb-franchise-form #step > ul li.active {
      width: 100%;
      display: block;
    }
    #pb-franchise-form #step > ul li.active div .title {
      max-width: 100%;
    }
    #pb-franchise-form #form form {
      grid-template-columns: 100% !important;
    }
    #pb-franchise-form #form form > [class^="form"] {
      grid-column: 1 !important;
    }
    #pb-franchise-form #form form .form-submit {
      max-width: 100%;
      margin-top: 0px;
    }
    #pb-franchise-form #form form .btn-lightest-v2 {
      width: 36px;
      padding: 0;
      color: transparent;
      overflow: hidden;
      position: relative;
    }
    #pb-franchise-form #form form .btn-lightest-v2:after {
      width: 8px;
      height: 8px;
      display: block;
      content: "";
      position: absolute;
      top: 16px;
      left: 14px;
      border-right:  2px solid var(--color-main);
      border-bottom:  2px solid var(--color-main);
      transform: rotate(135deg);
    }
  }
  #pb-franchise-form #feedback {
    padding-top: 46px;
  }
  #pb-franchise-form #feedback .header--container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  
  #pb-franchise-form #feedback {
    padding-top: 46px;
  }
  #pb-franchise-form #feedback .header--container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
  }
#pb-franchise-form #feedback .header--container > img {
  margin: 0 10px 0 0;
}
#pb-franchise-form #feedback .header--container > span {
  margin-top: 5px;
      font-size: 1.875rem;
    font-weight: 700;
    color: var(--color-darkest);
    text-transform: uppercase;
    line-height: 1.2;
}
#pb-franchise-form #feedback .content p {
  font-size: 1.7rem;
    font-weight: 300;
    line-height: 1.2;
}
#pb-franchise-form #feedback .btn {
  margin-top: 20px;
}
#pb-franchise-form[data-step="success"] #step > ul li {
  opacity: 0.35;
}
#pb-franchise-form[data-step="error"] #step > ul li div,
#pb-franchise-form[data-step="error"] #step > ul li a {
  background: #daebf3;
  color: #daebf3;
  text-decoration: none;
}
#pb-franchise-form[data-step="error"] #step > ul li.error div {
  background: #949ca1;
  color: #949ca1;
  text-shadow: 1px 0 0 var(--color-white), -1px 0 0 var(--color-white), 0 1px 0 var(--color-white), 0 -1px 0 var(--color-white), 1px 1px var(--color-white), -1px -1px 0 var(--color-white), 1px -1px 0 var(--color-white), -1px 1px 0 var(--color-white);
}
#pb-franchise-form #feedback .content ul {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0 0 240px;
  padding: 0;
}
#pb-franchise-form #feedback .content ul li {
  margin: 0 60px 20px 0;
}
#pb-franchise-form #feedback .content ul li > a {
  font-size: 0.875rem;
  color: var(--color-darkest);
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  text-decoration: none !important;
}
#pb-franchise-form #feedback .content ul li > a:after {
  width: 100%;
  height: 3px;
  display: block;
  content: "";
  background: #949ca1;
}
@media(max-width: 992px) {  
  #pb-franchise-form #feedback .content ul {
    margin: 0 0 120px;
  }
}
.pb-favorites,
.pb-favorites * {
    --return-spacer: 82px;
    --form-spacer: 45px;
    --map-height: 382px;
    --map-spacer: 70px;
    box-sizing: border-box;
}
/* Layout de retorno NÃO LOGADO e LOGADO + NULO */
.pb-favorites .pb-favorites-container  .header--null {
    margin: 0px !important;
    padding: 60px 0 30px;
    text-align: center;
}
.pb-favorites .pb-favorites-container  .header--null h2 {
    max-width: 500px;
    margin: 0 auto 28px !important;
}
.pb-favorites .pb-favorites-container .header--null img {
    top: auto;
    left: auto;
    position: relative;
    text-align: center;
    margin: 0 auto 30px;;
}
.pb-favorites .pb-favorites-container  .header--null .btn-darkest {
    padding: 16px 46px;
    line-height: 1.2em;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: white;
}
.pb-favorites .pb-favorites-container .content--null p {
    display: block;
    max-width: 400px;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
}
.pb-favorites .pb-favorites-container .content--null a {
    color: var(--color-main);
    font-weight: 700;
    font-size: 12px;
}
.pb-favorites .pb-favorites-container  .header--null a {
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-light);
    border-bottom: 2px solid var(--color-lightest);
    text-decoration: none !important;
}


.pb-favorites .pb-favorites-header {
    width: 100%;
    text-align: center;
    padding: 50px 0 0;
}
.pb-favorites .pb-favorites-header div.info {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.pb-favorites .pb-favorites-header div.info > img {
    width: 30px;
    height: 30px;
}
.pb-favorites .pb-favorites-header div.info > span {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
}
.pb-favorites .pb-favorites-header p {
    margin: 0;
    padding: 10px 0;
    font-size: 1.12rem;
    font-weight: 300;
}
.pb-favorites .pb-favorites-header p b {
    font-weight: 700;
}
.pb-favorites .pb-favorites-header .wishlistCallRemove {
    display: inline-block;
    margin: 0 0 92px;
}
/* COnfirmação */
.pb-favorites--confirm {
    width: calc(100% - 40px);
    max-width: 432px;
    margin: 0 auto 30px;
    display: none;
    position: relative;
    padding: 12px 20px;
    background: var(--color-lightest);
  }
  .pb-favorites-header.show .pb-favorites--confirm {
      display: block;
  }
  .pb-favorites-header.show .wishlistCallRemove {
      display: none;
  }
  .pb-favorites--confirm .pb-close {
    display: block !important;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .pb-favorites--confirm img {
    margin: 0 auto 8px;
  }
  .pb-favorites--confirm .content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .pb-favorites--confirm .content p {
    margin: 0 0 6px;
    padding: 0;
    font-size: 1rem  
  }
  .pb-favorites--confirm .content p * {
    font-size: 1rem
  }
  .pb-favorites--confirm .content a {
      display: inline-block;
      color: var(--color-blkack);
      font-size: 0.875rem;
      font-weight: 400;
      text-align: center;
  }
  .pb-favorites--confirm .content a.wishlistRemoveAll {
      margin: 0 0 6px;
      font-weight: 700;
      text-decoration: underline;
      color: #DC3545;
      text-align: center;
  }
  .pb-favorites--confirm .pb-close:after,
  .pb-favorites--confirm .pb-close:before {
    background: var(--color-black);
  }
.btn-light {
    background: var(--color-lightest);
    padding: 8px 20px;
    border: none !important;
  }
  .pb-helpcenter .header--container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pb-helpcenter .header--container .btn-light {
    min-width: 304px;
  }
  .pb-helpcenter .header--container header {
  }
  .pb-helpcenter .header--container header h1 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .pb-helpcenter .header--container header p.content {
    margin-top: 30px;
  }
  .pb-helpcenter .header--container header h1 .main {
    margin-top: 16px;
    order: 2;
  }
  .pb-helpcenter .header--container header h1 .subtitle {
    font-size: 12px;
    font-weight: 300;
    text-transform: none;
    order: 1;
  }
  @media (max-width: 992px) {
    .pb-helpcenter .header--container {
      display: block;
    }
    .pb-helpcenter .header--container .btn-light {
      margin-top: 20px;
    }
  }
  #pb-helcenter--search-container .search-field {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 23px 20px 23px 40px;
    border: 1px solid #073960;
  }
  #pb-helcenter--search-container .search-field > input {
    flex-grow: 1;
    border: none;
    font-size: 21px;
    color: var(--color-light);
    font-weight: 400;
  }
  #pb-helcenter--search-container ::placeholder {
    font-size: 21px;
    color: var(--color-light);
    font-weight: 400;
  }
  #pb-helcenter--search-container .search-field > button {
    border: none;
    background: none;
  }
  #pb-helpcenter--list-container {
    margin: 30px 0 0;
  }
  #pb-helpcenter--list-container .pb-helpcenter--topic {
    margin: 0 0 30px;
    padding: 23px 40px;
    background: var(--color-white);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16)
  }
  #pb-helpcenter--list-container .pb-helpcenter--topic .title {
    width: 100%;
    display: block;
    position: relative;
    font-size: 21px;
    color: var(--color-light);
    font-weight: 400;
    text-decoration: none !important;
  }
  #pb-helpcenter--list-container .pb-helpcenter--topic .title:after {
    width: 8px;
    height: 8px;
    display: block;
    content: "";
    border-right: 2px solid var(--color-light);
    border-bottom: 2px solid var(--color-light);
    position: absolute;
    right: 0px;
    top: 3px;
    transform: rotate(45deg);
  }
  #pb-helpcenter--list-container .pb-helpcenter--topic .title[aria-expanded="true"] span {
    color: var(--color-darkest);
  }
  #pb-helpcenter--list-container .pb-helpcenter--topic .title[aria-expanded="true"]:after {
    transform: rotate(-135deg);
  }
  #pb-helpcenter--list-container .pb-helpcenter--topic .card.card-body {
    margin: 12px 0 0;
    padding: 0;
    border: none;
  }
  #pb-helpcenter--list-container .pb-helpcenter--topic .card.card-body > * {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  #pb-helpcenter--more {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 50px;
  }
  #pb-helpcenter--more .btn {
    width: 100%;
    padding: 14px 20px;
    max-width: 386px;
  }
#page-discontinued,
#page-discontinued * {
    box-sizing: border-box;
    --content-height: 72px;
    --content-spacer: 45px;
    --page-spacer: 300px;
}
#page-discontinued {
    margin: 0 0 var(--page-spacer);
}
#page-discontinued h2 {
    text-transform: uppercase;
    font-size: 1.55rem;
    font-weight: 500;
    color: var(--color-darkest);
}

#page-discontinued .btn-darkest {
    width: auto;
    min-width: 172px;
    padding: 16px 40px;
    line-height: 1.2em;
    letter-spacing: .4px;
    border-radius: 0px;
    text-transform: uppercase;
}
#page-discontinued p {
    margin: 0 0 2rem;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.2;
}
#page-discontinued .content {
    margin: 0 0 2rem;
}
#page-discontinued form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--container-grid-spacer);
}
#page-discontinued .form-group {
    margin-bottom: 0;
}
#page-discontinued .form--title {
    grid-column: span 2;
    display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: 300;
    text-transform: uppercase;
}
#page-discontinued .form--canal,
#page-discontinued .form--linha,
#page-discontinued .form--produto,
#page-discontinued .form--optin {
    grid-column: span 2;
}
#page-discontinued .form--optin .form-check {
    margin: 0 0 15px;
}
#page-discontinued .form--optin .form-check label {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-main);
    margin-top: 2px;
    margin-left: 6px;
}
#page-discontinued .form--optin .form-check label a {
    text-decoration: underline;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-main);
}
#page-discontinued .results
{
    margin-top: 60px;
}

@media(max-width: 992px) {
    #page-discontinued,
    #page-discontinued * {
        --page-spacer: 100px;
    }
    #page-discontinued form {
        grid-template-columns: 1fr;
    }
   
    #page-discontinued p {
        margin: 0 0 20px;
        font-size: 1.125rem;
    }
}
#page-discontinued .box > button {
    display: block;
    border: none;
    background: none;
    margin: 0 0 36px;
}
@media (min-width: 993px) {
    #page-discontinued .box > button:hover {
        cursor: default;
    }
    #page-discontinued .box .collapsing,
    #page-discontinued .box .collapse {
        display: block;
        height: auto !important;
    }
    #page-discontinued .box .card {
        padding: 0;
        border: none;
    }    
    #page-discontinued .line {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    #page-discontinued .line .divider {
        width: 1px;
        height: 154px;
        background: #707070;
    }
}
@media (max-width: 992px) {
    #page-discontinued .box {
        margin: 0 0 12px;
        position: relative;
        padding: 30px 20px;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16); 
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16);
    }
    #page-discontinued .box > button {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
    }
    #page-discontinued .box > .collapse + .chevron {
        width: 10px;
        height: 10px;
        display: block;
        content: "";
        position: absolute;
        top: 30px;
        right: 24px;
        border-bottom: 2px solid #8390A5;
        border-right: 2px solid #8390A5;
        transform: rotate(45deg);
    }
    #page-discontinued .box > .collapse.show + .chevron {
        top: 34px;
        right: 24px;
        transform: rotate(-135deg);
    }
    #page-discontinued .box > button h2 {
        margin: 0;
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        text-transform: none;
    }
    #page-discontinued .box .card {
        border: none;
        padding: 16px 0 0;
    }
}
#page-discontinued .results ul {
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}
#page-discontinued .results ul li:nth-of-type(odd) {
    background: #f1f1f1;
}
#page-discontinued .results ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 14px 23px;
    font-size: 16px;
    color: #393d48;
    text-decoration: none;
}
.pb-pageheader {
    margin-bottom: 70px;
}
.pb-pageheader .header h1 {
    position: relative;
}
.pb-pageheader .header h1:before {
    width: 25px;
    height: 4px;
    content: "";
    display: block;
    position: absolute;
    bottom: -36px;
    left: 0;
    background: var(--color-main);
}
@media(max-width:992px) {
    .pb-pageheader {
        margin-bottom: 23px;
    }
    .pb-pageheader .header h1:before {
        bottom: -10px;
    }
    #page-discontinued .content {
        margin: 0;
    }
}
#page-images,
#page-images * {
    box-sizing: border-box;
    --content-height: 72px;
    --content-spacer: 45px;
    --page-spacer: 300px;
}
#page-images {
    margin: 0 0 var(--page-spacer);
}
#page-images h2 {
    text-transform: uppercase;
    font-size: 1.55rem;
    font-weight: 500;
    color: var(--color-darkest);
}

#page-images .btn-darkest {
    width: auto;
    min-width: 172px;
    padding: 16px 40px;
    line-height: 1.2em;
    letter-spacing: .4px;
    border-radius: 0px;
    text-transform: uppercase;
}
#page-images p {
    margin: 0 0 2rem;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.2;
}
#page-images .content {
    margin: 0 0 2rem;
}
#page-images form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--container-grid-spacer);
}
#page-images .form-group {
    margin-bottom: 0;
}
#page-images .form--title {
    grid-column: span 2;
    display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: 300;
    text-transform: uppercase;
}
#page-images .form--canal,
#page-images .form--linha,
#page-images .form--produto,
#page-images .form--optin {
    grid-column: span 2;
}
#page-images .form--optin .form-check {
    margin: 0 0 15px;
}
#page-images .form--optin .form-check label {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-main);
    margin-top: 2px;
    margin-left: 6px;
}
#page-images .form--optin .form-check label a {
    text-decoration: underline;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-main);
}
#page-images .results
{
    margin-top: 60px;
}

@media(max-width: 992px) {
    #page-images,
    #page-images * {
        --page-spacer: 100px;
    }
    #page-images form {
        grid-template-columns: 1fr;
    }
   
    #page-images p {
        margin: 0 0 20px;
        font-size: 1.125rem;
    }
}
#page-images .box > button {
    display: block;
    border: none;
    background: none;
    margin: 0 0 36px;
}
@media (min-width: 993px) {
    #page-images .box > button:hover {
        cursor: default;
    }
    #page-images .box .collapsing,
    #page-images .box .collapse {
        display: block;
        height: auto !important;
    }
    #page-images .box .card {
        padding: 0;
        border: none;
    }    
    #page-images .line {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    #page-images .line .divider {
        width: 1px;
        height: 154px;
        background: #707070;
    }
}
@media (max-width: 992px) {
    #page-images .box {
        margin: 0 0 12px;
        position: relative;
        padding: 30px 20px;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16); 
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16);
    }
    #page-images .box > button {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
    }
    #page-images .box > .collapse + .chevron {
        width: 10px;
        height: 10px;
        display: block;
        content: "";
        position: absolute;
        top: 30px;
        right: 24px;
        border-bottom: 2px solid #8390A5;
        border-right: 2px solid #8390A5;
        transform: rotate(45deg);
    }
    #page-images .box > .collapse.show + .chevron {
        top: 34px;
        right: 24px;
        transform: rotate(-135deg);
    }
    #page-images .box > button h2 {
        margin: 0;
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        text-transform: none;
    }
    #page-images .box .card {
        border: none;
        padding: 16px 0 0;
    }
}
#page-images .results ul {
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}
#page-images .results ul li:nth-of-type(odd) {
    background: #f1f1f1;
}
#page-images .results ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 14px 23px;
    font-size: 16px;
    color: #393d48;
    text-decoration: none;
}
.pb-pageheader {
    margin-bottom: 70px;
}
.pb-pageheader .header h1 {
    position: relative;
}
.pb-pageheader .header h1:before {
    width: 25px;
    height: 4px;
    content: "";
    display: block;
    position: absolute;
    bottom: -36px;
    left: 0;
    background: var(--color-main);
}
@media(max-width:992px) {
    .pb-pageheader {
        margin-bottom: 23px;
    }
    .pb-pageheader .header h1:before {
        bottom: -10px;
    }
    #page-images .content {
        margin: 0;
    }
}
#toast-container {
    position: fixed;
    right: 20px;
    top: 100px;
    z-index: var(--z-lightbox);
}

@media (max-width: 769px) {
    #toast-container {
        left: 20px;
    }
}

.pb-notification,
.pb-notification * {
    --color-gray-light-v2: #e3e3e3;
    --color-gray: #949CA1;
    --notification-bg: var(--color-gray-light-v2);
    --notification-color: var(--color-gray);
    --notificationtimeout: 5s;
}

.pb-notification[data-timeout="5s"],
.pb-notification[data-timeout="5s"] *,
.pb-notification[data-timeout="default"],
.pb-notification[data-timeout="default"] * {
    --notificationtimeout: 5s;
}

.pb-notification[data-timeout="8s"],
.pb-notification[data-timeout="8s"] * {
    --notificationtimeout: 8s;
}

.pb-notification[data-timeout="10s"],
.pb-notification[data-timeout="10s"] * {
    --notificationtimeout: 10s;
}

.pb-notification[data-timeout="15s"],
.pb-notification[data-timeout="15s"] * {
    --notificationtimeout: 15s;
}

.pb-notification[data-status="warning"],
.pb-notification[data-status="warning"] *,
.pb-notification[data-status="alert"],
.pb-notification[data-status="alert"] * {
    --color-alert-light: #fffaeb;
    --color-alert: #f8bb13;
    --notification-bg: var(--color-alert-light);
    --notification-color: var(--color-alert);
}

.pb-notification[data-status="error"],
.pb-notification[data-status="error"] * {
    --color-error: #dc3545;
    --color-error-light: #ffd8de;
    --notification-bg: var(--color-error-light);
    --notification-color: var(--color-error);
}

.pb-notification[data-status="success"],
.pb-notification[data-status="success"] * {
    --color-success: #5ca694;
    --color-success-light: #def2ed;
    --notification-bg: var(--color-success-light);
    --notification-color: var(--color-success);
}

.pb-notification .notification-container {
    --border-radius: 15px;
    --shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    width: 100%;
    max-width: 402px;
    display: grid;
    grid-template-columns: 26px 1fr auto;
    grid-template-areas: "icon content action";
    gap: 10px;
    border-radius: var(--border-radius);
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    padding: 14px 10px;
    background: var(--notification-bg);
    margin-bottom: 10px;
    position: relative;
}

.pb-notification[data-timeout]:not([data-timeout=""]) .notification-container {
    /* animation-delay: var(--notificationtimeout); */
    animation-name: notification;
    /* animation-duration: 0.25s; */
    opacity: 1;
    visibility: visible;
    /* animation-fill-mode: forwards; */
}

.pb-notification[data-timeout]:not([data-timeout=""]) .notification-container:after,
.pb-notification[data-timeout]:not([data-timeout=""]) .notification-container:before {
    display: block;
}

.pb-notification .notification-container:before {
    --color-white: #ffffff;
    width: calc(100% - 40px);
    height: 2px;
    display: none;
    content: "";
    border-radius: 1px;
    background: var(--color-white);
    position: absolute;
    bottom: 5px;
    left: 20px;
    z-index: 5;
}

.pb-notification .notification-container:after {
    width: 0%;
    height: 2px;
    display: none;
    content: "";
    border-radius: 1px;
    background: var(--notification-color);
    position: absolute;
    bottom: 5px;
    left: 20px;
    z-index: 6;
}

.pb-notification[data-timeout]:not([data-timeout=""]) .notification-container:after {
    animation-name: notificationbar;
    animation-duration: var(--notificationtimeout);
}

.pb-notification .notification-container .icon {
    grid-area: icon;
    background-color: var(--notification-bg) !important;
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pb-notification .notification-container .action {
    background-color: var(--notification-bg) !important;
    grid-area: action;
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pb-notification .notification-container .content {
    /*align-self: center;*/
    align-self: left;
    /*display: flex;
    justify-content: flex-start;
    flex-direction: column;*/
    align-items: left;
    /*align-items: center;*/
    font-size: rem;
    font-weight: 400;
    line-height: 1.2;
    color: var(--color-darkest);
}

.pb-notification .notification-container .content .title {
    font-weight: 700;
    font-size: 1.125rem;
}

.pb-notification .notification-container .content .total {
    display: none;
    /* position: absolute;*/
    right: 52px;
    background-color: white;
    padding: 2px 7px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
}

.pb-notification .notification-container .content .message {
    display: block;
}

@keyframes notificationbar {
    0% {
        width: 0%;
    }

    100% {
        width: calc(100% - 40px);
    }
}

.pb-btn-close {
    border:none;
    background-color: var(--notification-bg) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.pb-btn-close span,
.pb-btn-close span i {
    --color-gray-dark: #707070;
    background-color: var(--notification-bg) !important;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--color-gray-dark);
    text-decoration: none;
}

@media (max-width: 769px) {
    .pb-btn-close span i {
        display: none;
    }

    .pb-btn>.desktop-only {
        display: none;
    }

    .pb-btn>.mobile-only {
        display: inline;
    }
}

.pb-btn-close .icon {
    background-color: var(--notification-bg) !important;
    width: 20px;
    height: 20px;
    display: block;
    position: relative !important;
    top: auto !important;
    right: auto !important;
}

.pb-btn-close .icon:before,
.pb-btn-close .icon:after {
    --color-secondary: #828FA5;
    width: 26px;
    height: 1px;
    display: block;
    content: "";
    position: absolute;
    top: 9px;
    left: -3px;
    background: var(--color-secondary);
}

.pb-btn-close .icon:before {
    transform: rotate(45deg);
}

.pb-btn-close .icon:after {
    transform: rotate(-45deg);
}

.pb-btn-back {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    gap: 10px;
}

.pb-btn-back img {
    transform: rotate(180deg);
}

.pb-btn-back span,
.pb-btn-close span i {
    --color-gray-dark: #707070;
    font-size: 0.75rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--color-gray-dark);
}

.arch-btn.alert,
.arch-btn.alert * {
    --btn-color: var(--color-error);
    --btn-bg: var(--color-error-light);
    --btn-color-hover: var(--color-error);
    --btn-bg-hover: var(--color-error-light);
    --btn-color-border: var(--color-error-light);
    --btn-color-border-hover: var(--color-error-light);
    --btn-size-border: 2px;
}
/* bootstrap  modal tweaks */
.modal-content
{
    border-radius: 0px;
}

/* Ajuste do Ícone do Lightbox*/
.pswp__button--download {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
}
.pswp__button--download {
  background-position: -176px 0px; 
}
.pswp__button--download:after {
  width: 16px;
  height: 16px;
  display: block;
  content: "";
  background: url("/template/images/icon_download.png") center center no-repeat !important;
  background-size: 16px 16px;
}

.pswp {    
  z-index: 150000000;
}

.pswp__caption__center
{
  text-align: center !important;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {  
  .pswp--svg .pswp__button, 
  .pswp--svg .pswp__button--arrow--left:before, 
  .pswp--svg .pswp__button--arrow--right:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
  }   
  .pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px !important;
  }
  .pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px !important;
  }
  .pswp__button--close {
    background-position: 0 -44px !important;
  }
  .pswp__button.pswp__button--share,
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right
  {
    background-image: none;
  }
}

@media (max-width: 769px) {
  #Product_groupcolor .pb-productgroupnav > div {
   padding-left: 12px;
 }
}
#Product_groupcolor{
  overflow-x: hidden;
}
#Line_view .pageInModal
{
  overflow-x: hidden;
}
/*body#Product_lastrasProducts #filters #Format,
body#Product_lastrasProducts #filters #Format--header
{
  display: none;
}*/
#maincarousel > div > div > div.pb-carousel.pb-carousel-front.slick-initialized.slick-slider > div > div > div.item.bannerCover-48.slick-slide > div > div.button-container > a,
#maincarousel > div > div > div.pb-carousel.pb-carousel-front.slick-initialized.slick-slider > div > div > div.item.bannerCover-53.slick-slide > div > div.button-container > a,
#maincarousel > div > div > div.pb-carousel.pb-carousel-front.slick-initialized.slick-slider > div > div > div.item.bannerCover-52.slick-slide > div > div.button-container > a
{
  background-color: black;
}
#maincarousel > div > div > div.pb-carousel.pb-carousel-front.slick-initialized.slick-slider > div > div > div.item.bannerCover-48.slick-slide > div > div.button-container > a span,
#maincarousel > div > div > div.pb-carousel.pb-carousel-front.slick-initialized.slick-slider > div > div > div.item.bannerCover-53.slick-slide > div > div.button-container > a span,
#maincarousel > div > div > div.pb-carousel.pb-carousel-front.slick-initialized.slick-slider > div > div > div.item.bannerCover-52.slick-slide > div > div.button-container > a span
{
  color: white;
}
/* TV */
body.tv #SalesChannel, 
body.tv #SalesChannel--header
{
  display: none;

}
body.tv .pswp .pswp__button.pswp__button--share
{
  display: none;
}

body#Line_list.portobelloshop .pb-conceptart img
{
  object-position: left center;
}
body#Line_list.multimarcas .pb-conceptart img
{
  object-position: right center;
}

/** Media content / Grid ****/

#embed-content-modal,
#grid-video-modal
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 14300;
    background: white;
    height: 100%;
    overflow: auto;
    padding-bottom: 100px;
}
#grid-video-modal .container-xl,
#grid-video-modal .container-lg
{
    margin-top: 60px;
}
#embed-content-modal .btn-close,
#grid-video-modal .btn-close
{
    z-index: 1431;
}

.content-modal .btn-close
{
    position: absolute;
    right: 60px;
    top: 40px;
    z-index: 1431;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    color: var(--color-dark);
    vertical-align: middle;
    text-transform: uppercase;
}
.content-modal .btn-close .pb-close
{
    margin-left: 10px;
}
.content-modal button.close-modal
{
    margin-top: 30px;
    width: 100%;
    max-width: 302px;
    padding: 8px 20px;
    font-size: 14px;
}
#embed-content-modal .video,
#grid-video-modal #embed
{
    position: relative;
    margin-top: 55px;
    margin-bottom: 30px;
    width: 100%;
    height: 60vh;
}
#grid-video-modal #embed
{
    display: none;
}
#embed-content-modal .video .embed, 
#grid-video-modal #embed .embed
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#embed-content-modal .title,
#grid-video-modal .title
{
    margin: 0 0 1rem;
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--color-darkest);
    text-transform: uppercase;
}

#grid-video-modal .title-header
{
    text-align: right;
}
#embed-content-modal .content, 
#grid-video-modal .content
{
    margin-top: 50px;
}
#grid-video-modal.final .pb-item--video-revestir2021 span
{
    min-height: 52px;
}
@media (max-width: 440px) {
    #embed-content-modal .video,
    #grid-video-modal .video
    {        
        height: 27vh;
    }
    #embed-content-modal  .btn-close,
    #grid-video-modal .btn-close
    {
        position: absolute;
        top: 20px;
    }
}
a.expandEmbed
{
    text-transform: uppercase;
    font-weight: 500;
    position: absolute;
    right: 15px;
    margin-top: 20px;
    color: var(--color-darkest);
}
#embed-content-modal .video .embed.expanded, 
#grid-video-modal #embed .embed.expanded {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}
@media (max-width: 440px) {
    a.expandEmbed
    {
        right: auto;
        left: 15px;
        display: none;
    }
}

body#Index_index.cover .pb-collectioncarousel--multi .carousels .pb-carousel--container .pb-carousel .pb-item--collection .image {
  width: 260px; 
}
body#Index_index.cover.tv .pb-collectioncarousel--multi .info .content
{
  margin: 20px 0 30px;
}
body#Index_index.cover.tv .pb-collectioncarousel--multi .carousels .pb-carousel--container .pb-carousel .pb-item--collection .image
{
  width: 360px; 
}

/* Form +arquitetura */
body#Page_pageDynamic .form--title {
  grid-column: span 2;
  display: block;
  margin: 10px;
  font-size: 0.875rem;
  font-weight: 300;
  text-transform: uppercase;
}
body#Page_pageDynamic .form--atendimento {
  grid-column: span 2;
  display: flex;
  justify-content: space-between;
  align-self: flex-start;
  margin: 20px;
}
body#Page_pageDynamic .form--atendimento .form-check-label {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color-main);
}
#modal-archtrends .modal-dialog
{
  min-width: 100vw;
  margin: 0px;
}
#modal-archtrends .modal-content
{
  min-height: 100vh;  
}
#modal-archtrends .modal-body
{
  padding: 0px;
}
#modal-archtrends iframe {
  height: 100% !important;
  min-height: calc(100vh - 62px);  
}
@media (max-width: 440px) {
  #modal-archtrends .modal-dialog
  {
    min-width: 100vw;
    min-height: 100vw;
    margin: 0px;
  }
  #modal-video iframe {
    width: 100% !important;
    height: auto !important;
  }

  #modal-archtrends iframe {
    width: 100% !important;
    height: auto !important;
  }
}


.pb-list[data-area="instalacao-e-pos-obra"] h2,
.pb-list[data-area="installation-and-post-work"] h2,
.pb-list[data-area="instalacion-y-post-trabajo"] h2 
{
  text-transform: uppercase;
  font-size: 1.75rem;
  font-weight: 700;
}

body#Product_downloads .pb-card .image img {
   object-position: center center;
}

div.pswp.pswp--supports-fs.pswp--open.pswp--notouch.pswp--css_animation.pswp--svg.pswp--zoom-allowed.pswp--visible.pswp--animated-in > div.pswp__scroll-wrap > div.pswp__ui.pswp__ui--fit > div.pswp__top-bar > button.pswp__button.pswp__button--download
{
  background: none;
}
body#Index_index #collection .pb-custom-container {
  position: relative;
  z-index: 3;
}
body#Index_index #collection .pb-custom-container {
  position: relative;
  z-index: 3;
}

/* Fix: https://portobelloamerica-team.monday.com/boards/1110640814/pulses/1412594994 */
#page-maisarquitetura .content-box {
  margin-top: 40px;
}
#page-maisarquitetura .pb-content--highlight .image {
  display: none;
}
body#Page_pageDynamic[data-pageid="1"] .pb-accordionheadermenu {
  top: calc(var(--mainmenu-height) + 22px) !important;
}
#page-maisarquitetura .pb-content--highlight .content-box:before
{
  display: none;
}

@media (max-width: 992px) {
  body#Page_pageDynamic[data-pageid="1"] .pb-accordionheadermenu {
      top: 0 !important;
      left: 0;
      position: relative;
  }
}

/* Mais Arquitetura Tweaks */
@media (max-width: 992px) {
  #page-maisarquitetura p {
    font-size: 14px;
    font-weight: 300;
  }
  #page-maisarquitetura .accordion form {
    width: 100%;
  }
  #page-maisarquitetura .pb-accordioncontent .accordion .content-template .more > .btn {
    margin: 0 4px;
  }
  #page-maisarquitetura section .card .image img {
    width: 100%;
  }
  #page-maisarquitetura .accordion .content img {
    max-width: 100%;
  }
  #page-maisarquitetura .pb-accordioncontent .accordion .content-template--cols-content-image {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "image" "content";
  }
  #page-maisarquitetura .pb-accordioncontent .accordion .content-template--cols-content-image .content {
    grid-area: content;
  }
  #page-maisarquitetura .pb-accordioncontent .accordion .content-template--cols-content-image .image {
    grid-area: image;
  }
}


@media (min-width: 993px) and (max-width: 1096px) {
  nav.pb-mainmenu > .container-xl {
    padding: 0;    
  }
  nav.pb-mainmenu .navbar-brand {
    margin: 0;
  }
}

body#Specifier_experience .locale {
  display: none !important;
}

.jsEmbed div.embed iframe
{
    display: none;
}

body.hasChannel #SalesChannel--header, 
body.hasChannel #SalesChannel
{
  display: none;
}
body#Product_lastras ul.links 
{
  list-style-type: none;
  padding-left: 0px;
}
body#Product_lastras ul.links li {
  margin-top: 20px;
}
body#Product_lastras ul.links a
{
  font-weight: 500;
}

a label.new, 
a label.lastra {
  cursor: pointer;
}

#poscompra div.content a.pdf
{
    margin-bottom: 20px;
}

.bannerCover-154  a.pb-btn-banner
{
  background-color: rgb(96,96,96) !important;
}
.bannerCover-154  a.pb-btn-banner span
{
  color: white !important;
}
/* form invalid field */
.is-invalid
{
  --color-soft: red !important;
  color: red !important;
}

a.pb-item.pb-item--video-revestir2021.showVideo {
  position: relative;
  width: 100%;
  height: 0;
  display: block;
  position: relative;
  padding: 0 0 56%;
  margin-bottom: 10px;
}
span.videotitle {
  margin-bottom: 20px;
  display: block;
}
.pb-item--video-revestir2021 img {
  grid-area: video;
  width: 100%;
  /* width: 100%; */
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
}

body#Line_material #filters #ProductClass4--header,
body#Line_material #filters #ProductClass4
{
  display: none;
}
body#Specifier_index .pb-specifier-header-v2 .btn-contact
{
  border-radius: initial;
}


.unified-breadcrumbs {
  padding-bottom: 10px;
}
.unified-breadcrumbs ul {
  display: flex;
  list-style: none;
  margin: 0 0 var(--title-spacer);
  padding: 0;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.unified-breadcrumbs ul li {
  margin: 0;
  padding: 0;
  font-size: 0.9rem;
  font-weight: 400;
  color: var(--color-light);
  text-decoration: none;
}
.unified-breadcrumbs ul li a {
  font-size: 0.9rem;
  font-weight: 400;
  color: var(--color-light);
  text-decoration: none;
}
.unified-breadcrumbs ul li a:hover
{
  text-decoration: underline;
}
.unified-breadcrumbs ul li {
  margin: 0 0 0 10px;
  padding: 0;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.unified-breadcrumbs ul li:before {
  width: 6px;
  height: 5px;
  content: "";
  display: block;
  background: url("/template/images/icons/icon_chevrons-right.svg") center center no-repeat;
  margin: 0 10px 0 0;
}
.unified-breadcrumbs ul li:first-of-type {
  margin: 0;
}
.unified-breadcrumbs ul li:first-of-type:before {
  display: none;
}
body#Page_dynPageView .pb-footer {
  margin-top: 30px;
}
body.directSales .pb-mainmenu .nav-item[data-id="2"],
body.directSales .pb-mainmenu .nav-item[data-id="2156"],
body.directSales .pb-mainmenu .nav-item[data-id="84"],
body.directSales .pb-footer #sitemap li[data-id="22"],
body.directSales .pb-footer #sitemap li[data-id="66"]
{
  display: none;
}

.pb-item--releases .image > img {
  max-height: 800px;
}

.form-check-label{
  display: inline!important;
}

/* banner black */

div.bannerCover-291 a.pb-btn-banner {
  background-color: #f7ce82 !important;
  border-radius: 15px !important;
  color: black !important;
  max-width: 200px;
  display: inline-block;
  padding: 15px 40px;
  text-decoration: none !important;    
  margin-top: 80px;

}

div.bannerCover-291 a.pb-btn-banner span {
  color: black !important;
  text-transform: uppercase;
  text-decoration: none !important;
}

.pb-headercarousel-v2 div.bannerCover-291.item[data-template="1"] > .pb-container
{
  padding: 90px 90px
}

.pb-headercarousel-v2 div.bannerCover-291.item.slick-active > .pb-container .button-container
{
  text-align: center;
}
.pb-headercarousel .item>.pb-container .subtitle.banner_310>p
{
text-transform: initial;
}

.pb-productheader-v2 .channel .channelOptions .header > div span,
.pb-lineheader-v3 .channel .channelOptions .header > div span
{
  font-size: 16px !important;
}

/* NOVOS FILTROS */
.channelDesktop label {
  color: var(--clr-gray-300);
}
@media (max-width: 992px) {
  .pb-productheader-v2 .channel {
      padding-top: 0px !important;
      margin-bottom: 40px;
  }
  .pb-lineheader-v3 .channel {
      margin-top: 10px !important;
      align-items: flex-start !important;
  }
}
@media (max-width: 769px) {
  .pb-lineheader-v3 .channel .titleChannel,
  .pb-productheader-v2 .channel .titleChannel {
      font-size: 10px;
      text-align: left;
      padding: 10px 20px;
  }
  .pb-lineheader-v3 .channel .titleChannel label {
      font-size: 15px;
  }
  .pb-lineheader-v3 .channel .channelOptions .header {
      margin-bottom: 20px;
  }
  .pb-lineheader-v3 .optionsMobile .btn {
      margin-bottom: 0px;
  }
  .pb-lineheader-v3 .channel .channelOptions {
      padding: 20px;
  }
  .pb-lineheader-v3 .channel .channelOptions .header > div span {
      font-size: 16px;
      color: var(--clr-darkest);
  }
  .pb-lineheader-v3 .channel .channelOptions .optionsMobile > ul li:last-of-type {
      padding-top: 20px;
      margin-bottom: 0;
  }
  .pb-lineheader-v3 .optionsMobile ul li label span {
      font-size: 14px !important; 
  }
  .pb-lineheader-v3 .channel .channelOptions .header > .pb-close span.sr-only {
      display: block !important;
      right: 30px;
      top: 3px;
      letter-spacing: 1px;
      position: absolute;
      color: var(--clr-gray-500);
      font-size: 12px;
  }
}

.pb-lineheader-v3 .channel .channelOptions .header > .pb-close,
.pb-productheader-v2 .channel .channelOptions .header > .pb-close {
    width: auto;
    min-width: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.pb-lineheader-v3 .channel .channelOptions .header > .pb-close span.sr-only,
.pb-productheader-v2 .channel .channelOptions .header > .pb-close span.sr-only {
    width: auto;
    height: auto;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    opacity: 1;    
    display: block !important;
    letter-spacing: 1px;
    color: var(--clr-gray-500);
    font-size: 12px;
    z-index: 1;
    visibility: visible;
    margin-right: 30px;
}
.pb-lineheader-v3 .channel .channelOptions .header > .pb-close:after,
.pb-lineheader-v3 .channel .channelOptions .header > .pb-close:before,
.pb-productheader-v2 .channel .channelOptions .header > .pb-close:after,
.pb-productheader-v2 .channel .channelOptions .header > .pb-close:before {
    left: auto;
    right: 0;
}
/* ID: #num_do_caso */
/* CSS */

/* #22657 - show tooltip above dialog */
.pb-dialog--product-sale .tippy-box {
    border-radius: 10px;
    padding: 10px;
}
/* #23700 - Ajuste - My Shop Online - Respiro de notificação */
#listproducts .pb-toast--sign{
    right:calc((100dvw - var(--container))/2 - 10px);
}

@media (max-width: 1622px) {
	#listproducts .pb-toast--sign {
		right: 40px;
	}
}
@media (max-width: 769px) {
	#listproducts .pb-toast--sign {
        right: 10px;
		width: calc(100dvw - 20px);
		height: auto;
		padding: 10px;
		max-width: 100%;
		grid-template-rows: auto auto;
	}
}
/* #23370 - Ajuste - Banner responsivo na págiand e Oportunidades */ 
@media (min-width: 931px) {
    #Products_indexnew .pb-headercarousel-v2 {
        height: auto;
    }
    #Products_indexnew .pb-headercarousel-v2 .carousel-container,
    #Products_indexnew .pb-headercarousel-v2 .carousel-container .slick-slide,
    #Products_indexnew .pb-headercarousel-v2 .pb-carousel {
        height: auto;
        aspect-ratio: 1502 / 582;
    }
    #Products_indexnew .pb-headercarousel-v2 .carousel-container .slick-slide > picture {
        height: auto;
    }
    #Products_indexnew .pb-headercarousel-v2 .carousel-container .slick-slide > picture img {
        width: 100%;
        height: 100%;
    }
    #Products_indexnew .pb-headercarousel-v2 .carousel-container .pb-carousel-front .slick-slide.footer {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        margin: 0;
    }
}
@media (max-width: 930px) {
    #Products_indexnew .pb-headercarousel-v2 {
        height: auto;
    }
    #Products_indexnew .pb-headercarousel-v2 .carousel-container,
    #Products_indexnew .pb-headercarousel-v2 .carousel-container .slick-slide,
    #Products_indexnew .pb-headercarousel-v2 .pb-carousel {
        height: auto;
    }
    #Products_indexnew .pb-headercarousel-v2 .carousel-container .pb-carousel-back .slick-slide,
    #Products_indexnew .pb-headercarousel-v2 .pb-carousel-back,
    #Products_indexnew .pb-headercarousel-v2 .carousel-container .slick-slide > picture {
        height: auto;
        aspect-ratio: 1 / 1;
    }
    #Products_indexnew .pb-headercarousel-v2 .carousel-container .slick-slide > picture img {
        width: 100%;
        height: 100%;
    }
}

/* #23997 -  Ajustar - Cta Menu Topo [MOBILE] */
@media (max-width: 769px) {
    #Index_index .pb23-carousel--main .pb23-container .item--content .cta--wrapper .pb23-btn {
        width: 100%;
    }   
}

/* Fix my shop pro modal - sem formatação */
.myshoppro-page .pb23-modal {
    width: fit-content;
     border: 0;
     padding: 0;
     border-radius:  15px;
     background: var(--clr-white);
 }
 
 .myshoppro-page .pb23-modal, .myshoppro-page .pb23-modal *, .myshoppro-page .pb23-modal::backdrop {
     --matte: rgba(0,0,0,0.54);
 }

.myshoppro-page .pb23-modal,
.myshoppro-page .pb23-modal *,
.myshoppro-page .pb23-modal::backdrop {
    --matte: rgba(0, 0, 0, 0.54);
}

.myshoppro-page .pb23-modal>.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    padding: 25px;
    border-bottom: 1px solid var(--clr-gray-100)
}

.myshoppro-page .pb23-modal>.header .title {
    font-size: 1.5rem;
    font-weight: 400
}

.myshoppro-page .pb23-modal>.body {
    padding: 25px
}

.myshoppro-page .pb23-modal>.body.center,
.myshoppro-page .pb23-modal>.body.center * {
    text-align: center
}

.myshoppro-page .pb23-modal>.body.center input {
    text-align: left
}

.myshoppro-page .pb23-modal>.body>.wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap
}

.myshoppro-page .pb23-modal>.body>.wrapper>.title {
    width: 100%;
    margin: 30px 0 20px;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.5px
}

.myshoppro-page .pb23-modal>.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 25px;
    border-top: 1px solid var(--clr-gray-100)
}

.myshoppro-page .pb23-modal>.footer.end {
    justify-content: flex-end
}
body#Page_dynPageView .pb23-breadcrumbs
{
    margin-bottom: 20px;
}

body#Page_dynPageView .pb23-breadcrumbs .pb23-container
{
    --container-margins: 0px;
}

/* Add logged user submenu to new main-menu */
.pb23-mainmenu li.account {
    position: relative;
}
.pb23-mainmenu li.account .user-menu {
    background: none;
    border: none;
    cursor: pointer;
}
.pb23-mainmenu li.account .avatar img {
    vertical-align: middle;
    max-width: 40px;
    max-height: 40px;
    width: 100%;
}
.pb23-mainmenu li.account .submenu {
    display: none;
    position: absolute;
    top: 3rem;
    right: 0.5rem;
    background: var(--clr-white);
    z-index: 1000;
    width: 250px;
    padding: 1rem;
    border-radius: 4px;
    box-shadow: var(--shadow);
}
.pb23-mainmenu li.account .submenu li {
    padding: 1rem 0 10px;
    border-bottom: solid 1px var(--clr-gray-280);
}
.pb23-mainmenu li.account .submenu li:last-child {
    border-bottom: none;
}
.pb23-mainmenu li.account .submenu a {
    text-decoration: none;
    color: inherit;
}
.pb23-mainmenu li.account .submenu a:hover {
    font-weight: 600;
}
/* .pb23-mainmenu li.account:hover .submenu,
.pb23-mainmenu li.account .user-menu:focus + .submenu {
    display: block;
} */
.pb23-mainmenu li.account .submenu .avatarMenu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.pb23-mainmenu li.account .avatar {
    min-width: 40px;
    min-height: 40px;
    border-radius: 100%;
    background: var(--clr-gray-390);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    object-fit: cover;
    max-width: 40px;
    max-height: 40px;
}
.pb23-mainmenu li.account .submenu .avatarMenu .info {
    margin-left: 1rem;
}

/* Add notification submenu to new main-menu */
.pb23-mainmenu li.notification {
    position: relative;
}
.pb23-mainmenu li.notification .notification-menu {
    background: none;
    border: none;
    cursor: pointer;
}
.pb23-mainmenu li.notification .notification-avatar img {
    vertical-align: middle;
    max-width: 40px;
    max-height: 40px;
    width: 100%;
}
.pb23-mainmenu li.notification .notification-submenu {
    display: none;
    position: absolute;
    top: 3rem;
    right: 1.5rem;
    background: var(--clr-white);
    z-index: 1000;
    width: 250px;
    padding: 1rem;
    border-radius: 4px;
    box-shadow: var(--shadow);
}
.pb23-mainmenu li.notification .notification-submenu li {
    padding: 1rem 0 10px;
    border-bottom: solid 1px var(--clr-gray-280);
}
.pb23-mainmenu li.notification .notification-submenu li:last-child {
    border-bottom: none;
}
.pb23-mainmenu li.notification .notification-submenu a {
    text-decoration: none;
    color: inherit;
}
.pb23-mainmenu li.notification .notification-submenu a:hover {
    font-weight: 600;
}
/* .pb23-mainmenu li.notification:hover .notification-submenu,
.pb23-mainmenu li.notification .notification-menu:focus + .notification-submenu {
    display: block;
} */

/* Melhorias Novembro 2023 - MyShopPro */
.myshoppro-page .my-shop--cart-create section.msp-info--client[data-show="false"] {
    display: none;
}

.myshoppro-page .msp-info--ambient ul li .ambient-tag .icon img {
    min-width: 29px;
    min-height: 34px;
}
.myshoppro-page .msp-info--ambient ul li .ambient-tag .icon img {
    min-width: 89px;
}
.pb-myshop-product-add-modal .pb-myshop-product-add-modal--insert .modal-body .breakmargin--container {
    grid-area: breakmargin;
    text-align: left;
    margin: 1rem 0;
}
.pb-myshop-product-add-modal .pb-myshop-product-add-modal--insert .modal-body .breakmargin--container .title {
    display: block;
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 10px;
}
.pb-myshop-product-add-modal .pb-myshop-product-add-modal--insert .modal-body .breakmargin--container label {
    width: auto;
    height: 56px;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px;
    border: 2px solid var(--color-lightest);
    border-radius: 10px;
}
.pb-myshop-product-add-modal .pb-myshop-product-add-modal--insert .modal-body .breakmargin--container label > button {
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 4px;
    background: var(--blue);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.pb-myshop-product-add-modal .pb-myshop-product-add-modal--insert .modal-body .breakmargin--container label > button:first-of-type {
    background: var(--color-light);
}
.pb-myshop-product-add-modal .pb-myshop-product-add-modal--insert .modal-body .breakmargin--container label > input {
    width: 72px;
    text-align: center;
    border: none;
}
.pb-myshop-product-add-modal .pb-myshop-product-add-modal--insert .modal-body {
    grid-template-areas:
        "carousel info info"
        "carousel ambient spacer"
        "carousel qtd resume"
        "carousel breakmargin resume" !important;
}

/* .pb-myshop-product-add-modal .pb-myshop-product-add-modal--insert .modal-body .splide__slide img {
    max-width: 300px;
} */

#Product_downloads section#downloads .tippy-box,
#Product_downloadsSearch section#downloads .tippy-box,
#Product_downloadsCategory section#downloads .tippy-box {
    padding: 10px;
    border-radius: 10px;
    z-index: 10;
}

.pb-myshop-product-add-modal--insert .pos { /* Adjustment on production environment for #27139: https://portobello.kanbanize.com/ctrl_board/69/cards/27139/details/ */
    padding: 10px;
    color: var(--gray);
}

.pb-myshop-product-add-modal--insert .breakmargin--container input,
.pb-myshop-product-add-modal--insert .quantity--container input { /* Adjustment on production environment for #27139: https://portobello.kanbanize.com/ctrl_board/69/cards/27139/details/ */
    text-align: right !important;
}

#Product_view .pb23-mainmenu { /* Fix main menu over add to product modal */
    z-index: 999
}

/* BEGIN Fix #27440: https://portobello.kanbanize.com/ctrl_board/103/cards/27440/ */

#Product_downloadsLaudo .pb23-downloads--list-filter,
#Product_downloadsImages .pb23-downloads--list-filter,
#Product_downloadsLaudo .pb23-downloads--list-filter {
    margin-top: 2rem; 
}

#Product_downloads3d .pb23-downloads--search #downloads3d {
    display: block;
}
/* #Product_downloads3d .pb23-downloads--search .query > form {
    margin: 1rem 0 !important
} */
#Product_downloads3d .pb23-downloads--search .form-block,
#Product_downloadsImages .pb23-downloads--search .form-block,
#Product_downloadsLaudo .pb23-downloads--search .form-block {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    margin: 1rem auto;
    align-items: center;
}

#Product_downloads3d .pb23-downloads--search .form-block p,
#Product_downloadsImages .pb23-downloads--search .form-block p,
#Product_downloadsLaudo .pb23-downloads--search .form-block p {
    display: block;
    width: 100%;
}

#Product_downloads3d .pb23-downloads--search .form-block .data,
#Product_downloadsImages .pb23-downloads--search .form-block .data,
#Product_downloadsLaudo .pb23-downloads--search .form-block .data {
    display: block;
    text-align: left;
    max-width: 250px;
    height: 50px;
    margin: 0;
}

#Product_downloads3d .pb23-downloads--search .form-block .data select,
#Product_downloadsImages .pb23-downloads--search .form-block .data select,
#Product_downloadsLaudo .pb23-downloads--search .form-block .data select {
    border: none;
    box-shadow: none;
    margin: -4px 0 0 0;
    height: 30px;
    padding-left: 0;
    width: 100%;
}

#Product_downloads3d .pb23-downloads--search .form-block .data label,
#Product_downloadsImages .pb23-downloads--search .form-block .data label,
#Product_downloadsLaudo .pb23-downloads--search .form-block .data label {
    margin-top: 5px;
    font-size: 0.7rem !important;
    font-weight: 500;
}

#Product_downloads3d .pb23-downloads--search .form-block select,
#Product_downloadsImages .pb23-downloads--search .form-block select,
#Product_downloadsLaudo .pb23-downloads--search .form-block select {
    width: 300px;
}

#Product_downloads3d .pb23-downloads--search .form-block .pb23-btn,
#Product_downloadsImages .pb23-downloads--search .form-block .pb23-btn,
#Product_downloadsLaudo .pb23-downloads--search .form-block .pb23-btn {
    padding: 0 15px;
}

#Product_downloads3d .pb23-downloads--list .file img,
#Product_downloadsImages .pb23-downloads--list .file img,
#Product_downloadsLaudo .pb23-downloads--list .file img {
    max-width: 20px;
    filter: saturate(0);
}

#Product_downloadsLaudo .pb23-downloads--search .page-discontinued .radio-container,
#Product_downloadsImages .pb23-downloads--search .page-images .radio-container {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 20px;
}
#Product_downloadsLaudo .pb23-downloads--search .page-discontinued label:has(> input[type="checkbox"],> input[type="radio"]):before,
#Product_downloadsImages .pb23-downloads--search .page-images label:has(> input[type="checkbox"],> input[type="radio"]):before {
    background: none;
}

/* END Fix #27440: https://portobello.kanbanize.com/ctrl_board/103/cards/27440/  */



#languages-modal-v3,
#languages-modal-v4,
#languages-modal-v5 {
    --modal--max-width: 614px;
    --button-padding: 40px;
}
#languages-modal-v3.pb23-modal,
#languages-modal-v4.pb23-modal,
#languages-modal-v5.pb23-modal {
    --modal--background: var(--clr-gray-100);
}
#languages-modal-v3 h3,
#languages-modal-v4 h3,
#languages-modal-v5 h3 
{
    text-transform: initial;
    color: var(--clr-gray-700);
    font-weight: 300;
    font-size: 28px;
}
#languages-modal-v3 .body,
#languages-modal-v4 .body,
#languages-modal-v5 .body
{
    /*background-color: var(--clr-white);*/
    padding: 20px;
    border-radius: 10px;
}
#languages-modal-v5 .body
{
    background-color: var(--clr-white);
}
#languages-modal-v3 .footer, 
#languages-modal-v4 .footer,
#languages-modal-v5 .footer
{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
#languages-modal-v3 .footer a,
#languages-modal-v4 .footer a,
#languages-modal-v5 .footer a 
{
    color: black;
    text-decoration: underline;
    /*font-weight: bold;*/
    margin-top: 14px;
}
#languages-modal-v3 .footer a.pb23-btn,
#languages-modal-v4 .footer a.pb23-btn,
#languages-modal-v5 .footer a.pb23-btn
{
    text-decoration: none;
    font-weight: initial;
    margin-top: 0px;
}
#languages-modal-v3 .footer a:hover.pb23-btn,
#languages-modal-v4 .footer a:hover.pb23-btn,
#languages-modal-v5 .footer a:hover.pb23-btn
{
    color: white;
}

#languages-modal-v3 .body p,
#languages-modal-v4 .body p,
#languages-modal-v5 .body p 
{
    margin-bottom: 30px;
    font-size: 16px;
}
#languages-modal-v3 .footer,
#languages-modal-v4 .footer,
#languages-modal-v5 .footer
{
    justify-content: center;
    column-gap: 16px;
}
#languages-modal-v3 h3 img,
#languages-modal-v4 h3 img,
#languages-modal-v5 h3 img 
{
    margin-left: 16px;
}
#languages-modal-v3 .pb23-link,
#languages-modal-v4 .pb23-link,
#languages-modal-v5 .pb23-link,
#languages-modal-v3 .pb23-link *,
#languages-modal-v4 .pb23-link *,
#languages-modal-v5 .pb23-link *
{
    --link-color: black;
}
#languages-modal-v3 .pb23-link,
#languages-modal-v4 .pb23-link,
#languages-modal-v5 .pb23-link
{
    font-style: normal !important;
}
.pb-languages-v3 .pb23-modal.channel-select .header
{
    margin-bottom: 30px;
}
@media (max-width: 769px) {
    #languages-modal-v3 .body,
    #languages-modal-v4 .body,
    #languages-modal-v5 .body
    {
        padding: 0px;
    }
    .pb23-mainmenu .pb23-modal.channel-select,
    .pb-languages-v2 .pb23-modal.channel-select,
    .pb-languages-v3 .pb23-modal.channel-selec {
        margin-bottom: 0;
        border-radius: 0;
    }
    .pb23-mainmenu .pb23-modal.channel-select .body ul li,
    .pb-languages-v2 .pb23-modal.channel-select .body ul li {
        flex-direction: column;
        gap: var(--spacer);
    }
    .pb23-mainmenu .pb23-modal.channel-select .body ul li .pb23-btn,
    .pb-languages-v2 .pb23-modal.channel-select .body ul li .pb23-btn {
        width: 100%;
    }
    #languages-modal-v2,
    #languages-modal-v3,
    #languages-modal-v4,
    #languages-modal-v5
    {
        border-radius: 0px;
        bottom: 0px;
        position: fixed;
        top: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    #languages-modal-v3 h3,
    #languages-modal-v4 h3,
    #languages-modal-v5 h3

    {
        margin-bottom: 30px;
    }
    #languages-modal-v3 .footer,
    #languages-modal-v4 .footer,
    #languages-modal-v5 .footer
    {
        flex-direction: column;
        row-gap: 16px;
        align-items: center;
    }
    #languages-modal-v3 .footer a.pb23-btn,
    #languages-modal-v4 .footer a.pb23-btn,
    #languages-modal-v5 .footer a.pb23-btn
    {
        width: 100%;
    }  
}
/* FORMS */
label {
    margin: 0;
}
label:has(> input) {
    display: inline-grid;
}
.modal {
	z-index: var(--z-600) !important;
}
/* Botão */
.pb23-btn.close {
    position: relative;
    opacity: 1;
    float: none;
}
/* Old Select (Forms) */
div[class^="pb-"] label:before {
    display: none;
}
div[class^="pb-"] label select {
    min-height: unset;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    -o-appearance: auto;
    appearance: auto;
}

.pb23-tabs--carousel-archtrends .pb23-carousel--navigation {
    --carousel-nav--spacer: 10px;
    margin-top: 20px;
}
@media (max-width: 769px) {    
    .pb23-tabs--carousel-archtrends .pb23-carousel--navigation {
        --carousel-nav--spacer: 0px;
    }
}

/* Páginas Específicas (Pages) */ 
body#Index_index .pb23-carousel--grid-banners
{
    margin-top: 60px;
}

#Product_searchSimple {
    min-height: calc(100dvh - var(--menu-height));
}
/*
#search {
    min-height: calc(100dvh - 470px - var(--menu-height));
}
#search:has(.list.search-notfound) {
    height: calc(100dvh - 470px - var(--menu-height));
}
#search .list.search-notfound {
    height: calc(100% - 100px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}
#search:has(.list.search-notfound):not(:has(~ .pb23-footer .newsletter)) {
    height: calc(100dvh - 268px - var(--menu-height));
}
@media (max-width:769px){
    #search .list.search-notfound {
        padding-top: 48px;
    }
}
@media (max-height: 900px) and (max-width: 769px) {
    #search:has(.list.search-notfound) {
        height: auto;
    }
}

.pb23-form.formNewsletter label span {
    padding-top: 0px;
}*/
.pb23-section--header, .pb23-section--header * {
}
.pb23-header--content h1 {
    font-size: 2.25rem !important;
}
.pb23-header--line-aside h1 {
    font-size: 2.25rem !important;
}
.pb23-concept--line .content,
.pb23-concept--line .content * {
    font-size: 1rem !important;
}
.cc-window,
.cc-window * {
  box-sizing: border-box;
}
.cc-grower .cc-window,
.cc-window {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh;
  max-height: 100vh !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-direction: column !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  padding-top: 48px !important;
  z-index: 100000000;
  background: rgba(0,0,0,0.8) !important;
}
.cc-grower .cc-window .cc-message-container,
.cc-window .cc-message-container {
  width: 80%;
  max-width: 460px !important;
  flex-grow: 0 !important;
  margin: 0 0 -1px;
  padding: 50px 70px 30px;
  background: #fff;
}
.cc-grower .cc-window .cc-message-container:before,
.cc-window .cc-message-container:before {
  width: 100%;
  height: 30px;
  margin: 0 0 30px;
  display: block;
  content: "";
  background: url("https://www.portobello.com.br/template/images/logo.svg") 0 0 no-repeat;
}
.cc-grower .cc-window .cc-message-container a,
.cc-window .cc-message-container a {
  color: #212529;
  opacity: 1;
}
.cc-grower .cc-window .cc-message-container > span,
.cc-window .cc-message-container > span {
  margin: 0;
  font-size: 14px;
}
.cc-grower .cc-window .cc-compliance,
.cc-window .cc-compliance {
  width: 80%;
  max-width: 460px;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 42px;
  gap: 10px;
  padding: 0px 30px 50px;
  background: #fff;
  flex-grow: 0 !important;
}
.cc-grower .cc-window .cc-compliance > a,
.cc-window .cc-compliance > a {
  width: 100%;
  max-width: 100%;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  border-radius: 0px;
  border: 1px solid rgb(206,206,206) !important;
  background: none !important;
  font-size: 14px;
  font-weight: 700;
  color: #08234e !important;
  text-decoration: none !important; 
  opacity: 1 !important;
}
.cc-grower .cc-window .cc-compliance > a span, 
.cc-window .cc-compliance > a span {
  font-weight: 700;
  color: #08234e !important;
}
.cc-grower .cc-window .cc-compliance > a:hover,
.cc-window .cc-compliance > a:hover {
  text-decoration: none !important; 
}
.cc-grower .cc-window.cc-invisible, .cc-window.cc-invisible {
  display: none !important;
  font-weight: 300;
}
/* Janela de preferências */
.cmp-body {
  z-index: 100000001 !important;
}
@media (max-width: 992px) {
  .cc-grower .cc-window .cc-message-container,
  .cc-window .cc-message-container {
    width: 90%;
    max-width: 312px !important;
    padding: 30px 30px 30px;
  }
  .cc-grower .cc-window .cc-compliance,
  .cc-window .cc-compliance {
    width: 90%;
    max-width: 312px !important;
    flex: 0 !important;
  }
}

/* ALTERAÇÃO EM 2022-05-23*/
.cc-window.cc-banner {
  width: 360px !important;
  height: auto !important;
  padding: 0 !important;
  background: none !important;
  top: auto !important;
  left: 20px !important;
  right: auto !important;
  bottom: 0px !important;
}
.cc-grower .cc-window .cc-message-container, .cc-window .cc-message-container {
  width: 360px;
  padding: 25px;
  top: 0 !important;
  background: #f5f6f7;
}
.cc-grower .cc-window .cc-compliance, .cc-window .cc-compliance {
  width: 360px;
  padding: 0 25px 25px;
  background: #f5f6f7;
}
.cc-grower .cc-window .cc-message-container:before, .cc-window .cc-message-container:before {
  display: none;
}
.cc-grower .cc-window .cc-compliance > a.cmp-pref-link, .cc-window .cc-compliance > a.cmp-pref-link {
  border: none !important;
}
.cc-grower .cc-window .cc-compliance > a.cmp-pref-link > span, .cc-window .cc-compliance > a.cmp-pref-link > span {
    font-weight: 300 !important;
}
@media (max-width: 769px) and (min-width: 601px) {
  .cc-color-override--222512206.cc-window {
      height: 100vh;
      padding-top: 48px !important;
  }
}
@media (max-width: 600px) {
  .cc-window.cc-banner {
      width: 100vw !important;
      max-width: 100vw !important;
      left: 0px !important;
  }
  .cc-grower .cc-window .cc-message-container, .cc-window .cc-message-container,
  .cc-grower .cc-window .cc-compliance, .cc-window .cc-compliance {
      width: 100vw !important;
      max-width: 100vw !important;
  }
}

@media (max-width: 769px) {
  .cc-grower .cc-window, .cc-window {
      height: auto;
      padding: 0 !important;
      border-radius: 0;
      top: auto !important;
      bottom: 0px;
  }
}

/*# sourceMappingURL=dev.bundle.018c784f7dda26461ea0.css.map*/