﻿.sessao-autoria 
{ background-color: rgb(114, 0, 46); height: calc(100vh - clamp(6.075rem, 7.1vw, 16.2vh)); height: calc(100svh - clamp(6.075rem, 7.1vw, 16.2vh)); overflow: hidden }

.conteudo-sessao-autoria, .sessao-autoria-texto { height: 100%; position: relative }

.conteudo-sessao-autoria { width: 100%; display: flex; flex-direction: row-reverse; align-items: stretch; }

.sessao-autoria-foto-livro-sobre-fios-faciais 
{ height: calc(100% - (clamp(1.8rem, 2vw, 4.1vh) * 2)); flex-shrink: 0; float: right; margin: clamp(1.8rem, 2vw, 4.1vh) clamp(1.8rem, 2vw, 4.1vh) 0 clamp(1.8rem, 2vw, 4.1vh) }

.sessao-autoria-foto-livro-sobre-fios-faciais-imagem { width: auto; height: 100%; aspect-ratio: 519/837; object-fit: cover; display: block } 

.sessao-autoria-foto-livro-sobre-fios-faciais-imagem img { width: 100%; height: 100% }

.sessao-autoria-foto-livro-sobre-fios-faciais-celular-em-pe, .sessao-autoria-foto-livro-sobre-fios-faciais-tablet-em-pe, 
.sessao-autoria-foto-livro-sobre-fios-faciais-tablet-deitado, .sessao-autoria-foto-livro-sobre-fios-faciais-celular-deitado { display: none }

.sessao-autoria-texto { flex-shrink: 0; flex: 1; display: flex; flex-direction: column; justify-content: center; }

.sessao-autoria-texto h2 
{ line-height: 1; color: rgb(243, 238, 234); font-family: "poppinssemibold"; letter-spacing: 0.05rem; font-size: clamp(1.98rem, 2.325vw, 5.3vh);
  margin-bottom: clamp(0.85rem, 1vw, 2vh) }

.sessao-autoria-texto p 
{ font-family: "montserratlight"; color: #fff; letter-spacing: 0.05rem; font-size: clamp(0.9735rem, 1.14vw, 2.6vh); width: 100%; position: relative; 
  line-height: clamp(1.572rem, 1.842vw, 4.2vh); text-align: justify }

.primeiro-paragrafo-autoria { margin-bottom: clamp(1.57rem, 1.85vw, 4.2vh) }

/*Celular em pé*/

