/*
Theme Name: Chiaroscuro 2024
Theme URI: https://chiaroscuro.com/
Author: Mikode
Author URI: https://mikode.com.br/
Description: Tema personalizado para Chiaroscuro
Requires at least: 5.3
Tested up to: 6.3
Requires PHP: 5.6
Version: 10
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chiaroscuro2024
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

@font-face {
  font-family: "antennacond-blackitalic-webfont";
  src: url("fonts/antennacond-blackitalic-webfont.eot?#iefix");
  src: url("fonts/antennacond-blackitalic-webfont.eot?#iefix") format("eot"), 
  url("fonts/antennacond-blackitalic-webfont.woff2") format("woff2"), 
  url("fonts/antennacond-blackitalic-webfont.woff") format("woff"), 
  url("fonts/antennacond-blackitalic-webfont.ttf") format("truetype"); 
}

@font-face {
  font-family: "antennacond-black-webfont";
  src: url("fonts/antennacond-black-webfont.eot?#iefix");
  src: url("fonts/antennacond-black-webfont.eot?#iefix") format("eot"), 
  url("fonts/antennacond-black-webfont.woff2") format("woff2"), 
  url("fonts/antennacond-black-webfont.woff") format("woff"), 
  url("fonts/antennacond-black-webfont.ttf") format("truetype"); 
}

@font-face {
  font-family: "antenna-light-webfont";
  src: url("fonts/antenna-light-webfont.eot?#iefix");
  src: url("fonts/antenna-light-webfont.eot?#iefix") format("eot"), 
  url("fonts/antenna-light-webfont.woff2") format("woff2"), 
  url("fonts/antenna-light-webfont.woff") format("woff"), 
  url("fonts/antenna-light-webfont.ttf") format("truetype"); 
}

@font-face {
  font-family: "antenna-regular-webfont";
  src: url("fonts/antenna-regular-webfont.eot?#iefix");
  src: url("fonts/antenna-regular-webfont.eot?#iefix") format("eot"), 
  url("fonts/antenna-regular-webfont.woff2") format("woff2"), 
  url("fonts/antenna-regular-webfont.woff") format("woff"), 
  url("fonts/antenna-regular-webfont.ttf") format("truetype"); 
}

@font-face {
  font-family: "antenna-regular-webfont";
  src: url("fonts/antenna-regular-webfont.eot?#iefix");
  src: url("fonts/antenna-regular-webfont.eot?#iefix") format("eot"), 
  url("fonts/antenna-regular-webfont.woff2") format("woff2"), 
  url("fonts/antenna-regular-webfont.woff") format("woff"), 
  url("fonts/antenna-regular-webfont.ttf") format("truetype"); 
}

/**
1. Normalize
2. Reset 
3. Theme Specific CSS
*/


/* 1. Normalize */

    /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

    /* Document
       ========================================================================== */

    /**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in iOS.
     */

        html {
            line-height: 1.15; /* 1 */
            -webkit-text-size-adjust: 100%; /* 2 */
        }
      
        /* Sections
        ========================================================================== */
      
        /**
        * Remove the margin in all browsers.
        */
      
        body {
            margin: 0;
         	font-family: "Roboto", sans-serif;
          	font-weight: 300;
          	font-style: normal;
        }

        .top-bar{
    	   background: red;
    	   height: 64px;
        }
        }
      
      /**
       * Render the `main` element consistently in IE.
       */
      
      main {
        display: block;
      }
      
      /**
       * Correct the font size and margin on `h1` elements within `section` and
       * `article` contexts in Chrome, Firefox, and Safari.
       */
      
      h1 {
        font-size: 2em;
        padding: 0;
      	vertical-align: middle;   
      }
      
      /* Grouping content
         ========================================================================== */
      
      /**
       * 1. Add the correct box sizing in Firefox.
       * 2. Show the overflow in Edge and IE.
       */
      
      hr {
        box-sizing: content-box; /* 1 */
        height: 0; /* 1 */
        overflow: visible; /* 2 */
      }
      
      /**
       * 1. Correct the inheritance and scaling of font size in all browsers.
       * 2. Correct the odd `em` font sizing in all browsers.
       */
      
      pre {
        font-family: monospace, monospace; /* 1 */
        font-size: 1em; /* 2 */
      }
      
      /* Text-level semantics
         ========================================================================== */
      
      /**
       * Remove the gray background on active links in IE 10.
       */
      
      a {
        background-color: transparent;
      }
      
      /**
       * 1. Remove the bottom border in Chrome 57-
       * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
       */
      
      abbr[title] {
        border-bottom: none; /* 1 */
        text-decoration: underline; /* 2 */
        text-decoration: underline dotted; /* 2 */
      }
      
      /**
       * Add the correct font weight in Chrome, Edge, and Safari.
       */
      
      b,
      strong {
        font-weight: bolder;
      }
      
      /**
       * 1. Correct the inheritance and scaling of font size in all browsers.
       * 2. Correct the odd `em` font sizing in all browsers.
       */
      
      code,
      kbd,
      samp {
        font-family: monospace, monospace; /* 1 */
        font-size: 1em; /* 2 */
      }
      
      /**
       * Add the correct font size in all browsers.
       */
      
      small {
        font-size: 80%;
      }
      
      /**
       * Prevent `sub` and `sup` elements from affecting the line height in
       * all browsers.
       */
      
      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
      }
      
      sub {
        bottom: -0.25em;
      }
      
      sup {
        top: -0.5em;
      }
      
      /* Embedded content
         ========================================================================== */
      
      /**
       * Remove the border on images inside links in IE 10.
       */
      
      img {
        border-style: none;
      }
      
      /* Forms
         ========================================================================== */
      
      /**
       * 1. Change the font styles in all browsers.
       * 2. Remove the margin in Firefox and Safari.
       */
      
      button,
      input,
      optgroup,
      select,
      textarea {
        font-family: inherit; /* 1 */
        font-size: 100%; /* 1 */
        line-height: 1.15; /* 1 */
        margin: 0; /* 2 */
      }
      
      /**
       * Show the overflow in IE.
       * 1. Show the overflow in Edge.
       */
      
      button,
      input { /* 1 */
        overflow: visible;
      }
      
      /**
       * Remove the inheritance of text transform in Edge, Firefox, and IE.
       * 1. Remove the inheritance of text transform in Firefox.
       */
      
      button,
      select { /* 1 */
        text-transform: none;
      }
      
      /**
       * Correct the inability to style clickable types in iOS and Safari.
       */
      
      button,
      [type="button"],
      [type="reset"],
      [type="submit"] {
        -webkit-appearance: button;
      }
      
      /**
       * Remove the inner border and padding in Firefox.
       */
      
      button::-moz-focus-inner,
      [type="button"]::-moz-focus-inner,
      [type="reset"]::-moz-focus-inner,
      [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
      }
      
      /**
       * Restore the focus styles unset by the previous rule.
       */
      
      button:-moz-focusring,
      [type="button"]:-moz-focusring,
      [type="reset"]:-moz-focusring,
      [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
      }
      
      /**
       * Correct the padding in Firefox.
       */
      
      fieldset {
        padding: 0.35em 0.75em 0.625em;
      }
      
      /**
       * 1. Correct the text wrapping in Edge and IE.
       * 2. Correct the color inheritance from `fieldset` elements in IE.
       * 3. Remove the padding so developers are not caught out when they zero out
       *    `fieldset` elements in all browsers.
       */
      
      legend {
        box-sizing: border-box; /* 1 */
        color: inherit; /* 2 */
        display: table; /* 1 */
        max-width: 100%; /* 1 */
        padding: 0; /* 3 */
        white-space: normal; /* 1 */
      }
      
      /**
       * Add the correct vertical alignment in Chrome, Firefox, and Opera.
       */
      
      progress {
        vertical-align: baseline;
      }
      
      /**
       * Remove the default vertical scrollbar in IE 10+.
       */
      
      textarea {
        overflow: auto;
      }
      
      /**
       * 1. Add the correct box sizing in IE 10.
       * 2. Remove the padding in IE 10.
       */
      
      [type="checkbox"],
      [type="radio"] {
        box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
      }
      
      /**
       * Correct the cursor style of increment and decrement buttons in Chrome.
       */
      
      [type="number"]::-webkit-inner-spin-button,
      [type="number"]::-webkit-outer-spin-button {
        height: auto;
      }
      
      /**
       * 1. Correct the odd appearance in Chrome and Safari.
       * 2. Correct the outline style in Safari.
       */
      
      [type="search"] {
        -webkit-appearance: textfield; /* 1 */
        outline-offset: -2px; /* 2 */
      }
      
      /**
       * Remove the inner padding in Chrome and Safari on macOS.
       */
      
      [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
      }
      
      /**
       * 1. Correct the inability to style clickable types in iOS and Safari.
       * 2. Change font properties to `inherit` in Safari.
       */
      
      ::-webkit-file-upload-button {
        -webkit-appearance: button; /* 1 */
        font: inherit; /* 2 */
      }
      
      /* Interactive
         ========================================================================== */
      
      /*
       * Add the correct display in Edge, IE 10+, and Firefox.
       */
      
      details {
        display: block;
      }
      
      /*
       * Add the correct display in all browsers.
       */
      
      summary {
        display: list-item;
      }
      
      /* Misc
         ========================================================================== */
      
      /**
       * Add the correct display in IE 10+.
       */
      
      template {
        display: none;
      }
      
      /**
       * Add the correct display in IE 10.
       */
      
      [hidden] {
        display: none;
      }

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

