/* SÓ PARA TELA PEQUENA (celular). No computador nada muda. */
@media (max-width:700px){
.wrap{padding:0 20px}
header{padding:18px 0}
header .wrap{flex-direction:column;align-items:flex-start;gap:12px}
.brand{font-size:15px;letter-spacing:.22em}
nav{display:flex;flex-wrap:wrap;gap:8px 22px}
nav a{margin-left:0;font-size:15px}
.hero{height:auto;padding:44px 0 48px}
.hero .wrap{display:grid;grid-template-columns:1fr !important;gap:34px;height:auto}
.txt{width:auto}
h1{font-size:clamp(26px,8.6vw,36px) !important;overflow-wrap:anywhere;hyphens:auto}
.txt p,.hero p,.lead{font-size:17px !important}
.doors{padding:40px 0}
.doors .grid{grid-template-columns:1fr;gap:16px}
.d{padding:22px}
.book{grid-template-columns:90px 1fr}.book img{width:90px}
.body{padding:44px 0 50px}
.body p{font-size:17px;padding-left:16px}
.legal p{font-size:16px}
.pic{border-radius:10px}
.foto{justify-self:start;max-width:200px}
.mail{font-size:20px;word-break:break-all}
footer{padding:28px 0;font-size:14px;line-height:1.9}
/* selo da inicial no celular: D, meio selo no canto (Carlos 01/10, «home D») */
.hero:has(.txt){padding-bottom:0}
.hero .wrap:has(.txt){padding-bottom:290px}
.hero .wrap > svg{right:-60px !important;top:auto !important;bottom:-40px;width:320px;height:320px}
}