/*
Theme Name: criem AI-Ready Revisado
Theme URI: criem-toss-v1
Author: TOSS Studio
Description: Tema criado pela TOSS
Version: 1.0
*/

@import url("css/materialize.css");

body {
  font-family: 'Roboto', sans-serif;
  color: #404040;
  font-size: 22px;
  font-weight: 300;
  line-height: 32px;
  background: #fff;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  }

  h1, h2, h3, h4, h5, h6, nav ul a, .story-content-overlay__title { font-family: "Poppins", sans-serif; }

  h1 { font-size: 80px; line-height: 88px; color: #101010; font-weight: 600; }
  h2 { font-size: 40px; line-height: 52px; color: #101010; font-weight: 600; }
  h3 { font-size: 28px; line-height: 36px; color: #0c00ff; font-weight: 600; }
  h4 { font-size: 24px; line-height: 32px; color: #101010; font-weight: 600; }

  p { margin: 5px 0 20px; }

  a { color: #0c00ff; transition: .3s; }
  a:hover { color: #909090; }

  .divider { margin: 50px 0; }

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

  strong, b { color: #101010; }

  .clear {  clear: both; }

  blockquote, .wp-block-quote { font-weight: 700; color: #101010;border-left: 5px solid #c1c1c1; padding-top: 10px; padding-bottom: 10px; }
  blockquote p, .wp-block-quote p { margin: 0; }


  .container { max-width: 1440px; width: 80%; }
  .container.reduzido { max-width: 1080px; width: 80%; }

  #sidenav-overlay { z-index: 1!important; }

  .row ul { margin-top: 25px; margin-left: 50px; margin-bottom: 25px; }
  .row ul li { margin-bottom: 3px; padding-bottom: 3px; list-style: circle; }

  .getsocial { margin: 50px 0!important; }
  .gs-plus.free-badge { display: none!important; }

  figure { margin: 10px 0!important; }
  .wp-element-caption { font-size: 14px; line-height: 20px; margin-bottom: 25px; }

.form-tslo input[type=email] { float: left; margin: 0; width: 70%!important;  }
.form-tslo .wpcf7-form-control input[type=submit] { float: left; margin: 0; width: 30%!important; border-radius: 4px!important; height: 50px!important; line-height: 46px!important; }

/* EFEITOS */
.oppct {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.movy {
    opacity: 0;
    transform: translateY(50px); /* Inicia 50px abaixo */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}


/* Header */
  nav {
    height: 100px!important;
    line-height: 100px!important;
    background-color: #fff; padding: 0;
    margin-bottom: 0;

  }

  nav .nav-wrapper { background-color: transparent; }

  nav .brand-logo { font-size: 0;  margin: 20px 0 0 40px!important; height: 90px!important; line-height: 90px!important; }
  nav a.brand-logo img { width: 160px; }

  nav ul li { list-style: none!important; margin-top: 25px; height: 44px!important; line-height: 44px!important; }
  nav ul a { font-size: 18px; color: #3d3d3d; font-weight: 700; letter-spacing: 0.2px; text-transform: lowercase; padding: 0 22px; border-radius: 50px; }
  nav ul a:hover { background: #101010;  color: #fff; transition: .3s; }

  ul.conversar { margin-right: 40px; display: inline-flex; }
  ul.conversar li a { background: #0c00ff; color: #fff; border: 2px solid #0c00ff; margin-left: 20px; }
  ul.conversar li a:hover { background: #101010; color: #fff; border: 2px solid #101010;}


    li.menu-item-has-children:hover > .sub-menu { display: block; }


  .z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav { box-shadow: none; }

  .titulo-paginas { background: #fff; margin-bottom: 0; padding: 100px 0 25px; }
  .titulo-paginas h1 { margin: 10px 0; }
  .titulo-paginas h1 a { color: #050505; }
  .titulo-paginas h3 { color: #7a7a7a; font-weight: 300; margin: 24px 0 10px; max-width: 80%; }

  ul.post-categories {}
  ul.post-categories li { display: inline-block; border-left: 2px solid #0c00ff; padding-left: 15px; margin-right: 5px; }
  ul.post-categories li a { text-transform: lowercase; }
  ul.post-categories li a:hover { color: #0c00ff; }


  /* breadcrumb */
  .breadcrumb { font-size: 14px; text-transform: lowercase; }
  .breadcrumb #breadcrumbs { width: 100%; color: #777777;  margin: 5px 0 25px; padding: 10px 0;  }
  .breadcrumb #breadcrumbs a { color: #0c00ff; }
  .breadcrumb #breadcrumbs strong { color: #0c00ff; font-weight: 400; }
  .breadcrumb:before { content: none; }


/* HOME */
  .section.home-topo { padding: 150px 0 100px; text-align: center; background: #fff; }
  .section.home-topo i { font-size: 120px; color: #0c00ff; margin-bottom: 20px; }
  .section.home-topo h1 { font-size: 100px; line-height: 110px; margin: 0; }
  .section.home-topo h3 { color: #0c00ff; font-weight: 500; margin: 50px 0 10px; }

  .palavras-titulo { }
  .palavras-titulo h1 { margin: 0; color: #0c00ff; }
  .palavras-titulo h4 { margin: 0; }
  .palavras-texto { font-size: 28px; line-height: 38px; }


  .home-stories { margin: 0; padding: 50px 0; }
  .home-stories .container { border-top: 2px dotted #e3e3e3; padding-top: 60px; }
  .home-stories h3 { color: #a8a9af; font-weight: 400; margin: 35px 0 0; padding: 0; }
    .web-stories-list { margin: 0!important; }

    .section.lp-blue { margin: 0; padding: 0; color: #fff; background: #0c00ff; }
    .section.lp-blue .row { margin: 0; padding: 100px 0; }
    .section.lp-blue .row .container { padding: 0; }
    .section.lp-blue .row .container h2 { color: #fff; }
    .section.lp-blue .row .container h4 { color: #fff; margin: 20px 0 30px; padding: 20px 30px; border-radius: 10px; background: #0060ef; }
    .section.lp-blue .row .container ul { margin-bottom: 50px; }
    .section.lp-blue .row .container .form-tslo input[type=email] { width: auto; border: 2px solid #fff!important; color: #fff!important; margin-bottom: 3px;  }
    .section.lp-blue .row .container .wpcf7 input[type=submit] { width: 100%; background: #fff; color: #0c00ff!important; height: 56px!important; line-height: 50px!important; border: 2px solid #fff!important; }
    .section.lp-blue .row .container .wpcf7 input[type=submit]:hover { background: #15ff47; color: #0c00ff!important; border: 2px solid #15ff47!important; }


    .section.home-blog {
      margin: 0;
      padding: 0;
      min-height: 50px;
      background: #F5F5F5;
    }

    .section.home-blog .row {
      margin: 0;
      padding: 150px 0;
    }

    .section.home-blog .row .container {
      padding: 0;
    }

    .section.home-blog .row .container .visualizar {
      float: left;
      width: 100%;
      text-align: center;
      margin-top: 25px;
    }

    /* Ajustes para o novo modelo com <img> */
    .article article {
      position: relative;
      padding: 0;
      margin: 0;
      margin-bottom: 25px;
      border-radius: 25px;
      overflow: hidden; /* garante que a imagem e overlay fiquem dentro do border-radius */
    }

    .article article .image-wrapper {
      position: relative;
      width: 100%;
      padding-top: 140%; /* mantém a proporção antiga */
      overflow: hidden;
      border-radius: 25px;
    }

    .article article .image-wrapper img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; /* substitui background-size: cover */
      border-radius: 25px; /* mantém cantos arredondados */
    }

    /* Overlay continua como estava */
    .article article a {
      color: #fff;
      display: block;
      text-decoration: none;
    }

    .article article a .filter {
      display: block;
      width: 100%;
      height: 100%; /* agora ocupa 100% da .image-wrapper */
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
      border-radius: 25px;
      background: linear-gradient(0deg, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0) 80%);
    }

    .article article a .filter .blur {
      position: absolute;
      width: 90%;
      bottom: 25px;
      margin-left: 5%;
      padding: 22px 25px;
      border-radius: 15px;
      background-color: rgba(0, 0, 0, 0);
      backdrop-filter: blur(7px);
    }

    .article article a .filter .blur h3 {
      color: #fff;
      margin: 0 0 10px;
      opacity: 1;
    }

    .article article a .filter .blur span.categoria {
      color: #fff;
      font-size: 11px;
      line-height: 16px;
    }


    /* --- Side Bar --- */
    .siderbar { padding-top: 0; margin-bottom: 10px; }
    .siderbar h4 { color: #aaa; background: #f9f9f9; padding: 15px 20px; border-radius: 10px; }
    .siderbar ul { margin-bottom: 50px; font-size: 13px; line-height: 18px; }


  .interna-single  { background: #fff; }
  .interna-single img { width: 100%; height: auto; }

  .categoria { text-transform: uppercase; line-height: 40px; }
  .categoria-single a { text-transform: uppercase; color: #0c00ff; font-size: 18px; }
  .categoria-single i { color: #0c00ff; font-size: inherit; margin-bottom: 1px; vertical-align: middle; }

  .wp-caption { display: contents; }
  .wp-caption-text { font-size: 15px; line-height: 22px; margin: 5px 0 20px; }

  .author-box {
    display: flex;
    align-items: center;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px dotted #ccc;
}
.author-image {
    margin-right: 15px;
}
.author-image img {
    width: 60px;
    border-radius: 50%;
}
.author-info h4 {
    margin: 0;
    font-size: 18px;
}
.author-info p {
    margin: 5px 0 0;
    font-size: 14px;
    color: #555;
}


  .paginacao { float: left; display: block; width: 100%!important; }


  input[type=text], input[type=search], input[type=password], input[type=email], input[type=tel], input[type=number], textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #101010!important;
    width: 94%!important;
    padding: 0 3%!important;
    background: #fff;
    line-height: 50px!important;
    height: 50px!important;
    margin: 0 0 5px;
    border: 1px solid #ccc!important;
    border-radius: 6px!important;
    outline: none;
    box-shadow: none;
    transition: all 0.3s;
  }
  .newsletter input[type=email] { border-radius: 50px; }
  .newsletter input[type=submit] { width: 25%; cursor: pointer; width: 100%; }

    .btn, .btn-large, .wpcf7 input[type=submit], .search-submit { font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 600; padding-left: 22px; padding-right: 22px; background: #0c00ff; color: #fff!important; line-height: 44px; height: 48px; border: 2px solid #0c00ff; text-transform: lowercase;!important;  border-radius: 50px; transition: 0.3s; vertical-align: middle; box-shadow: 0; }
    .btn:hover, .btn-large:hover, .wpcf7 input[type=submit]:hover { background: #101010; color: #fff!important; border: 2px solid #101010; box-shadow: 0 30px 40px 0 rgba(0,0,0,0.05),0 30px 40px 0 rgba(0,0,0,0.05); }

    .btn.line { background: transparent!important; color: #0c00ff!important; border: 2px solid #0c00ff; }
    .btn:hover.line { background: #fff!important; color: #252525!important; border: 2px solid #252525; }


  /* FOOTER */

  .footer-banners { padding: 50px 0; text-align: center; }

    footer.page-footer { background: #fafafa; padding: 50px 0 100px; }
    footer.page-footer .footer-copyright { font-size: 13px; line-height: normal; color: #aaa; height: auto; background-color: transparent!important; }
    footer .social { margin-bottom: 50px; }
    footer .social .fa { font-size: 36px; text-decoration: none; color: #0c00ff; margin: 0 10px; width: 50px; height: 50px; line-height: 50px; }
    footer .social a { transition: 0.3s; }
    footer .social a.fa:hover { color: #0c00ff; }
    footer .social h4 { color: #050505; }



  /* Responsivo */
  @media only screen and (max-width: 1600px) {

    body { font-size: 20px; line-height: 30px; }

    h1 { font-size: 60px; line-height: 66px; }
    h2 { font-size: 36px; line-height: 42px; }
    h3 { font-size: 24px; line-height: 30px; }
    h4 { font-size: 20px; line-height: 28px; }

    /* HOME */
      .section.home-topo { padding: 75px 0 50px; }
      .section.home-topo h1 { font-size: 100px; line-height: 100px; }


  }




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

  body { font-size: 20px; line-height: 30px; }

  nav .brand-logo { position: relative; left: 0; transform: translateX(0); z-index: 0; }

  nav .button-collapse { margin: 0; }
  nav .button-collapse i { height: 70px; line-height: 70px; }
  nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {
    font-size: 36px;
    color: #050505;
  }


	.side-nav { width: 90%; }
	.side-nav li > a { font-size: 20px; border-radius: 0; }
	.side-nav li { height: 50px!important; line-height: 50px!important; }

	.sub-menu li { border-left: 5px solid #0c00ff; }


  .container { max-width: 88%; width: 88%; }

  .titulo-paginas { margin-bottom: 0; padding: 80px 0 0; }
  .titulo-paginas h1 { max-width: 100%; margin-bottom: 15px; }
  .titulo-paginas h3 { max-width: 100%; }

  .section.home-topo { padding: 100px 5% 25px; }
  .section.home-topo h1 { font-size: 38px; line-height: 44px; letter-spacing: 0; }

  /* breadcrumb */
  .breadcrumb { font-size: 12px; line-height: 18px; }
  .breadcrumb #breadcrumbs { margin: 5px 0 0 0; padding: 0;  }

  .section.home-blog .row { margin: 0; padding: 50px 0; }
  .section.home-blog .row .container { padding: 0; }

}

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

  h1 { font-size: 36px; line-height: 44px; }
  h2 { font-size: 26px; line-height: 34px; }
  h3 { font-size: 20px; line-height: 27px; }
  h4 { font-size: 18px; line-height: 26px; }

  nav { height: 84px!important; line-height: 84px!important; padding: 0 20px; }
  nav .brand-logo { left: 10px; margin: 17px 0 0 0!important; height: 50px!important; line-height: 50px!important; }
  nav a.brand-logo img { width: 100px; margin: 0; padding: 0; }
  nav ul { margin: 15px 0 0 0; }
  nav ul li { height: 38px!important; line-height: 38px!important; margin: 0; }
  nav ul li a { font-size: 14px; padding: 0 16px; }

  ul.conversar { margin: 15px 0 0 0; }

  .row ul { margin-top: 20px; margin-left: 40px; margin-bottom: 20px; }
  .row ul li { margin-bottom: 3px; padding-bottom: 3px; list-style: circle; }


  .section.home-topo i { font-size: 70px; margin-bottom: 10px; }
  .section.home-topo h1 { font-size: 34px; line-height: 42px; }
  .section.home-topo h3 { margin: 20px 0 0; }
  .section.home-topo.tslo h1 { font-size: 54px; line-height: 56px; }

  .palavras-titulo h1 { margin: 0; color: #0c00ff; }
  .palavras-titulo h4 { margin: 0; }
  .palavras-texto { font-size: 24px; line-height: 32px; }


  .home-stories { margin: 0; padding: 0 0 25px; }
  .home-stories .container { border-top: 2px dotted #cacaca; padding-top: 30px; }
  .home-stories h3 { margin: 0 0 20px; text-align: center; }
    .web-stories-list { margin: 0!important; }


	.container.reduzido { width: 88%; }

  .section.lp-blue .row { margin: 0; padding: 50px 0; }

  .footer-banners { padding: 0; }

	.btn, .btn-large, .wpcf7 input[type=submit], .search-submit { width: 100%; }

  .form-tslo input[type=email] { width: 94%!important;  }


  .article article .image-wrapper {
    padding-top: 120%; /* mantém a proporção antiga */
    border-radius: 20px;
  }


  /* FOOTER */
    footer.page-footer { padding: 50px 0; }
    footer.page-footer .footer-copyright { font-size: 14px; line-height: 20px; }
    footer .social { margin-bottom: 25px; }
    footer .social .fa { font-size: 50px; margin: 0 8px; width: 50px; height: 50px; line-height: 50px; }


}