/* 3. Theme Specific CSS */

/* General */

    :root{
        /* Measurements */
        --chiaroscuro2024-big-padding: 60px 0;
        --chiaroscuro2024-mobile-padding: 20px 0;
        --chiaroscuro2024-light-padding: 0 25px;
        /* Colors */
        --chiaroscuro2024-gray1: #FFFFFF;
        --chiaroscuro2024-gray2: #FFFFFF;
        --chiaroscuro2024-gray3: #FFFFFF;
        --chiaroscuro2024-light-blue: #2A92D3;
        --chiaroscuro2024-deep-black: #000000;
        --chiaroscuro2024-black-blue: #001E32;
        --chiaroscuro2024-yellow: #CFAF07;
    }
    *,
    ::after,
    ::before {
        box-sizing: border-box;
    }

    h1{
        font-size: 66px;
        line-height: 70px;
    }
    h2{
        font-size: 24px;
        line-height: 32px;
        text-transform: uppercase;
        font-family: antennacond-black-webfont;
    }
    h3{
        font-size: 20px;
        line-height: 24px;
        text-align: left;
        text-transform: uppercase;
        font-family: antennacond-black-webfont;
    }
    h4{
        font-size: 28px;
        line-height: 2.8rem;
        font-weight: normal;
        font-family: antennacond-black-webfont;
    }
    h5{
        font-size: 22px;
        line-height: 2.2rem;
        font-weight: normal;
    }
    p{
        font-size: 16px;
        line-height: 20px;
    }
    a{
        color: var( --chiaroscuro2024-gray1 );
        text-decoration: none;
        font-family: antenna-regular-webfont;
        font-size: 14px;
        line-height: 16px;
    }
    a:hover
    {
        color: #6d6d6d;
        font-family: antennacond-black-webfont;
    }
    img {
        max-width: 100%;
        height: auto;
    }