@media only screen and (max-width : 600px) and (orientation: portrait) 
{
.sessao-autoria { height: auto; padding: 1.7rem 0.6rem 1.4rem 0.6rem; box-sizing: border-box; background-color: rgb(114, 0, 46); overflow: hidden; }

.conteudo-sessao-autoria, .sessao-autoria-texto { height: auto; position: relative }

.sessao-autoria-foto-livro-sobre-fios-faciais, .sessao-autoria-foto-livro-sobre-fios-faciais-tablet-midia-movel-deitado { display: none }

.sessao-autoria-foto-livro-sobre-fios-faciais-celular-em-pe { display: block; margin-bottom: 1rem; }

.sessao-autoria-foto-livro-sobre-fios-faciais-celular-em-pe, .sessao-autoria-foto-livro-sobre-fios-faciais-celular-em-pe-imagem 
{ width: 100%; height: 154vw; position: relative; border: none }

.sessao-autoria-foto-livro-sobre-fios-faciais-celular-em-pe-imagem img { width: 100%; height: 100% }

.sessao-autoria-texto h2 { color: rgb(243, 238, 234); font-family: "poppinssemibold"; letter-spacing: 0.05rem; font-size: 1.46rem; margin-bottom: 0 }

.sessao-autoria-texto p 
{ font-family: "montserratlight"; color: #fff; letter-spacing: 0.05rem; font-size: 0.99rem; width: 100%; position: relative; line-height: 1.77rem; text-align: left }

.primeiro-paragrafo-autoria { margin-bottom: 0.95rem }
}

/*ipad em pé e deitado*/
@media only screen and (min-width: 601px) and (max-width: 1280px) and (min-height: 601px) 
{
.sessao-autoria 
{ min-height: calc(100vh - 6.2rem); min-height: calc(100svh - 6.2rem); height: auto; box-sizing: border-box; background-color: rgb(114, 0, 46); overflow: hidden; }

.conteudo-sessao-autoria, .sessao-autoria-texto { height: 100%; position: relative }

.sessao-autoria-texto { flex: 1; display: flex; flex-direction: column; justify-content: center; margin-left: 0.6rem; }

.sessao-autoria-texto h2 { line-height: 1; color: rgb(243, 238, 234); font-family: "poppinssemibold"; letter-spacing: 0.05rem; font-size: 1.98rem; }

.sessao-autoria-texto p 
{ font-family: "montserratlight"; color: #fff; letter-spacing: 0.05rem; font-size: 0.9735rem; width: 100%; position: relative; line-height: 1.77rem; 
  text-align: justify }

.primeiro-paragrafo-autoria { margin-bottom: 1.35rem }
}

/*ipad em pé*/
@media only screen and (min-width: 601px) and (max-width: 1280px) and (min-height: 601px) and (orientation: portrait) 
{
.sessao-autoria { padding: 1.7rem 0.6rem 1.15rem 0; }

.conteudo-sessao-autoria { width: 100%; display: flex; flex-direction: column; align-self: flex-start; }

.conteudo-sessao-autoria, .sessao-autoria-texto { height: 100%; position: relative }

.sessao-autoria-texto h2 { margin-bottom: 0 }

.sessao-autoria-texto { flex: 1; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; align-self: flex-start }

.sessao-autoria-foto-livro-sobre-fios-faciais, .sessao-inicio-foto-livro-sobre-fios-faciais-tablet-deitado { display: none }

.sessao-autoria-foto-livro-sobre-fios-faciais-tablet-em-pe, .sessao-autoria-foto-livro-sobre-fios-faciais-imagem-tablet-em-pe
{ display: block; height: 79vw; position: relative }

.sessao-autoria-foto-livro-sobre-fios-faciais-tablet-em-pe { width: 50%; left: 50%; transform: translateX(-50%); margin-bottom: 1.58rem; }

.sessao-autoria-foto-livro-sobre-fios-faciais-imagem-tablet-em-pe img { width: 100%; height: 100%; }
}

/*Mídia móvel deitado*/

/*ipad deitado*/
@media only screen and (min-width: 601px) and (max-width: 1280px) and (min-height: 601px) and (orientation: landscape) 
{
.sessao-autoria { padding: 0; }

.conteudo-sessao-autoria { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; width: 100%; height: 100%; }

.sessao-autoria-texto h2 { margin-bottom: 0.92rem }

.sessao-autoria-foto-livro-sobre-fios-faciais, .sessao-inicio-foto-livro-sobre-fios-faciais-tablet-midia-movel-deitado { display: none }

.sessao-autoria-foto-livro-sobre-fios-faciais-tablet-deitado { height: calc(100% - 1.2rem); width: 38%; display: block; margin: 0.6rem 0.6rem 0 0 }

.sessao-autoria-foto-livro-sobre-fios-faciais-imagem-tablet-deitado { height: 100%; width: 100%; aspect-ratio: 670/1081; display: flex; justify-content: flex-end } 

.sessao-autoria-foto-livro-sobre-fios-faciais-imagem-tablet-deitado img { width: 100%; height: 100%; object-fit: contain; object-position: right top }

.sessao-autoria-texto { flex: 1; width: 100%; height: auto; padding-right: 0.6rem; box-sizing: border-box; position: relative; }

.sessao-autoria-texto p { width: 100% }
}

/*tim*/
@media screen and (max-device-width : 570px) and (orientation : landscape) 
{
.sessao-autoria { height: auto; position: relative; padding: 0; box-sizing: border-box; }

.conteudo-sessao-autoria { width: 100%; display: block; }

.sessao-autoria-texto { display: block; width: 100%; height: auto; padding: 1.7rem 0 1.5rem 0.6rem; box-sizing: border-box; }

.sessao-autoria-foto-livro-sobre-fios-faciais { display: none }

.sessao-autoria-foto-livro-sobre-fios-faciais-celular-deitado { display: block; float: right; width: 40vw; height: 64.4vw; margin: 0 0.6rem 0.6rem 0.6rem }

.sessao-autoria-foto-livro-sobre-fios-faciais-imagem-celular-deitado, .sessao-autoria-foto-livro-sobre-fios-faciais-imagem-celular-deitado img 
{ display: block; width: 100%; height: 100%; }

.sessao-autoria-foto-livro-sobre-fios-faciais-imagem-celular-deitado img { object-fit: cover; object-position: left center }

.sessao-autoria-texto h2 
{ line-height: 1; color: rgb(243, 238, 234); font-family: "poppinssemibold"; letter-spacing: 0.05rem; font-size: 1.46rem; margin-bottom: 1.05rem; padding-top: 0 }

.sessao-autoria-texto p 
{ font-family: "montserratlight"; color: #fff; letter-spacing: 0.05rem; font-size: 0.99rem; width: 100%; position: relative; line-height: 1.77rem; text-align: left }

.primeiro-paragrafo-autoria { margin-bottom: 0.95rem }
}

/*IPHONE MÃE*/
@media screen and (min-width: 571px) and (max-width: 670px) and (orientation: landscape) 
{
.sessao-autoria { height: auto; position: relative; padding: 0; box-sizing: border-box; }

.conteudo-sessao-autoria { width: 100%; display: block; }

.sessao-autoria-texto { display: block; width: 100%; height: auto; padding: 1.7rem 0 1.5rem 0.6rem; box-sizing: border-box; }

.sessao-autoria-foto-livro-sobre-fios-faciais, .sessao-autoria-foto-livro-sobre-fios-faciais-tablet-deitado { display: none }

.sessao-autoria-foto-livro-sobre-fios-faciais-celular-deitado { display: block; float: right; width: 28.84vw; height: 40vw; margin: 0 0.6rem 0.6rem 0.6rem; }

.sessao-autoria-foto-livro-sobre-fios-faciais-imagem-celular-deitado, .sessao-autoria-foto-livro-sobre-fios-faciais-imagem-celular-deitado img 
{ display: block; width: 100%; height: 100%; }

.sessao-autoria-foto-livro-sobre-fios-faciais-imagem-celular-deitado img { object-fit: cover; object-position: left center }

.sessao-autoria-texto h2 
{ line-height: 1; color: rgb(243, 238, 234); font-family: "poppinssemibold"; letter-spacing: 0.05rem; font-size: 1.46rem; margin-bottom: 1.05rem; padding-top: 0 }

.sessao-autoria-texto p 
{ font-family: "montserratlight"; color: #fff; letter-spacing: 0.05rem; font-size: 0.99rem; width: 100%; position: relative; line-height: 1.77rem; text-align: left }

.primeiro-paragrafo-autoria { margin-bottom: 0.95rem }
}

/*Celulares grandes*/

@media only screen and (min-width: 671px) and (max-height: 600px) and (orientation: landscape) and (pointer: coarse)
{
.sessao-autoria { height: auto; position: relative; padding: 0; box-sizing: border-box; }

.conteudo-sessao-autoria { width: 100%; display: block; }

.sessao-autoria-texto { display: block; width: 100%; height: auto; padding: 1.7rem 0 1.5rem 0.6rem; box-sizing: border-box; }

.sessao-autoria-foto-livro-sobre-fios-faciais, .sessao-autoria-foto-livro-sobre-fios-faciais-tablet-deitado { display: none }

.sessao-autoria-foto-livro-sobre-fios-faciais-celular-deitado { display: block; float: right; width: 28.84vw; height: 40vw; margin: 0rem 0.6rem 3.5rem 0.6rem; }

.sessao-autoria-foto-livro-sobre-fios-faciais-imagem-celular-deitado, .sessao-autoria-foto-livro-sobre-fios-faciais-imagem-celular-deitado img 
{ display: block; width: 100%; height: 100%; }

.sessao-autoria-foto-livro-sobre-fios-faciais-imagem-celular-deitado img { object-fit: cover; object-position: left center }

.sessao-autoria-texto h2 
{ line-height: 1; color: rgb(243, 238, 234); font-family: "poppinssemibold"; letter-spacing: 0.05rem; font-size: 1.46rem; margin-bottom: 1.05rem; padding-top: 0 }

.sessao-autoria-texto p 
{ font-family: "montserratlight"; color: #fff; letter-spacing: 0.05rem; font-size: 0.99rem; width: 100%; position: relative; line-height: 1.77rem; text-align: left }

.primeiro-paragrafo-autoria { margin-bottom: 0.95rem }
}

