/* Ordem das camadas (insumos/10 §3.1). Todo arquivo de saída começa com esta linha.
   "importantes": declarações que o tema marca com !important, sem o !important (T046), numa camada
   acima das páginas, para continuarem ganhando das regras comuns do tema como hoje. */
@layer reset, tokens, base, layout, componentes, paginas, importantes, utilitarios;

/* 50-paginas/noticia.css */
/*
 * noticia: CSS do tema traduzido para este tipo de página (T069, Q27). Valores do tema
 * wp-drift-master como o site atual serve hoje; ver ferramentas/traduzir-tema.mjs.
 */
/* === gerado por ferramentas/traduzir-tema.mjs: não editar à mão (ajustes no fim) === */
@layer paginas {
  .esconde {
    opacity: 0;
    transition: opacity 0.3s;
  }
  .mostra {
    opacity: 1;
    transition: opacity 0.3s;
  }
  img[src="https://cristalcopo.com.br/wp-content/uploads/2019/07/kit-potes-redondo-caixas.png"] {
    max-width: 325px;
  }
  img[src="https://cristalcopo.com.br/wp-content/uploads/2019/07/kit-potes-redondo-caixas.png"] {
    max-width: 325px;
  }
  input[type="submit"] {
    appearance: none;
  }
  .noticias .main-grid:not(.footer) {
    max-width: 1110px;
  }
  .slick-slider {
    position: relative;
  }
  .slick-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
  }
  .texto-interno-postagem .slick-slider {
    margin-bottom: calc(28px + 2vw);
    border-radius: 13px;
  }
  .texto-interno-postagem .slick-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    opacity: .5;
    transition: 0.3s all;
    cursor: pointer;
  }
  .texto-interno-postagem .slick-slider .slick-arrow:hover {
    opacity: 1;
  }
  .texto-interno-postagem .slick-slider .slick-arrow:first-child {
    left: 0;
  }
  .texto-interno-postagem .slick-slider .slick-arrow:nth-last-child(2) {
    right: 0;
  }
  .texto-interno-postagem .slick-slider .slick-track a {
    height: 285px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .texto-interno-postagem .slick-slider .slick-track a img {
    max-height: 100%;
    object-fit: cover;
  }
  .texto-interno-postagem .slick-dots {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    display: flex;
    justify-content: center;
  }
  .texto-interno-postagem .slick-dots button {
    font-size: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: none;
    background-color: #aaa;
    margin: 0 3px 5px;
    transition: 0.3s all;
    padding: 0;
    cursor: pointer;
  }
  .texto-interno-postagem .slick-dots .slick-active {
    position: relative;
  }
  .texto-interno-postagem .slick-dots .slick-active button {
    background-color: #1578bc;
  }
  #ajaxsearchpro1_1 .probox .proinput {
    font-family: "RawsonPro", "RawsonPro Reserva",sans-serif;
  }
  .desaparecido {
    font-family: "RawsonPro", "RawsonPro Reserva",sans-serif;
    font-size: 14px;
    color: var(--cor-descartaveis);
    opacity: 0;
    height: 0;
  }
  .conteudo-noticia {
    margin: 225px 0 145px;
    position: relative;
  }
  .conteudo-noticia:before {
    position: absolute;
    left: calc(-79.66px - 21.11vw);
    top: -160px;
    width: 100%;
    z-index: -1;
    content: '';
    height: 675px;
    max-width: 1700px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
  }
  .conteudo-noticia .main-grid {
    display: flex;
    flex-wrap: wrap;
    max-width: 1110px;
  }
  .conteudo-noticia .main-grid .categoria-post {
    width: 100%;
    text-align: center;
    margin-bottom: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "WeeklyAlt", "WeeklyAlt Reserva",sans-serif;
    font-size: 32px;
    font-weight: 700;
    font-style: bold;
    color: var(--cor-azul-i);
    font-style: italic;
  }
  .conteudo-noticia .main-grid .categoria-post a {
    font-weight: 600;
    color: var(--cor-azul-i);
  }
  .conteudo-noticia .main-grid .categoria-post img {
    padding: 0 12px;
  }
  .conteudo-noticia .main-grid .conteudo-principal {
    width: calc(100% - 240px);
    padding-right: 35px;
  }
  .conteudo-noticia .main-grid .conteudo-principal :is(h1:where(:not([class*="como-h"])), :where(.como-h1)).titulo {
    font-family: "WeeklyAlt", "WeeklyAlt Reserva",sans-serif;
    font-style: italic;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 33px;
    max-width: 300px;
  }
  .conteudo-noticia .main-grid .conteudo-principal .imagem {
    margin-bottom: 40px;
  }
  .conteudo-noticia .main-grid .conteudo-principal .imagem img {
    width: 100%;
    height: auto;
    max-height: 450px;
    background-size: cover;
    border-radius: 13px;
    overflow: hidden;
  }
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem :is(h1:where(:not([class*="como-h"])), :where(.como-h1)),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem :is(h2:where(:not([class*="como-h"])), :where(.como-h2)),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem :is(h3:where(:not([class*="como-h"])), :where(.como-h3)),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem :is(h4:where(:not([class*="como-h"])), :where(.como-h4)),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem :is(h5:where(:not([class*="como-h"])), :where(.como-h5)) {
    font-family: "WeeklyAlt", "WeeklyAlt Reserva",sans-serif;
    color: var(--cor-azul-i);
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 25px;
  }
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem :is(h2:where(:not([class*="como-h"])), :where(.como-h2)) {
    font-size: 26px;
  }
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem :is(h3:where(:not([class*="como-h"])), :where(.como-h3)) {
    font-size: 22px;
  }
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem :is(h4:where(:not([class*="como-h"])), :where(.como-h4)) {
    font-size: 18px;
  }
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem :is(h5:where(:not([class*="como-h"])), :where(.como-h5)) {
    font-size: 18px;
    font-weight: 600;
  }
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem p,
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem li,
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem a,
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem strong,
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem em,
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem blockquote {
    font-family: "RawsonPro", "RawsonPro Reserva",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--cor-azul-claro-i);
  }
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem>p:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem>ul:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem>ol:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem>a:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem>strong:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem>em:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem>blockquote:not(:last-child) {
    margin-bottom: 25px;
  }
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem blockquote>p:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem blockquote>li:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem blockquote>strong:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem blockquote>em:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem blockquote>blockquote:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem li>p:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem li>li:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem li>strong:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem li>em:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem li>blockquote:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem em>p:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem em>li:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem em>strong:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem em>em:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem em>blockquote:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem strong>p:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem strong>li:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem strong>strong:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem strong>em:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem strong>blockquote:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem ul>p:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem ul>li:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem ul>strong:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem ul>em:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem ul>blockquote:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem ol>p:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem ol>li:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem ol>strong:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem ol>em:not(:last-child),
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem ol>blockquote:not(:last-child) {
    margin-bottom: 25px;
  }
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem blockquote {
    padding: 35px;
    position: relative;
  }
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem blockquote:before {
    content: '“';
    font-family: "WeeklyAlt", "WeeklyAlt Reserva",sans-serif;
    position: absolute;
    top: -10px;
    left: 5px;
    font-size: 75px;
    color: var(--cor-azul-claro-i);
    opacity: .6;
    height: 30px;
  }
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem blockquote:after {
    content: '”';
    font-family: "WeeklyAlt", "WeeklyAlt Reserva",sans-serif;
    position: absolute;
    bottom: 0;
    right: 5px;
    font-size: 75px;
    color: var(--cor-azul-claro-i);
    opacity: .6;
    height: 44px;
  }
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem a {
    text-decoration: underline;
  }
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem strong {
    font-weight: 700;
  }
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem strong>a {
    font-weight: 700;
  }
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem em {
    font-style: italic;
  }
  .conteudo-noticia .main-grid .conteudo-principal .texto-interno-postagem em>a {
    font-style: italic;
  }
  .conteudo-noticia .main-grid .sidebar {
    margin-top: 115px;
    width: 240px;
  }
  .single-post.comunicados .conteudo-noticia:before {
    background-image: url("/ativos/img/Formas_Comunicados.ccfc70a143.svg");
  }
  .single-post.comunicados .categoria-post .link-cat {
    color: var(--cor-cat-comunicados);
  }
  .single-post.equipe .conteudo-noticia:before {
    background-image: url("/ativos/img/Formas_Equipe.9f4afe6f5e.svg");
  }
  .single-post.equipe .categoria-post .link-cat {
    color: var(--cor-descartaveis);
  }
  .single-post.eventos .conteudo-noticia:before {
    background-image: url("/ativos/img/Formas_Eventos.db97712560.svg");
  }
  .single-post.eventos .categoria-post .link-cat {
    color: var(--cor-cat-eventos);
  }
  .single-post.lancamentos .conteudo-noticia:before {
    background-image: url("/ativos/img/Formas_Lançamentos.af6106c719.svg");
  }
  .single-post.lancamentos .categoria-post .link-cat {
    color: var(--cor-cat-lancamentos);
  }
  .single-post.mercado .conteudo-noticia:before {
    background-image: url("/ativos/img/Formas_Mercado.e9ddef4a81.svg");
  }
  .single-post.mercado .categoria-post .link-cat {
    color: var(--cor-cat-mercado);
  }
  .single-post.sustentabilidade .conteudo-noticia:before {
    background-image: url("/ativos/img/Formas_Sustentabilidade.59781ce133.svg");
  }
  .single-post.sustentabilidade .categoria-post .link-cat {
    color: var(--cor-cat-sustentabilidade);
  }
  .single-post.sustentabilidade .categoria-post .link-cat span {
    display: none;
  }
  .gform_footer.top_label {
    position: relative;
  }
  .consentir-newslettes label.gfield_consent_label {
    font-size: 12px;
  }
  .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    user-select: none;
    -khtml-user-select: none;
    touch-action: pan-y;
  }
  .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  .slick-slider .slick-track,
  .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
  }
  .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .slick-track:before,
  .slick-track:after {
    display: table;
    content: '';
  }
  .slick-track:after {
    clear: both;
  }
  .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
  }
  [dir='rtl'] .slick-slide {
    float: right;
  }
  .slick-slide img {
    display: block;
  }
  .slick-initialized .slick-slide {
    display: block;
  }
  @media (width <= 1000px) {
    #menu-noticia {
      top: 0;
      left: -265px;
      width: 100%;
      max-width: 320px;
      transition: 0.3s all;
      position: relative;
      display: flex;
      align-items: flex-start;
      height: 100%;
      z-index: 9999;
    }
    #menu-noticia .container-sidebar {
      background-color: var(--cor-azul-claro-i);
      position: relative;
      width: calc(100% - 55px);
      height: 100%;
      overflow: hidden;
    }
    #menu-noticia .container-sidebar .sidebar {
      padding: 10px;
    }
    #menu-noticia .container-sidebar:after {
      content: ' ';
      display: block;
      position: absolute;
      right: -15px;
      top: 0;
      height: 100%;
      width: 15px;
      background: 0 0;
      box-shadow: 0 0 15px rgb(0 0 0 / .5);
      z-index: 10000;
      left: auto;
    }
    #menu-noticia #icone-menu-noticia {
      background-color: var(--cor-azul-i);
      border-bottom-right-radius: 10px;
      border-top-right-radius: 10px;
      color: #eee;
      margin-top: 5px;
      width: 55px;
      height: 55px;
      z-index: 9999;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      cursor: pointer;
    }
    #menu-noticia #icone-menu-noticia .fa:before {
      content: '\f0b0';
    }
    #menu-noticia.ativo {
      left: 0;
      z-index: 99999999;
    }
    #menu-noticia.ativo #icone-menu-noticia .fa:before {
      content: '\f00d';
    }
    .conteudo-noticia {
      margin-top: 150px;
    }
    .conteudo-noticia:before {
      top: -190px;
    }
    .conteudo-noticia .main-grid .conteudo-principal {
      width: 100%;
      padding-right: 0;
    }
    .conteudo-noticia .main-grid .sidebar {
      display: none;
    }
  }
  @media (width <= 600px) {
    .conteudo-noticia:before {
      left: 0;
      background-position: center;
    }
    .conteudo-noticia .main-grid .conteudo-principal :is(h1:where(:not([class*="como-h"])), :where(.como-h1)).titulo {
      max-width: unset;
    }
    .conteudo-noticia .main-grid .categoria-post {
      font-size: 22px;
    }
    .conteudo-noticia .main-grid .categoria-post img {
      height: 15px;
    }
    .texto-interno-postagem .slick-slider .slick-arrow {
      height: 80px;
    }
  }
}
/* declarações com !important no tema (sem o !important; camada acima, ver 00-camadas.css) */
@layer importantes {
  .driftweb a {
    color: var(--cor-verde);
  }
  #ajaxsearchpro1_1 {
    background-image: none;
    background: transparent;
    margin-bottom: 25px;
  }
  #ajaxsearchpro1_1 .probox {
    background-image: none;
    background: #fff;
    border: 1px solid var(--cor-azul-i);
    border-radius: 15px;
    height: 22px;
  }
  #ajaxsearchpro1_1 .probox .promagnifier {
    height: 22px;
    background-image: none;
    background: #fff;
  }
  #ajaxsearchpro1_1 .probox .promagnifier .innericon {
    height: 22px;
  }
  #ajaxsearchpro1_1 .probox .promagnifier svg {
    fill: var(--cor-azul-claro-i);
    width: 13px;
    height: 13px;
    margin-top: 4px;
  }
  #ajaxsearchpro1_1 .probox .proinput {
    color: var(--cor-azul-claro-i);
    font-size: 10px;
  }
  #ajaxsearchpro1_1 .probox .proinput input:not([type="abc"]) {
    height: 22px;
    color: var(--cor-azul-claro-i);
    font-size: 14px;
    font-family: "RawsonPro", "RawsonPro Reserva",sans-serif;
    padding-top: 0;
  }
  #ajaxsearchpro1_1 .probox .proinput input:not([type="abc"])::placeholder {
    height: 22px;
    color: var(--cor-azul-claro-i);
    font-size: 14px;
    font-family: "RawsonPro", "RawsonPro Reserva",sans-serif;
  }
  #ajaxsearchpro1_1 .probox .proinput input:not([type="abc"]).orig {
    padding-top: 0;
  }
  .consentir-newslettes label.gfield_consent_label {
    color: #fff;
    position: relative;
  }
  @media (width <= 1000px) {
    #menu-noticia {
      position: fixed;
    }
    #menu-noticia #ajaxsearchpro1_1 {
      background-image: none;
      background: transparent;
      margin-top: 20px;
    }
  }
  @media (width <= 600px) {
    .conteudo-noticia .main-grid .categoria-post {
      margin-bottom: calc(219.28px - 23.21vw);
    }
  }
}
/* === fim do gerado; ajustes manuais abaixo === */
@layer paginas {
  /* O painel da lateral só existe abaixo de 1000 px (hoje o custom.js só o cria com innerWidth < 1000). */
  @media (width >= 1000px) {
    #menu-noticia { display: none; }
  }
}
@layer paginas {
  /* T155: com width/height no HTML e box-sizing border-box, o padding comia a seta da trilha (0 px de
     largura); no tema a img não tem atributos e fica 13 x 22 mais o padding, como aqui em content-box. */
  .conteudo-noticia .main-grid .categoria-post img { box-sizing: content-box; }
}
@layer paginas {
  /* T155: o funil virou <button> (DIV-019); sem isto fica a borda outset de 2 px do navegador. */
  #menu-noticia #icone-menu-noticia { border: 0; padding: 0; }
}