/* Containers */

    .container {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
    @media (max-width: 575px) {
        .container {
            padding: 0px;
        }
    }
    @media (min-width: 576px) {
        .container {
            max-width: 540px;
            padding-right: 15px;
            padding-left: 15px;
        }
    }
    @media (min-width: 768px) {
        .container {
            max-width: 720px;
        }
    }
    @media (min-width: 992px) {
        .container {
            max-width: 960px;
        }
    }
    @media (min-width: 1200px) {
        .container {
            max-width: 1140px;
        }
    }

/************** HOME PAGE *****************/

    /* Top Bar Section */
        .top-bar{ 
            background: #000000; 
            color: #FFFFFF; 
            padding: 12px 0; 
        }
        .top-bar .container{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .searchbox{
            width: 161px;
            height: 36px;
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #FFFFFF;
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 20px;
            letter-spacing: -0.02em;
            text-align: left;
            color: #000000;
        }
        .searchbox input[type="text"]{
            padding: 7px 10px;
            border: 1px solid #C6C6C6;
        }
        .searchbox input[type="submit"]{
            padding: 9px 10px;
            background: #000000;
            color: #FFFFFF;
            border: none;
        }
        @media (max-width: 768px) {
            .searchbox {
                display: none;
            }
            .top-bar .container{
                justify-content: center;
            }
        }

    /* MAIN MENU */
        .menu-area {
        	background: var( --chiaroscuro2024-gray2 );
        }
        .main-menu {
            /*height: 32px;*/
            display: flex;
            justify-content: center;
        }
        .main-menu ul {
            margin: 0;
            padding-left: 0;
        }
        .main-menu ul li {
            display: inline-block;
            line-height: 55px;
            position: relative;
        }
        .main-menu ul li.current_page_item > a{
            font-weight: bold;
        }
        .main-menu ul li a {
            color: #FFFFFF;
            padding: 0 30px;
            text-decoration: none;
            display: block;
        }
        .main-menu ul li a:hover,
        .main-menu ul li a:active
        {
            color: var( --chiaroscuro2024-gray1 );
            transition: .5s all;
        }
        .main-menu ul li a:focus + ul
        {
            display: block;
        }
        .main-menu li.menu-item-has-children::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: calc( 50% - 6px);
            width: 0px;
            height: 0px;
            border-top: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #000000;
            border-left: 6px solid transparent;
        }
        .main-menu ul.sub-menu {
            position: absolute;
            padding-left: 0;
            background-color: #000000;
            z-index: 1;
            text-align: left;
            display: none;
        }
        .main-menu ul .menu-item-has-children:hover>ul,
        .main-menu ul .menu-item-has-children:focus+ul {
            display: block
        }
        .main-menu ul.sub-menu li {
            width: max-content;
        }
        .main-menu ul.sub-menu a {
            color: #FFFFFF;
        }
        .menu-icon,
        .check-button {
        	cursor: pointer;
        	display: none;
        }
        .menu-icon .bar1, 
        .menu-icon .bar2, 
        .menu-icon .bar3 {
            width: 28px;
            height: 3px;
            background-color: #333;
            margin: 5px 0;
            transition: 0.4s;
        }
        @media (max-width: 767px){
            .menu-icon,
            .check-button {
        		display: block;
        	}
            .check-button{
                border: none;
                background: transparent;
                height: 55px;
            }
        	.main-menu ul{
        		position: absolute;
        		width: 100%;
        		background: #000000;
        		left: -999px;
        		text-align: left;
        		transition: all cubic-bezier(.79,.14,.15,.86) .5s;
                padding: 0;
                margin: 0;
                z-index: 1;
        	}
            .main-menu ul:not(.sub-menu){
                margin-top: 55px;
            }
        	.main-menu ul li{
        		display: block;
        		margin: 15px 0;
        		line-height: 30px;
        	}
        	.main-menu ul li a {
        		color: #FFFFFF;
        	}
            .main-menu ul.sub-menu{
                position: relative;
                top: 0;
                margin-left: 30px;
                display: block;
                width: auto;
            }
            .main-menu ul.sub-menu a{
                color: var( --chiaroscuro2024-gray1 );
            } 
            .show-dropdown{
                left: 0 !important;
            }   
            .animate-button .bar1 {
                -webkit-transform: rotate(-45deg) translate(-4px, 4px);
                transform: rotate(-45deg) translate(-4px, 4px);
            }
            .animate-button .bar2 {opacity: 0;}
            .animate-button .bar3 {
                -webkit-transform: rotate(45deg) translate(-7px, -7px);
                transform: rotate(45deg) translate(-7px, -7px);
            }
        } 
        .language-list{
            list-style-type: none;
            border: 1px solid;
            border-radius: 3px;   
        }

        .language-list-item{
            padding: 0px;
            margin: 0px;
            line-height: 0;
        }

        .bt-language{
            width: 100%;
            border: none;
            background: no-repeat;
            color: #fff;
            font-family: antenna-regular-webfont;
            font-size: 10px; 
            padding: 3px;
            cursor: pointer;
        }

        .bt-language-active{
            background: #ffffff;
            color: #000000;
        }

    /* HERO */
        .hero{
            background-size: cover;
            background-position: center center;
            color: #FFFFFF;
            text-align: center;
        }
        .hero-items{
            padding: var( --chiaroscuro2024-light-padding );
        }
        .hero .overlay{
            background: rgb(0 0 0 / 50%);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .hero .overlay .container{
            display: flex;
            flex-wrap: wrap;
            text-align: center;
        }
        .hero .overlay .container > * {
            flex: 1 1 250px;
        }
        .hero .hero-items h1{
            margin-top: 0;
            font-weight: normal;
            font-family: antennacond-black-webfont;
            text-align: left;
            font-size: 40px;
            line-height: 52px;
        }
        .hero .hero-items a{
            color: #000000;
            padding: 15px 25px;
            display: inline-block;
            background: #FFFFFF;
            margin: 20px 0 0;
            border-radius: 5px;
            font-family: antenna-regular-webfont;
        }
        .hero .hero-items a:hover{
            background: #CCCCCC;
            transition: .5s all;
        }
        .legenda p,
        .legenda{
            font-family: antenna-regular-webfont;
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            text-align: center;
        }

    /* SERVICES */
    	.services{ 
    	    background: linear-gradient(to bottom, #0E0D0C 50%,#FFFFFF 50% 100%);
    	    padding: 64px 72px; 
    	    color: #ffffff; 
            min-height: 444px;
    	}
    	.services .container{
    	    display: flex;
    	    flex-wrap: wrap;
    	    text-align: center;
    	}
    	.services .container > * {
    	    flex: 1 1 250px;
    	}
    	.services-item{
    	    background: #FFFFFF;
            padding: 32px;
            border-radius: 4px 32px 4px 4px;
            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
            margin-top: 32px;
            min-height: 228px;
    	}
        .services-item-middle{
            margin: 0px 16px;
            margin-top: 32px;
        }
    	.services-item p{
    	    color: #6E6A60;
            text-align: left;
            font-family: antenna-regular-webfont;
            margin-top: 10px;
    	}
    	.services-item figure{ 
    	    background: var( --chiaroscuro2024-black-blue );
    	    padding: 15px; 
    	}
    	.services h2{ 
    	    text-align: center;
    	    position: relative;  
    	}
    	.services h4{
            font-size: 18px;
            line-height: 24px;
    	    color:#0E0D0C;
            text-transform: uppercase;
            text-align: left;
    	}
        .services-item > .widget-wrapper > .wp-block-buttons > .wp-block-button > .wp-block-button__link{
            width: 100px;
            height: 36px;
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 20px;
            text-align: left;
            margin-top: 30px;
        }

    	@media (max-width: 768px) {
    	    .services .container{
    	        flex-direction: column;
    	        padding: 0;
    	    }
    	    .services-item{
    	        max-width: 100%;
                min-height: auto;
    	    }
            .services-item-middle{
                margin: 0px;
                margin-top: 32px;
            }
    	}

    /* COMPANYS */
    	.companys{ 
    	    padding: var( --chiaroscuro2024-big-padding );
            padding-top: 0px;
    	}
    	.companys .container{
    	    display: flex;
    	    flex-wrap: wrap;
    	    text-align: center;
    	}
    	.companys .container > * {
    	    flex: 1 1 250px;
    	}
    	.companys-item{
    	    padding: var(--chiaroscuro2024-light-padding);
    	}
    	.companys-item p{
    	    margin-bottom: 40px;
    	}
    	.companys-item figure{ 
    	    background: var( --chiaroscuro2024-black-blue );
    	    padding: 15px; 
    	}
    	.companys h2{ 
    	    text-align: center;
    	    position: relative;  
            color: #0E0D0C;
    	}
    	.companys h4{
    	    margin: 0;
    	}
        .companys .latest-news{
            margin-top: 32px;
            padding: 10px 0px;
        }
        .img-companys{
            max-height: 150px;
            max-width: 150px;
            margin: 0 auto;
        }
    	@media (max-width: 768px) {
    	    .companys .container{
    	        flex-direction: column;
    	        padding: 0;
    	    }
    	    .companys-item{
    	        max-width: 100%;
    	    }
    	}

    /* ARTS */
        .arts-img{
            min-height: 125px;
            width: 100%;
            background-position: center;
            background-size: cover;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
        }
    	.arts{ 
    	    background: linear-gradient(to bottom, #0E0D0C 278px,#FFF 278px 542px);
            padding: 64px 72px; 
            color: #ffffff; 
            min-height: 542px;
    	}
    	.arts .container{
    	    display: flex;
    	    flex-wrap: wrap;
    	    text-align: center;
    	}
    	.arts .container > * {
    	    flex: 1 1 250px;
    	}
    	.arts-item{
    	    background: #FFFFFF;
            border-radius: 12px;
            margin-top: 32px;
            min-height: 326px;
            border: 1px solid rgba(232, 234, 238, 1);
            margin-right: 3px;
    	}
    	.arts-item p{
    	    /*margin-bottom: 40px;*/
    	}
    	.arts-item figure{ 
    	    background: var( --chiaroscuro2024-black-blue );
    	    padding: 15px; 
    	}
        .arts-item > .meta-info > .wp-block-buttons > .wp-block-button > .wp-block-button__link{
            width: 98px;
            height: 36px;
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 20px;
            text-align: left;
        }
    	.arts h2{ 
    	    text-align: center;
    	    position: relative;  
    	}
        .arts h3{
            color: #0E0D0C;
            min-height: 40px;
        }
    	.arts h4{
    	    margin: 0;
    	}
        .arts .meta-info{
            padding: 12px 32px 32px 32px;
            font-family: antenna-regular-webfont;
            font-size: 16px;
            font-weight: 400;
            line-height: 19.2px;
            text-align: left;
            color: #6E6A60;
        }
        .arts .price{
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 19.2px;
            text-align: left;
            color: #0E0D0C;
            padding: 12px 0px 24px 0px;
        }
        @media (max-width: 768px) {
    	    .arts .container{
    	        flex-direction: column;
    	        padding: 0;
    	    }
    	    .arts-item{
    	        max-width: 100%;
    	    }
    	}

    /* EVENTS */
    	.events{ 
    	    padding: var( --chiaroscuro2024-big-padding ); 
    	    padding-top: 0px;
    	}
    	.events .container{
    	    display: flex;
    	    flex-wrap: wrap;
    	    text-align: center;
    	}
    	.events .container > * {
    	    flex: 1 1 250px;
    	}
    	.events-item{
    	    margin-top: 32px;
    	}
    	.events-item p{
    	    margin-bottom: 40px;
    	}
    	.events-item figure{ 
    	    background: var( --chiaroscuro2024-black-blue );
    	    padding: 15px; 
    	}
    	.events h2{ 
    	    text-align: center;
    	    position: relative;  
    	}
    	.events h4{
    	    margin: 0;
    	}
        @media (max-width: 768px) {
    	    .events .container{
    	        flex-direction: column;
    	        padding: 0;
    	    }
    	    .events-item{
    	        max-width: 100%;
    	    }
    	}

    /* NEWSLETTER */
        .newsletter{ 
            padding: var( --chiaroscuro2024-big-padding ); 
            padding-top: 0px;
            padding: 64px 72px 64px 72px;
            background: #F3F4F6;
            text-align: center;
        }
        .newsletter .container{
            display: flex;
            flex-wrap: wrap;
            text-align: center;
        }
        .newsletter .container > * {
            flex: 1 1 250px;
        }
        .newsletter .wpcf7-submit{
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 20px;
            color: #FFFFFF;
            text-transform: capitalize;
            border: none;
            margin-bottom: 10px;
        }
        .newsletter .wpcf7-form-control{
            padding: 6px 12px 6px 12px;
            border-radius: 4px;
            font-family: antenna-regular-webfont;
            border: 1px;
            margin-right: 10px;
            width: 90%;
            margin-bottom: 10px;
            height: 35px;
        }
        .newsletter .newsform{
            margin-top: 32px;
        }
        .newsletter .widget_wysija_cont{
            width: 100%;
            display: flex;
            justify-content: center;
        }
        @media (max-width: 768px) {
            .newsletter .widget_wysija_cont{
                width: 100%;
                display: block;
            }
            .newsletter .wpcf7-email{
                width: 100%;
            }
        }

    /* CAROUSEL */
        .owl-carousel-cases .owl-nav, 
        .owl-carousel-cases .owl-dots,
        .owl-carousel-events .owl-nav, 
        .owl-carousel-events .owl-dots,
        .owl-carousel-teams .owl-nav, 
        .owl-carousel-teams .owl-dots,
        .owl-carousel-activations .owl-nav, 
        .owl-carousel-activations .owl-dots,
        .owl-carousel-publications .owl-nav, 
        .owl-carousel-publications .owl-dots,
        .owl-carousel-companys .owl-nav, 
        .owl-carousel-companys .owl-dots,
        .owl-carousel-arts .owl-nav, 
        .owl-carousel-arts .owl-dots {
          margin-top: 5px;
          text-align: center;
        }

        .owl-carousel-cases .owl-dot,
        .owl-carousel-events .owl-dot,
        .owl-carousel-teams .owl-dot,
        .owl-carousel-activations .owl-dot,
        .owl-carousel-publications .owl-dot,
        .owl-carousel-companys .owl-dot,
        .owl-carousel-arts .owl-dot {
          display: inline-block;
          margin: 0 5px;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background-color: #A3A294 !important;
        }

        .owl-carousel-cases .owl-dot.active,
        .owl-carousel-events .owl-dot.active,
        .owl-carousel-teams .owl-dot.active,
        .owl-carousel-activations .owl-dot.active,
        .owl-carousel-publications .owl-dot.active,
        .owl-carousel-companys .owl-dot.active,
        .owl-carousel-arts .owl-dot.active {
            background-color: #0E0D0C !important;
        }

        .owl-carousel-cases .owl-nav button.owl-prev, 
        .owl-carousel-cases .owl-nav button.owl-next, 
        .owl-carousel-cases button.owl-dot, 
        .owl-carousel-events .owl-nav button.owl-prev, 
        .owl-carousel-events .owl-nav button.owl-next, 
        .owl-carousel-events button.owl-dot, 
        .owl-carousel-teams .owl-nav button.owl-prev, 
        .owl-carousel-teams .owl-nav button.owl-next, 
        .owl-carousel-teams button.owl-dot, 
        .owl-carousel-activations .owl-nav button.owl-prev, 
        .owl-carousel-activations .owl-nav button.owl-next, 
        .owl-carousel-activations button.owl-dot, 
        .owl-carousel-publications .owl-nav button.owl-prev, 
        .owl-carousel-publications .owl-nav button.owl-next, 
        .owl-carousel-publications button.owl-dot, 
        .owl-carousel-companys .owl-nav button.owl-prev, 
        .owl-carousel-companys .owl-nav button.owl-next, 
        .owl-carousel-companys button.owl-dot, 
        .owl-carousel-arts .owl-nav button.owl-prev, 
        .owl-carousel-arts .owl-nav button.owl-next, 
        .owl-carousel-arts button.owl-dot {
          background: none;
          color: #0E0D0C !important;
          border: none;
          padding: 0 !important;
          font-size: 35px !important;
        }

        .owl-carousel-events .owl-item img {
            max-width: 200px !important;
            margin: 0 auto !important;
        }

    /* Home Blog */
        .home .home-blog{
            padding: var( --chiaroscuro2024-big-padding );
        }
        .home-blog .container article:first-child{
            grid-area: feat-item;
        }
        .home-blog .container{
            display: grid;
            grid-template-areas: 'feat-item feat-item';
            grid-gap: 25px;
        }
        .home .home-blog h2{ 
            text-align: center;
            position: relative;  
        }
        .home .home-blog h2::after{
            content: '';
            position: absolute;
            background-color: var( --chiaroscuro2024-light-blue );
            width: 35px;
            height: 5px;
            right: calc( 50% - 15px);
            bottom: 0;
        }
        .home .home-blog .latest-news{ 
            text-align: center; 
        }
        .home .home-blog .col-12 .latest-news{  
            margin-bottom: 40px;
        }
        .home .home-blog .latest-news img{ 
            float: none !important;
            margin: 0 0 25px 0 !important;
        }
        .home .home-blog .latest-news h3{ 
            color: #000000;
            margin: 0; 
            line-height: 2.6rem;
        }
        .home .home-blog .meta-info p{ 
            font-weight: bold; 
            margin-bottom: 0; 
        }
        .home .home-blog .meta-info p:last-child{ 
            margin-top: 5px; 
        }
        .home .home-blog span, 
        .home .home-blog span a{ 
            color: var( --chiaroscuro2024-gray1 ); 
            font-weight: normal; 
            text-decoration: none;
            margin: 0 2px 0 0; 
        }
        @media (max-width: 768px) {
            .home-blog .container{
                display: block;
            }
        }

    /* FOOTER */
        footer{ 
            background: var( --chiaroscuro2024-deep-black ); 
            padding: 48px 72px 16px 72px; 
            color: #FFFFFF; 
        }
        footer .container .row{
            align-items: center;
        }
        .site-footer .container{
            display: flex;
            flex-wrap: wrap;
            text-align: center;
        }
        .site-footer .container > * {
            flex: 1 1 250px;
        }
        footer h4{
            font-size: 20px;
            line-height: 32px;
            text-align: left;
            text-transform: uppercase;
        }
        footer p{
            color: #6E6A60;
            font-family: antenna-regular-webfont;
            text-align: left;
            margin-bottom: 32px !important;
            color: #FFFFFF;
        }
        footer p strong{
            font-weight: bold;
        }
        .logos .wp-block-columns {
            justify-content: right;
            margin-bottom: 25px;
        }
        .wp-block-social-links .wp-block-social-link.wp-social-link {
            background-color: black;
        }
        .wp-block-social-links .wp-social-link svg {
            height: 2em;
            width: 2em;
        }
        .wp-image-2225{
            margin: 0px 0px 24px 0px;
        }

        /* Footer - Footer Menu */
        .site-footer .container{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .site-footer .copyright p{
            margin: 0;
        }
        .footer-menu ul{ 
            list-style: none; 
            padding: 0; 
            margin: 0; 
        }
        .footer-menu ul li{ 
            display: inline;  
            margin: 0 15px 0 0;
        }
        .footer-menu ul li:last-child{ 
            margin: 0; 
        }
        .footer-menu ul li a{  
            text-decoration: none;
            color: #FFFFFF;
        }
        .footer-menu ul li.current_page_item a{ 
            font-weight: bold; 
        }
        @media (max-width: 768px) {
            .site-footer .container{
                justify-content: safe;
            }
        }
        @media (max-width: 575px) {
            .site-footer .container{
                flex-wrap: wrap;
            }
        }

/************** INNER PAGES *****************/

    /* Blog, Archive, Search, About, Agency, Cases, Events, Arts, Contact */
        div .overlay,
        header .overlay {
          background: rgb(0 0 0 / 50%);
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .blog h1,
        .archive h1,
        .page-template-general-template h1,
        .page-template-agency-template h1,
        .page-template-case-template h1,
        .page-template-event-template h1,
        .page-template-artshop-template h1,
        .page-template-contact-template h1{
            font-family: antennacond-black-webfont;
            font-size: 24px;
            font-weight: 900;
            line-height: 32px;
            text-align: center;
            color: #000000;
            text-transform: uppercase;
        }
        .page-template-general-template p,
        .page-template-agency-template p,
        .page-template-case-template p,
        .page-template-event-template p,
        .page-template-artshop-template p,
        .page-template-contact-template p{
            font-family: antenna-regular-webfont;
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -0.02em;
        }

        .page-template-agency-template h1,
        .page-template-case-template h1,
        .page-template-event-template h1,
        .page-template-artshop-template h1,
        .page-template-contact-template h1{
            color: #FFFFFF;
            font-size: 40px;
            line-height: 52px;
        }
        .page-template-general-template .legenda,
        .page-template-case-template p,
        .page-template-agency-template p,
        .page-template-event-template p,
        .page-template-artshop-template p{
            color: #FFFFFF;
        }

        .page-template-general-template h1{
            color: #FFFFFF;
            font-size: 24px;
        }

    /* CONTACT  */
        .contact{ 
            background: #FFFFFF;
            padding: 64px 72px; 
            color: #0E0D0C; 
        }
        .contact .container{
            display: flex;
            flex-wrap: wrap;
            text-align: left;
        }
        .contact .container > * {
            flex: 1 1 250px;
        }
        .contact-item{
            background: #FFFFFF;
            margin-top: 16px;
        }
        .contact .form-contact{
            margin-top: 20px;
        }
        .contact .wpcf7-submit{
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 20px;
            color: #FFFFFF;
            text-transform: capitalize;
            border: none;
            margin-bottom: 10px;
        }
        .contact .wpcf7-form-control{
            padding: 6px 12px 6px 12px;
            border-radius: 4px;
            font-family: antenna-regular-webfont;
            border: 1px solid;
            margin-right: 10px;
            width: auto;
            margin-bottom: 10px;
            height: 35px;
        }

    /* ABOUT */

        /* ABOUT */
            .about .container{
                display: flex;
                flex-wrap: wrap;
                text-align: center;
            }
            .about .container > * {
                flex: 1 1 250px;
            }

            .about-item .meta-info{
                display: flex;
                padding: 64px;
            }
            .about-item .meta-info p{
                text-align: left;
            }
            .about-item .meta-info img{
                min-width: 200px;
                margin-right: 40px;
            }
            .about-item .meta-info button{
                height: 36px;
                padding: 8px 16px 8px 16px;
                border-radius: 4px;
                color: #FFFFFF;
                background: #0E0D0C;
                border: none;
                margin-top: 32px;
                font-family: antennacond-black-webfont;
                font-size: 16px;
                line-height: 20px;
                letter-spacing: -0.02em;
                text-align: left;
            }
            @media (max-width: 768px) {
                .about-item .meta-info{
                    display: block;
                }
                .about-item .meta-info img{
                    margin-right: 0px;
                }
            }
        
        /* TEAM */
            .team{ 
                background: linear-gradient(to bottom, #0E0D0C 278px,#FFF 278px 542px);
                padding: 64px 72px; 
                color: #ffffff; 
                min-height: 542px;
            }
            .team .container{
                display: flex;
                flex-wrap: wrap;
                text-align: center;
            }
            .team .container > * {
                flex: 1 1 250px;
            }
            .team h2{ 
                text-align: center;
                position: relative;  
            }
            .team h3{
                color: #0E0D0C;
                text-transform: uppercase;
                margin: 20px 0px 16px 0px;
                text-align: left;
            }
            .team h4{
                margin: 0;
            }
            .team .meta-info{
                font-family: antenna-regular-webfont;
                font-size: 16px;
                font-weight: 400;
                line-height: 19.2px;
                text-align: left;
                color: #6E6A60;
            }
            .team-item{
                padding: 24px;
                border-radius: 4px 32px 4px 4px;
                box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
                background: #FFFFFF;
                margin-top: 32px;
                min-height: 370px;
                margin-bottom: 5px;
            }
            .team-item .meta-info p{
                min-height: 400px;
            }
            .team-item img {
                max-width: 100px;
                border-radius: 5px;
                max-height: 100px;
            }
            @media (max-width: 768px) {
                .team h3{
                    min-height: 50px;
                }
            }

        /* ARTIST */
            .artist{ 
                background: #0E0D0C;
                padding: 64px 72px; 
                color: #ffffff; 
            }
            .artist .container{
                display: flex;
                flex-wrap: wrap;
                text-align: left;
            }
            .artist .container > * {
                flex: 1 1 250px;
            }
            .artist h2{ 
                text-align: left;
                position: relative;  
                margin-top: 20px;
            }
            .artist p {
                margin: 20px 0px 40px 0px;
            }
            .artist .wp-block-button__link{
                padding: 8px 16px 8px 16px;
                border-radius: 4px;
                background: #FFFFFF;
                color: #0E0D0C;
                font-family: antennacond-black-webfont;
                font-size: 16px;
                line-height: 20px;
                text-align: left;
            }

        /* PUBLICATION */
            .publication-img{
                min-height: 125px;
                width: 100%;
                background-position: center;
                background-size: cover;
                border-top-left-radius: 12px;
                border-top-right-radius: 12px;
            }
            .publication{ 
                padding: 64px 72px; 
                color: #0E0D0C;; 
            }
            .publication .container{
                display: flex;
                flex-wrap: wrap;
                text-align: center;
            }
            .publication .container > * {
                flex: 1 1 250px;
            }
            .publication-item{
                background: #FFFFFF;
                border-radius: 12px;
                margin-top: 32px;
                min-height: 326px;
                border: 1px solid rgba(232, 234, 238, 1);
                margin-right: 3px;
            }
            .publication-item p{
                margin-bottom: 60px;
                margin-top: 5px
            }
            .publication-item figure{ 
                background: var( --chiaroscuro2024-black-blue );
                padding: 15px; 
            }
            .publication-item .wp-block-button__link {
                padding: 8px 16px 8px 16px 
                border-radius: 4px;
                background: #0E0D0C;
                font-family: antennacond-black-webfont;
                font-size: 16px;
                line-height: 20px;
                text-align: left;
                
            }
            .publication h2{ 
                text-align: center;
                position: relative;  
            }
            .publication h3{
                color: #0E0D0C;
                min-height: 40px;
            }
            .publication h4{
                margin: 0;
            }
            .publication .meta-info{
                padding: 12px 32px 32px 32px;
                font-family: antenna-regular-webfont;
                font-size: 16px;
                font-weight: 400;
                line-height: 19.2px;
                text-align: left;
                color: #6E6A60;
                min-height: 275px;
            }
            .publication .price{
                font-family: antennacond-black-webfont;
                font-size: 16px;
                line-height: 19.2px;
                text-align: left;
                color: #0E0D0C;
                padding: 12px 0px 24px 0px;
            }
            @media (max-width: 768px) {
                .publication .container{
                    flex-direction: column;
                    padding: 0;
                }
                .publication-item{
                    max-width: 100%;
                }
                .publication h3{
                    min-height: 80px;
                }
                .publication-item p {
                    min-height: 200px;
                }
            }

    /* AGENCY */

        /* EXPERTISE */
            .expertise{ 
                background: #FFFFFF;
                padding: 64px 72px; 
                color: #0E0D0C; 
            }
            .expertise .container{
                display: flex;
                flex-wrap: wrap;
                text-align: left;
            }
            .expertise .container > * {
                flex: 1 1 250px;
            }
            .expertise h2{ 
                text-align: left;
                position: relative;  
                margin-top: 20px;
            }
            .expertise p {
                margin: 20px 0px 40px 0px;
                color: #0E0D0C;
            }
            .expertise .wp-block-button__link{
                padding: 8px 16px 8px 16px;
                border-radius: 4px;
                background: #0E0D0C;
                color: #FFFFFF;
                font-family: antennacond-black-webfont;
                font-size: 16px;
                line-height: 20px;
                text-align: left;
            }

        /* ACTIVATION */
            .activation{ 
                background: linear-gradient(to bottom, #0E0D0C 278px,#FFF 278px 542px);
                padding: 64px 0px; 
                color: #ffffff; 
                min-height: 542px;
            }
            .activation .container{
                display: flex;
                flex-wrap: wrap;
                text-align: center;
            }
            .activation .container > * {
                flex: 1 1 250px;
            }
            .activation h2{ 
                text-align: center;
                position: relative;  
            }
            .activation h3{
                color: #0E0D0C;
                text-transform: uppercase;
                margin: 24px 0px 10px 0px;
                text-align: left;
                margin-left: 24px;
            }
            .activation h4{
                margin: 0;
            }
            .activation-icon{
                display: flex;
                margin-bottom: 32px;
                min-height: 85px;
            }
            .activation .meta-info{
                font-family: antenna-regular-webfont;
                font-size: 16px;
                font-weight: 400;
                line-height: 19.2px;
                text-align: left;
                color: #6E6A60;
            }
            .activation-item{
                padding: 24px;
                border-radius: 12px;
                box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
                background: #FFFFFF;
                margin-top: 32px;
                min-height: 372px;
                margin-bottom: 5px;
            }
            .activation-item img {
                max-width: 72px;
                max-height: 72px;
                border-radius: 5px;
            }
            .activation-item ol, 
            .activation-item ul {
                list-style: disc;
                min-height: 350px;
            }
            .activation-item li {
                margin: 10px;
            }
            .activation-item figure{ 
                background: var( --chiaroscuro2024-black-blue );
                padding: 15px; 
            }
            .activation-item .wp-block-button__link{
                padding: 8px 16px 8px 16px;
                border-radius: 4px;
                background: #0E0D0C;
                font-family: antennacond-black-webfont;
                font-size: 16px;
                line-height: 20px;
                text-align: left;
            }

        /* HOW-WORKS */
            .how-works{ 
                background: #FFFFFF;
                padding: 0px 72px 64px 72px;
                color: #0E0D0C; 
            }
            .how-works .container{
                display: block;
            }
            .how-works .container > * {
                flex: 1 1 250px;
            }
            .how-works h2{ 
                text-align: center;
                position: relative;  
                margin-top: 20px;
            }
            .how-works p {
                margin: 20px 0px 40px 0px;
                color: #0E0D0C;
            }
            .how-works .wp-block-columns{
                margin-top:32px;
            }
            .how-works .wp-block-column{
                padding: 24px;
                background: #E8EAEE;
                border: 1px solid #E8EAEE;
                border-radius: 12px;
                border: 1px;
            }
            .how-works hr{
                margin: 32px 0px;
                border: 2px solid #F3F4F6;
            }
            .how-works .wp-block-buttons{
                justify-content: center;
                margin-top: 32px;
            }
            .how-works .wp-block-button__link{
                padding: 8px 16px 8px 16px;
                border-radius: 4px;
                background: #0E0D0C;
                color: #FFFFFF;
                font-family: antennacond-black-webfont;
                font-size: 16px;
                line-height: 20px;
                text-align: left;
            }

        /* TIMELINE */
            .timeline {
                display: flex;
                justify-content: space-between;
                position: relative;
            }

            /* Linha da timeline */
            .timeline::after {
                content: '';
                position: absolute;
                top: 26px;
                left: -5px;
                width: 12px;
                height: 12px;
                background: #F3F4F6;
                border-radius: 50%;
                z-index: 2;
            }

            .timeline::before {
                content: '';
                position: absolute;
                top: 30px;
                left: 0;
                right: 0;
                height: 3px;
                background: #F3F4F6;
                z-index: 1;
                height: 5px; /* Linha mais grossa */
            }

            .timeline {
                position: relative;
            }

            .timeline .end-dot {
                position: absolute;
                top: 26px;
                right: -5px; /* Posição da bolinha direita */
                width: 12px;
                height: 12px;
                background: #F3F4F6;
                border-radius: 50%;
                z-index: 2;
            }

            .marker {
                position: relative;
                z-index: 3;
                flex: 1;
            }

            /* Linha tracejada descendo */
            .marker::after {
                content: '';
                position: absolute;
                top: 33px;
                left: 50%;
                transform: translateX(-50%);
                width: 2px;
                height: 30px;
                background: transparent;
                border-left: 4px dashed #F3F4F6;
                z-index: 3;
            }

            /* Bolinha na ponta da linha tracejada */
            .marker .bottom-dot {
                position: absolute;
                top: 60px; /* Depois da linha tracejada */
                left: 50%;
                transform: translateX(-50%);
                width: 10px;
                height: 10px;
                background: #F3F4F6;
                border-radius: 50%;
                z-index: 4;
            }

            .content {
                margin-top: 80px;
                min-height: 232px;
            }

        /* CASE */
            .case{ 
                padding: 64px 72px; 
                color: #0E0D0C;
                background: #F3F4F6;
            }
            .case .container{
                display: flex;
                flex-wrap: wrap;
                text-align: center;
            }
            .case .container > * {
                flex: 1 1 250px;
            }
            .case .wp-block-buttons{
                justify-content: center;
                margin-top: 32px;
            }
            .case .wp-block-button__link{
                padding: 8px 16px 8px 16px;
                border-radius: 4px;
                background: #0E0D0C;
                font-family: antennacond-black-webfont;
                font-size: 16px;
                line-height: 20px;
                text-align: left;
            }
            .case-img{
                min-height: 125px;
                width: 100%;
                background-position: center;
                background-size: cover;
                border-top-left-radius: 12px;
                border-top-right-radius: 12px;
            }
            .case-item{
                background: #FFFFFF;
                border-radius: 12px;
                margin-top: 32px;
                min-height: 336px;
                border: 1px solid rgba(232, 234, 238, 1);
                margin-right: 3px;
            }
            .case-item p{
                margin-bottom: 60px;
                margin-top: 5px;
                color: #0E0D0C;
                min-height: 160px;
            }
            .case .legenda{
                color: #0E0D0C;
            }
            .case-item figure{ 
                background: var( --chiaroscuro2024-black-blue );
                padding: 15px; 
            }
            .case-item .wp-block-buttons{
                justify-content: left;
                margin-top: 32px;
            }
            .case-item .wp-block-button__link{
                padding: 8px 16px 8px 16px;
                border-radius: 4px;
                background: #0E0D0C;
                font-family: antennacond-black-webfont;
                font-size: 16px;
                line-height: 20px;
                text-align: left;
            }
            .case h2{ 
                text-align: center;
                position: relative;  
            }
            .case h3{
                color: #0E0D0C;
                min-height: 40px;
            }
            .case h4{
                margin: 0;
            }
            .case .meta-info{
                padding: 12px 32px 32px 32px;
                font-family: antenna-regular-webfont;
                font-size: 16px;
                font-weight: 400;
                line-height: 19.2px;
                text-align: left;
                color: #6E6A60;
            }
            @media (max-width: 768px) {
                .case .container{
                    flex-direction: column;
                    padding: 0;
                }
                .case-item{
                    max-width: 100%;
                }
            }

    /* ACTIVATION SINGLE */
        .single-ativacoes h1{
            font-family: antennacond-black-webfont;
            font-size: 32px;
            font-weight: 900;
            line-height: 40px;
            text-align: left;
            text-transform: uppercase;
            padding-top: 48px;
            padding-bottom: 24px;
        }
        .single-ativacoes p{
            font-family: antenna-regular-webfont;
            font-size: 16px;
            font-weight: 400;
            line-height: 22.4px;
            text-align: left;
            color: #6E6A60;
        }
        .single-ativacoes .bwg_container {
            margin: 45px !important;
        }
        
    /* CASES */
        .cases{ 
            padding: 64px 72px; 
            color: #0E0D0C;
            background: #F3F4F6;
        }
        .cases .container{
            display: flex;
            flex-wrap: wrap;
            text-align: center;
        }
        .cases .container > * {
            flex: 1 1 354px;
        }
        .cases .wp-block-buttons{
            justify-content: left;
            margin-top: 32px;
        }
        .cases .wp-block-button__link{
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 20px;
            text-align: left;
        }
        .cases-img{
            min-height: 125px;
            width: 100%;
            background-position: center;
            background-size: cover;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
        }
        .cases-item{
            background: #FFFFFF;
            border-radius: 12px;
            margin-top: 16px;
            min-height: 376px;
            border: 1px solid rgba(232, 234, 238, 1);
            margin-right: 16px;
            max-width: calc(33.333% - 20px);
        }
        .cases-item p{
            margin-bottom: 24px;
            margin-top: 5px;
            color: #0E0D0C;
            min-height: 95px;
        }
        .cases-item figure{ 
            background: var( --chiaroscuro2024-black-blue );
            padding: 15px; 
        }
        .cases-item .wp-block-button__link{
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 20px;
            text-align: left;
        }
        .cases h2{ 
            text-align: center;
            position: relative;  
        }
        .cases h3{
            color: #0E0D0C;
            min-height: 40px;
        }
        .cases h4{
            margin: 0;
        }
        .cases .meta-info{
            padding: 12px 32px 32px 32px;
            font-family: antenna-regular-webfont;
            font-size: 16px;
            font-weight: 400;
            line-height: 19.2px;
            text-align: left;
            color: #6E6A60;
        }
        @media (max-width: 768px) {
            .cases .container{
                flex-direction: column;
                padding: 0;
            }
            .cases-item{
                max-width: 100%;
            }
        }

    /* CASES SINGLE */
        .single-empresas h1{
            font-family: antennacond-black-webfont;
            font-size: 32px;
            font-weight: 900;
            line-height: 40px;
            text-align: left;
            text-transform: uppercase;
            padding-top: 48px;
            padding-bottom: 24px;
        }
        .single-empresas p{
            font-family: antenna-regular-webfont;
            font-size: 16px;
            font-weight: 400;
            line-height: 22.4px;
            text-align: left;
            color: #6E6A60;
        }
        .single-empresas .bwg_container {
            margin: 45px !important;
        }

    /* EVENTS */
        .page-template-event-template .events{ 
            padding: 64px 72px; 
            color: #0E0D0C;
            background: #F3F4F6;
        }
        .page-template-event-template .events .container{
            display: flex;
            flex-wrap: wrap;
            text-align: center;
        }
        .page-template-event-template .events .container > * {
            flex: 1 1 354px;
        }
        .page-template-event-template .events .wp-block-buttons{
            justify-content: left;
            margin-top: 32px;
        }
        .page-template-event-template .events .wp-block-button__link{
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 20px;
            text-align: left;
        }
        .page-template-event-template .events-img{
            min-height: 125px;
            width: 100%;
            background-position: center;
            background-size: cover;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
        }
        .page-template-event-template .events-item{
            background: #FFFFFF;
            border-radius: 12px;
            margin-top: 16px;
            min-height: 376px;
            border: 1px solid rgba(232, 234, 238, 1);
            margin-right: 16px;
            max-width: calc(33.333% - 20px);
        }
        .page-template-event-template .events-item p{
            margin-bottom: 24px;
            margin-top: 5px;
            color: #0E0D0C;
            min-height: 95px;
        }
        .page-template-event-template .events-item figure{ 
            background: var( --chiaroscuro2024-black-blue );
            padding: 15px; 
        }
        .page-template-event-template .events-item .wp-block-button__link{
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 20px;
            text-align: left;
        }
        .page-template-event-template .events .title,
        .page-template-event-template .events .title p{ 
            text-align: center;
            color: #0E0D0C;
        }
        .page-template-event-template .events h2{ 
            text-align: center;
            position: relative;  
        }
        .page-template-event-template .events h3{
            color: #0E0D0C;
            min-height: 40px;
        }
        .page-template-event-template .events h4{
            margin: 0;
        }
        .page-template-event-template .events .meta-info{
            padding: 12px 32px 32px 32px;
            font-family: antenna-regular-webfont;
            font-size: 16px;
            font-weight: 400;
            line-height: 19.2px;
            text-align: left;
            color: #6E6A60;
        }
        .page-template-event-template .events-past{
            text-align: center;
            padding-top: 64px;
        }
        .page-template-event-template .events-past .events-item{
            border: none;
            margin-top: 32px;
        }
        @media (max-width: 768px) {
            .page-template-event-template .events .container{
                flex-direction: column;
                padding: 0;
            }
            .page-template-event-template .events-item{
                max-width: 100%;
            }
        }

    /* EVENTS SINGLE */
        .single-eventos h1{
            font-family: antennacond-black-webfont;
            font-size: 32px;
            font-weight: 900;
            line-height: 40px;
            text-align: left;
            text-transform: uppercase;
            padding-top: 48px;
            padding-bottom: 24px;
        }
        .single-eventos p{
            font-family: antenna-regular-webfont;
            font-size: 16px;
            font-weight: 400;
            line-height: 22.4px;
            text-align: left;
            color: #6E6A60;
        }
        .single-eventos .bwg_container {
            margin: 45px !important;
        }

    /* ART SHOP */
        .artshop{ 
            padding: 64px 72px; 
            color: #0E0D0C;
            background: #FFFFFF;
        }
        .artshop .container{
            display: flex;
            flex-wrap: wrap;
            text-align: center;
        }
        .artshop .container > * {
            flex: 1 1 260px;
        }
        .artshop .wp-block-buttons{
            justify-content: left;
            margin-top: 32px;
        }
        .shop-menu{
            height: 44px;
            padding: 8px;
            border-radius: 4px;
            margin-top: 48px;
        }
        .bt-galeria{
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 14px;
            line-height: 16px;
            text-align: left;
            border: none;
            color: #FFF;
        }
        .bt-galeria-off{
            background: #F3F4F6;
            font-family: antenna-regular-webfont;
            font-size: 14px;
            line-height: 16px;
            text-align: left;
            border: none;
            color: #000;
        }
        .artshop .wp-block-button__link{
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 20px;
            text-align: left;
        }
        .artshop-img{
            min-height: 125px;
            width: 100%;
            background-position: center;
            background-size: cover;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
        }
        .artshop-item{
            background: #FFFFFF;
            border-radius: 12px;
            margin-top: 16px;
            min-height: 326px;
            border: 1px solid rgba(232, 234, 238, 1);
            margin-right: 16px;
            max-width: calc(33.333% - 20px);
        }
        .artshop-item p{
            margin-top: 5px;
            color: #0E0D0C;
        }
        .artshop-item figure{ 
            background: var( --chiaroscuro2024-black-blue );
            padding: 15px; 
        }
        .artshop-item .wp-block-button__link{
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 20px;
            text-align: left;
        }
        .artshop .title,
        .artshop .title p{ 
            text-align: center;
            color: #0E0D0C;
        }
        .artshop h2{ 
            text-align: center;
            position: relative;  
        }
        .artshop h3{
            color: #0E0D0C;
            min-height: 40px;
        }
        .artshop h4{
            margin: 0;
        }
        .artshop .meta-info{
            padding: 12px 32px 32px 32px;
            font-family: antenna-regular-webfont;
            font-size: 16px;
            font-weight: 400;
            line-height: 19.2px;
            text-align: left;
            color: #6E6A60;
        }
        .artshop .price {
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 19.2px;
            text-align: left;
            color: #0E0D0C;    
        }
        .artistshop .post-list,
        .artshop .post-list{
            margin-top: 48px;
        }
        .paginacao{
            min-width: 100%;
        }
        .artistshop-busca,
        .artshop-busca{
            float: right;
        }
        .artshop-filter-item{
            width: 150px;
            height: 36px;
            padding: 8px 12px 8px 12px;
            border-radius: 4px;
            border: 1px solid #f3f4f6;
            background: #fff;
            margin: 4px;
            font-family: antenna-regular-webfont;
            color: #A3A294;
            font-size: 14px;
        }
        .artistshop-button,
        .artshop-button{
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 14px;
            line-height: 13px;
            text-align: left;
            border: none;
            color: #FFF;
        }
        .artistshop-input,
        .artshop-input{
            width: 368px;
            height: 32px;
            padding-left: 12px;
            border-radius: 4px;
            border: 1px solid #666;
            background-color: #F3F4F6;
            opacity: 0.5;
            font-family: antenna-regular-webfont;
            font-size: 14px;
        }   
        .artistshop .paginacao_seta_anterior,
        .artistshop .paginacao_seta_proxima,
        .artshop .paginacao_seta_anterior,
        .artshop .paginacao_seta_proxima {
            border: 1px solid #BEBEB3;
            padding: 6px;
            color: #BEBEB3;
            cursor: pointer;
            margin-right: 5px;
        }
        .artistshop .paginacao_seta_anterior,
        .artshop .paginacao_seta_anterior {
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
        }
        .artistshop .paginacao_seta_proxima,
        .artshop .paginacao_seta_proxima {
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
        }
        .artistshop .paginacao_numero,
        .artshop .paginacao_numero{
            border: 1px solid #BEBEB3;
            padding: 6px 16px 7px 16px;
            font-size: 14px;
            color: #BEBEB3;
            font-family: antenna-regular-webfont;
            cursor: pointer;
            display: inline-block;
            margin-bottom: 4px;
        }
        .artistshop .paginacao_ativa,
        .artshop .paginacao_ativa{
            color: #0E0D0C;
        }
        @media (max-width: 768px) {
            .artshop .container{
                flex-direction: column;
                padding: 0;
            }
            .artshop-item{
                max-width: 100%;
            }
        }

    /* ART SINGLE */
        .woocommerce div.product {
          margin-bottom: 0;
          position: relative;
          display: flex;
        }
        .woocommerce-product-gallery{
            padding: 48px;
        }
        
        .woocommerce div.product div.images,
        .woocommerce div.product div.summary {
            margin-bottom: 0px;
        }

        .summary{
            padding: 48px;
            background-color: #fff;
        }

        .summary .product-artist{
            font-family: antenna-regular-webfont;
            font-size: 20px;
            font-weight: 400;
            line-height: 28px;
            text-align: left;
            margin: 10px 0px;
        }

        .summary .product-atributes{
            font-family: antenna-regular-webfont;
            font-size: 14px;
            line-height: 19.6px;
            text-align: left;
            margin: 0px;
        }

        .summary .product-atributes-span{
            font-family: antennacond-black-webfont;
            font-size: 14px;
            line-height: 19.6px;
            text-align: left;
            margin: 0px;
        }

        .summary .product-description{
            font-family: antenna-regular-webfont;
            font-size: 12px;
            font-weight: 400;
            line-height: 16.8px;
            text-align: left;
        }

        .summary .product-contact{
            font-family: antenna-regular-webfont;
            font-size: 12px;
            font-weight: 400;
            line-height: 16.8px;
            text-align: left;
            color: #6E6A60;
            margin: 20px 0px;
            border: 1px solid #F3F4F6;
            border-radius: 4px;
            padding: 20px;
        }

        .summary .product-contact span{
            font-family: antennacond-black-webfont;
            font-size: 18px;
            line-height: 27px;
            text-align: left;
            color: #0E0D0C;
            text-transform: uppercase;
        }

        .summary input{
            padding: 6px 12px 6px 12px;
            border-radius: 4px;
            font-family: antenna-regular-webfont;
            border: 1px solid #F3F4F6;
            margin-right: 10px;
            width: 100%;
            margin-bottom: 10px;
            font-size: 12px;
        }

        .summary input[type="checkbox"]{
            width: auto;
        }

        .summary input[type="submit"]{
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 20px;
            border: none;
            color: #fff;
            width: 100%;
            text-align: center;
            margin-top: 10px;
        }

    /* ARTIST SHOP */
        .artistshop{ 
            padding: 64px 72px; 
            color: #0E0D0C;
            background: #FFFFFF;
        }
        .artistshop .container{
            display: flex;
            flex-wrap: wrap;
            text-align: center;
        }
        .artistshop .container > * {
            flex: 1 1 260px;
        }
        .artistshop .wp-block-buttons{
            justify-content: left;
            margin-top: 32px;
        }
        .artistshop .wp-block-button__link{
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 20px;
            text-align: left;
        }
        .artistshop-img{
            min-height: 125px;
            width: 100%;
            background-position: center;
            background-size: cover;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
        }
        .artistshop-item{
            background: #FFFFFF;
            border-radius: 12px;
            margin-top: 16px;
            min-height: 326px;
            border: 1px solid rgba(232, 234, 238, 1);
            margin-right: 16px;
        }
        .artistshop-item p{
            margin-top: 5px;
            color: #0E0D0C;
        }
        .artistshop-item figure{ 
            background: var( --chiaroscuro2024-black-blue );
            padding: 15px; 
        }
        .artistshop-item .wp-block-button__link{
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 20px;
            text-align: left;
        }
        .artistshop .title,
        .artistshop .title p{ 
            text-align: center;
            color: #0E0D0C;
        }
        .artistshop h2{ 
            text-align: center;
            position: relative;  
        }
        .artistshop h3{
            color: #0E0D0C;
            min-height: 40px;
        }
        .artistshop h4{
            margin: 0;
        }
        .artistshop .meta-info{
            padding: 12px 32px 32px 32px;
            font-family: antenna-regular-webfont;
            font-size: 16px;
            font-weight: 400;
            line-height: 19.2px;
            text-align: left;
            color: #6E6A60;
        }
        .artshop-img-perfil{
            width: 100px;
            height: 100px;
            background-size: cover;
            background-position: center;
            border-radius: 8px;
            margin-top: -75px;
            margin-bottom: 24px;
        }
        .artistshop .artistshop-excerpt > p{
            font-family: antenna-regular-webfont;
            font-size: 16px;
            line-height: 19.2px;
            text-align: left;
            text-transform: lowercase;
            color: #6E6A60;
        }
        .artistshop .artistshop-count{
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 19.2px;
            text-align: left;
        }

        @media (max-width: 768px) {
            .artistshop .container{
                flex-direction: column;
                padding: 0;
            }
            .artistshop-item{
                max-width: 100%;
            }
        }

    /* ARTIST SINGLE */
        .single h1{
            font-family: antennacond-black-webfont;
            font-size: 32px;
            font-weight: 900;
            line-height: 40px;
            text-align: left;
            text-transform: uppercase;
        }
        .single p{
            font-family: antenna-regular-webfont;
            font-size: 16px;
            font-weight: 400;
            line-height: 22.4px;
            text-align: left;
            color: #6E6A60;
            margin-top: 32px;
            margin-bottom: 32px;
        }
        .single {
          background: #F3F4F6;
        }
        .single .artistshop-excerpt > p{
            font-family: antenna-regular-webfont;
            font-size: 16px;
            line-height: 19.2px;
            text-align: left;
            text-transform: lowercase;
            color: #6E6A60;
            margin: 0px;
        }
        .single-artshop .container{
            display: flex;
            flex-wrap: wrap;
            text-align: center;
            padding: 0px;
            margin-bottom: 32px;
        }
        .single-artshop .container > * {
            flex: 1 1 260px;
        }
        .single-artshop .wp-block-button__link{
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 20px;
            text-align: left;
        }
        .single-artshop-img{
            min-height: 125px;
            width: 100%;
            background-position: center;
            background-size: cover;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
        }
        .single-artshop-item{
            background: #FFFFFF;
            border-radius: 12px;
            margin-top: 16px;
            min-height: 326px;
            border: 1px solid rgba(232, 234, 238, 1);
            margin-right: 16px;
        }
        .single-artshop-item p{
            margin-top: 5px;
            color: #0E0D0C;
        }
        .single-artshop-item figure{ 
            background: var( --chiaroscuro2024-black-blue );
            padding: 15px; 
        }
        .single-artshop-item .wp-block-button__link{
            padding: 8px 16px 8px 16px;
            border-radius: 4px;
            background: #0E0D0C;
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 20px;
            text-align: left;
        }
        .single-artshop .title,
        .single-artshop .title p{ 
            text-align: center;
            color: #0E0D0C;
        }
        .single-artshop h2{ 
            text-align: center;
            position: relative;  
        }
        .single-artshop h3{
            color: #0E0D0C;
            min-height: 40px;
        }
        .single-artshop h4{
            margin: 0;
        }
        .single-artshop .meta-info{
            padding: 12px 32px 32px 32px;
            font-family: antenna-regular-webfont;
            font-size: 16px;
            font-weight: 400;
            line-height: 19.2px;
            text-align: left;
            color: #6E6A60;
        }
        .single-artshop .price {
            font-family: antennacond-black-webfont;
            font-size: 16px;
            line-height: 19.2px;
            text-align: left;
            color: #0E0D0C;    
        }
        @media (max-width: 768px) {
            .single-artshop .container{
                flex-direction: column;
                padding: 0;
            }
            .single-artshop{
                max-width: 100%;
            }
        }

    /* BLOG */
        .blog main .container,
        .archive main .container{
            display: flex;
        }
        .blog .blog-items,
        .archive .archive-items{
            padding: 0 15px 0 0;
            flex: 1;
        }
        .blog .blog-items h2,
        .archive .blog-items h2{
            margin-top: 0;
        }
        .blog article{
            margin-bottom: 20px;
        }
        .blog aside,
        .archive aside{
            padding: 25px;
            background: #F4F4F4;
            height: 100%;
            width: 30%;
        }
        @media screen and (max-width: 991px ) {
            .blog aside,
            .archive aside,
            .blog .blog-items,
            .archive .archive-items{
                min-width: 100%;
            }
        }
        .archive-description{
            text-align: center;
            max-width: 50%;
            margin: 0 auto 30px auto;
        }
        .archive-description p{
            font-size: 85%;
        }
        .home #primary > #main{
            padding: 0;
        }
        #primary > #main{
            padding: 0px;
        }
        @media screen and (max-width: 991px ) {
            #primary > #main{
                padding: 0px;
            }
        }
        .wp-post-image{ 
            float: left; 
            margin: 0 15px 10px 0; 
        }
        @media screen and (max-width: 550px ) {
            .wp-post-image{ 
                width: 100%; 
            }
        }
        article{ 
            display: inline-block;  
            width: 100%; 
        }
        article.post h1,
        .search h1,
        .archive h1{
            font-size: 32px;
            line-height: 40px;
        }
        article.post h2{
            line-height: 3rem;
            text-transform: none;
        }
        article h2{
            line-height: 3rem;
            margin-bottom: 10px;
            text-transform: none;
        }
        article.post h3,
        article.post h4,
        article.post h5{
            margin-bottom: 0;
        }
        .searchform input[type="text"]{
            padding: 7px 10px;
            border: 1px solid #C6C6C6;
        }
        .searchform input[type="submit"]{
            padding: 11px 10px;
            background: #000000;
            color: #FFFFFF;
            border: none;
        }
        .searchform div{
            display: flex;
        }
        .searchform input[type=text]{
            max-width: 70%;
        }
        .searchform input[type=submit]{
            max-width: 70%;
        }
        @media (max-width: 991px) {
            .blog .container,
            .archive .container{
                flex-wrap: wrap;
            }
        }

/************** WOOCOMERCE *****************/
    .size-auto, 
    .size-full,
    .size-large,
    .size-medium,
    .size-thumbnail {
        max-width: 100%;
        height: auto;
    }


/* Comments */
    #commentform input[type="submit"]{     
        color: #FFFFFF;
        padding: 15px 25px;
        display: inline-block;
        background: var( --chiaroscuro2024-light-blue );
        margin: 20px 0 0; 
        border: none;
    }
    #commentform input[type="submit"]:hover{
        background: var( --chiaroscuro2024-yellow );
        transition: .5s all;
    }
    #commentform label{
        display: block;
    }
    #commentform label[for="wp-comment-cookies-consent"]{
        display: inline;
        margin-left: 5px;
    }
    #commentform input[type="text"],
    #commentform textarea{
        padding: 7px 10px;
        border: 1px solid #C6C6C6;
        width: 100%;
    }
    .comments-area #reply-title{
        border-top: 1px solid #ebebeb;
        padding: 20px 0 0;
    }

/* Pagination */
    .chiaroscuro2024-pagination{
        display: flex;
        justify-content: space-between;
    }
    .pages{
        margin-top: 20px;
    }
    .nav-links{
        margin-top: 40px;
    }
    .nav-links .page-numbers{
        padding: 10px 15px;
        display: inline-block;
        background: var( --chiaroscuro2024-gray3 );
    }
    .nav-links .current{
        background-color: #000000;
        color: #ffffff;
    }
    .nav-links .next,
    .nav-links .prev{
        background-color: transparent;
    }
    .nav-links .prev{
        padding-left: 0;
    }