/* Prumo — CTA "Vamos Tirar seu Projeto do Papel"
   Réplica isolada do bloco .cta-section do blog (template Atelis),
   com os valores já resolvidos para não depender do CSS do Atelis.
   Carregar SEMPRE depois de woodworked-template...css
   As fotos da Prumo sao 2:3 (verticais); o aspect-ratio abaixo mantem
   a mesma composicao escalonada do blog, com corte via object-fit. */

.prumo-cta-projeto{padding-top:0;padding-bottom:0;position:relative;overflow:hidden}

.prumo-cta-projeto .cta-shape-wrap-one{z-index:1;max-width:618px;position:absolute;inset:auto auto -24% -24%}
.prumo-cta-projeto .cta-shape-wrap-two{z-index:1;max-width:618px;position:absolute;inset:auto -24% -24% auto}
.prumo-cta-projeto .cta-shape-one,
.prumo-cta-projeto .cta-shape-two{width:100%;height:auto;display:block}

.prumo-cta-projeto .cta-image-block{z-index:1;margin-bottom:-150px;position:relative;overflow:hidden}
.prumo-cta-projeto .cta-image-list{grid-column-gap:32px;grid-row-gap:32px;gap:32px;justify-content:center;align-items:center;width:100%;display:flex}
.prumo-cta-projeto .cta-image-wrapper{z-index:2;flex:0 auto;width:100%;height:100%;position:relative;overflow:hidden;aspect-ratio:1460/1382}
.prumo-cta-projeto .cta-image-wrapper.three{z-index:3;flex:0 .98 auto;position:relative;aspect-ratio:1460/1770}
.prumo-cta-projeto .cta-image{object-fit:cover;object-position:50% 42%;width:100%;height:100%;position:absolute;inset:0;display:block}

.prumo-cta-projeto .cta-block{padding-top:300px;padding-bottom:80px;background-color:#7f5539;color:#fff;position:relative}
.prumo-cta-projeto .container{width:100%;max-width:940px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;display:block}

.prumo-cta-projeto .common-heading-wrapper{grid-column-gap:32px;grid-row-gap:32px;gap:32px;flex-flow:column;display:flex}
.prumo-cta-projeto .cta-heading-wrapper{text-align:center;justify-content:flex-start;align-items:center}
.prumo-cta-projeto .heading-style-h2{font-size:80px;line-height:90%;font-weight:500;color:#fff;margin:0}
.prumo-cta-projeto .cta-paragraph{max-width:518px;color:#fffc;margin:0}
.prumo-cta-projeto .common-button-wrapper{grid-column-gap:8px;grid-row-gap:8px;gap:8px;justify-content:center;align-items:center;display:flex}

@media screen and (max-width:991px){
  .prumo-cta-projeto .cta-image-wrapper.first,
  .prumo-cta-projeto .cta-image-wrapper.last{display:none}
  .prumo-cta-projeto .cta-image-list{grid-column-gap:28px;grid-row-gap:28px;gap:28px}
  .prumo-cta-projeto .common-heading-wrapper{grid-column-gap:28px;grid-row-gap:28px;gap:28px}
  .prumo-cta-projeto .cta-block{padding-top:200px;padding-bottom:60px}
  .prumo-cta-projeto .heading-style-h2{font-size:50px}
  .prumo-cta-projeto .cta-shape-wrap-one,
  .prumo-cta-projeto .cta-shape-wrap-two{max-width:480px}
}

@media screen and (max-width:767px){
  .prumo-cta-projeto .cta-image-block{margin-bottom:-120px}
  .prumo-cta-projeto .cta-image-list{grid-column-gap:24px;grid-row-gap:24px;gap:24px}
  .prumo-cta-projeto .common-heading-wrapper{grid-column-gap:24px;grid-row-gap:24px;gap:24px}
  .prumo-cta-projeto .cta-block{padding-bottom:50px}
  .prumo-cta-projeto .heading-style-h2{font-size:42px}
  .prumo-cta-projeto .cta-shape-wrap-one,
  .prumo-cta-projeto .cta-shape-wrap-two{max-width:360px;display:none}
}

@media screen and (max-width:479px){
  .prumo-cta-projeto .cta-image-block{display:none}
  .prumo-cta-projeto .cta-block{padding-top:50px;padding-bottom:50px}
  .prumo-cta-projeto .common-heading-wrapper{grid-column-gap:20px;grid-row-gap:20px;gap:20px}
  .prumo-cta-projeto .cta-heading-wrapper{align-items:stretch}
  .prumo-cta-projeto .heading-style-h2{font-size:32px}
  .prumo-cta-projeto .cta-paragraph{max-width:none}
  .prumo-cta-projeto .common-button-wrapper{flex-flow:column;align-items:stretch}
  .prumo-cta-projeto .cta-shape-wrap-one,
  .prumo-cta-projeto .cta-shape-wrap-two{display:none}
}