/* ==========================================================
CRE RESPONSIVE v2.1
Framework: Content Redesign Engine
Uso: reglas responsive globales
========================================================== */

@media(max-width:1100px){
  .cre-content .cre-hero-title{
    font-size:46px;
  }

  .cre-content .cre-title{
    font-size:36px;
  }

  .cre-content .cre-cards{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:980px){
  .cre-content .cre-grid,
  .cre-content .cre-product-hero-grid{
    grid-template-columns:1fr;
  }

  .cre-content .cre-product-hero{
    background-attachment:scroll;
  }

  .cre-content .cre-cta{
    background-attachment:scroll;
  }

  .cre-content .cre-hero-media-clean{
    min-height:auto;
    justify-content:flex-start;
  }

  .cre-content .cre-hero-media-clean img{
    max-height:150px;
  }
}

@media(max-width:860px){
  .cre-content .cre-cards{
    grid-template-columns:1fr;
  }

  .cre-content .cre-section{
    padding:60px 6%;
  }

  .cre-content .cre-product-hero{
    padding:68px 6%;
  }

  .cre-content .cre-cta{
    padding:68px 6%;
  }

  .cre-content .cre-hero-title{
    font-size:38px;
  }

  .cre-content .cre-title{
    font-size:32px;
  }

  .cre-content .cre-hero-copy{
    padding-left:22px;
  }

  .cre-content .cre-hero-copy:before{
    height:180px;
    width:10px;
  }
}

@media(max-width:560px){
  .cre-content .cre-hero-title{
    font-size:32px;
    letter-spacing:-.8px;
  }

  .cre-content .cre-title{
    font-size:28px;
    letter-spacing:-.6px;
  }

  .cre-content .cre-hero-text,
  .cre-content .cre-text{
    font-size:16px;
  }

  .cre-content .cre-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .cre-content .cre-actions-center{
    align-items:stretch;
  }

  .cre-content .cre-btn{
    width:100%;
    text-align:center;
  }

  .cre-content .cre-panel{
    padding:28px;
  }

  .cre-content .cre-panel-title{
    font-size:24px;
  }

  .cre-content .cre-card-img{
    height:180px;
  }
}