/* Ajustes de responsividade e da copy final sobre as páginas montadas pelos PDFs.
   Carregado por último nas 3 páginas. */

/* Desktop: parágrafos com a copy do Word quebram na largura da coluna medida no PDF. */
main.space-site .space-copy.aldeia-fluxo{width:var(--w);white-space:normal;line-height:var(--lh)!important}
main.space-site .space-copy.aldeia-fluxo>span{position:static!important;display:block}
main.space-site .space-copy.aldeia-fluxo strong{font-weight:700}
@media(min-width:768px){
/* O Espaço, docinhos: o parágrafo do Word é mais longo que a lista do PDF; coluna mais estreita para não passar sob o balão "Doces". */
main.space-site:not(.casa-site) .space-doces .aldeia-fluxo{--w:calc(590*var(--u))!important}
/* Em Casa, recreação: o título do Word é mais longo; ocupa a largura da faixa em duas linhas, acima da foto. */
main.casa-site .space-recreacao h2.aldeia-fluxo{--w:calc(1180*var(--u))!important}
/* Em Casa, cardápio: o texto final tem 2 itens a menos; cobre o asterisco desenhado que ficaria sem item em cada coluna. */
main.casa-site .space-buffet .aldeia-lista::after{content:'';position:absolute;left:calc(-34*var(--u));top:calc(10*var(--lh));width:calc(30*var(--u));height:var(--lh);background:#fff}
}

/* ------------------------------------------------------------------ celular
   Mesmo sistema da Home: bilhete do menu + logo, título do vídeo no balão, linha pontilhada
   com bichinho abrindo cada faixa, fotos com borda branca, ilustrações e rodapé com ícones.
   Respiro único: 56px no topo e 48px embaixo de cada faixa; 16px entre título e texto. */
.m-divisoria,.m-ilustra,.m-logo-rodape{display:none}

@media(max-width:767px){
/* faixas */
main.space-site .space-band:not(.space-header):not(.space-cover):not(.space-footer){position:relative;display:flex!important;flex-flow:row wrap!important;justify-content:space-between;align-items:flex-start;gap:0!important;padding:72px 22px 60px!important;overflow:visible!important}
main.space-site .space-band:not(.space-header):not(.space-cover):not(.space-footer) > *{flex:0 0 100%;max-width:100%}
main.space-site .space-band .space-copy.aldeia-fluxo{width:auto!important}

/* linha pontilhada + bichinho no topo de cada faixa */
main.space-site .m-divisoria{display:block;position:absolute;left:0;right:0;top:-18px;height:36px;z-index:6;pointer-events:none}
main.space-site .m-traco{position:absolute;right:12px;top:12px;width:calc(100% - 104px);height:12px;overflow:visible}
main.space-site .m-divisoria img{position:absolute;left:10px;top:50%;height:auto;transform:translateY(-60%)}
main.space-site .m-divisoria[data-animal="rato"] img{width:84px}
main.space-site .m-divisoria[data-animal="abelha"] img{width:58px;transform:translateY(-50%)}
main.space-site .m-divisoria[data-animal="lesma"] img{width:78px;transform:translateY(-75%)}
main.space-site .m-divisoria[data-animal="joaninha"] img{width:80px}
main.space-site .m-divisoria[data-animal="tartaruga"] img{width:86px;transform:translateY(-70%)}
main.space-site .m-divisoria[data-animal="borboleta"] img{width:56px;transform:translateY(-50%)}

/* títulos e textos */
main.space-site .space-band:not(.space-header):not(.space-cover):not(.space-footer) .space-copy.handwriting:not(.space-bubble-caption){order:-2;margin:0 0 18px!important;font-size:30px!important;line-height:1.18!important;color:#000!important;white-space:normal!important}
main.space-site .space-band:not(.space-header):not(.space-cover):not(.space-footer) .space-copy.body-copy{order:-1;margin:0 0 16px!important;font-size:18px!important;line-height:1.5!important;color:#221f20}
main.space-site .space-band:not(.space-header):not(.space-cover):not(.space-footer) .space-copy.body-copy:last-of-type{margin-bottom:6px!important}

/* cardápio: as duas colunas viram uma folha branca única */
main.space-site .space-buffet .aldeia-lista{order:0;background:#fff;border:1.5px solid #221f20;padding:18px 18px 0 42px!important;margin:8px 0 0!important;font-size:17px!important;line-height:1.6!important;border-bottom:0}
main.space-site .space-buffet .aldeia-lista + .aldeia-lista{margin:0!important;padding:0 18px 18px 42px!important;border-top:0;border-bottom:1.5px solid #221f20}
main.space-site .space-buffet .aldeia-lista span{display:block!important;position:relative!important}
main.space-site .space-buffet .aldeia-lista span::before{content:''!important;position:absolute;left:-22px;top:.42em;width:12px;height:12px;background:url('/wp-content/uploads/2025/10/icon_asterisco.svg') center/contain no-repeat}
main.space-site .space-buffet .aldeia-lista::after{display:none}

/* fotos: a primeira inteira, as outras lado a lado; borda branca como na Home */
main.space-site .space-photo-card{order:0;margin:10px 0 4px!important;transform:rotate(-1.5deg)}
main.space-site .space-band:not(.space-header):not(.space-cover):not(.space-footer) .space-photo-card ~ .space-photo-card{flex:0 0 calc(50% - 7px);transform:rotate(1.5deg);margin-top:16px!important}
main.space-site .space-band:not(.space-header):not(.space-cover):not(.space-footer) .space-photo-card ~ .space-photo-card ~ .space-photo-card{transform:rotate(-1deg)}
main.space-site .space-band.space-lembrancinhas:not(.space-header):not(.space-cover):not(.space-footer) > .space-photo-card{flex:0 0 calc(50% - 7px)}
main.space-site .space-photo-card .space-photo{width:100%!important;height:auto!important;aspect-ratio:3/2;object-fit:cover;border:9px solid #fff!important;outline:1.5px solid #221f20!important;transform:none!important}
main.space-site .espaco-pagination{order:1;position:static!important;display:flex!important;justify-content:center;margin:12px 0 0!important}

/* ilustrações avulsas (no desktop elas fazem parte do desenho de fundo) */
main.space-site .m-ilustra{display:block;order:3;height:150px;object-fit:contain;margin:26px auto 0}
main.space-site .m-ilustra--leao{height:190px}
main.space-site .m-ilustra--baloes-comida{height:96px;margin-top:22px}
main.space-site .m-ilustra--porco{height:120px;margin-top:4px}
main.space-site .m-ilustra--menina{height:170px}

/* cabeçalho igual ao da Home: bilhete com o menu à esquerda, logo e redes à direita */
main.space-site .space-header{display:block!important;position:relative;height:145px!important;padding:0!important;background:#f7931f}
main.space-site .space-header::before{content:'';position:absolute;left:12px;top:24px;width:180px;height:90px;background:url('/assets/home-pdf/menu.svg') center/100% 100% no-repeat}
main.space-site .space-header .space-copy{position:absolute!important;left:46px!important;margin:0!important;font-size:22px!important;line-height:1.242!important;white-space:nowrap!important;color:#000!important;background:none!important;border:0!important;padding:0!important}
main.space-site .space-header .space-copy span{display:inline!important}
main.space-site .space-header h2.space-copy{top:39px!important}
main.space-site .space-header p.space-copy{top:72px!important;font-size:20px!important}
main.space-site .space-header .space-copy::before{content:'';position:absolute;left:-21px;top:5px;width:15px;height:15px;background:url('/assets/home-pdf/menu-star-1.svg') center/contain no-repeat}
main.space-site .space-header p.space-copy::before{background-image:url('/assets/home-pdf/menu-star-2.svg')}
main.space-site .space-header .space-logo-link{display:block!important;position:absolute;left:auto!important;right:18px;top:18px;width:150px;height:78px;background:url('/assets/home-pdf/logo-header.svg') center/contain no-repeat}
main.space-site .space-header .space-social{position:absolute;top:106px!important;bottom:auto!important;width:24px!important;height:24px!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important}
main.space-site .space-header .whatsapp-top{left:auto!important;right:92px;background-image:url('/assets/home-pdf/whatsapp.svg')!important}
main.space-site .space-header .instagram-top{left:auto!important;right:44px;background-image:url('/assets/home-pdf/instagram-icon.svg')!important}

/* vídeo com o título no balão, como na Home */
main.space-site .space-cover{display:block!important;position:relative;height:auto!important;padding:0!important}
main.space-site .space-cover .space-video{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:300px!important}
main.space-site .space-cover .space-video video{width:100%;height:100%;object-fit:cover}
main.space-site .space-cover .space-copy{position:absolute!important;left:50%!important;top:16px!important;translate:-50% 0;width:min(88%,360px)!important;height:80px!important;display:flex!important;align-items:center;justify-content:center;margin:0!important;padding:4px 8% 0!important;background:url('/assets/home-pdf/titulo-video.svg') center/100% 100% no-repeat!important;border:0!important;font-size:min(26px,6.6vw)!important;line-height:1!important;white-space:nowrap!important;color:#000!important;z-index:7}

/* rodapé igual ao da Home */
main.space-site .space-footer{display:block!important;height:auto!important;padding:34px 30px 40px!important;background:#f7931f}
main.space-site .m-logo-rodape{display:block;width:190px;margin:0 auto 22px}
main.space-site .m-logo-rodape img{display:block;width:100%;height:auto}
main.space-site .space-footer .body-copy{position:relative!important;margin:0 0 0 26px!important;width:auto!important;font-size:16px!important;line-height:1.45!important;color:#221f20}
main.space-site .space-footer .body-copy span{display:block!important;position:relative!important;margin-bottom:3px}
main.space-site .space-footer .body-copy span::before{content:''!important;position:absolute;left:-26px;top:1px;width:18px;height:18px;background:center/contain no-repeat}
main.space-site .space-footer .m-pin::before{background-image:url('/assets/home-pdf/pin.svg')}
main.space-site .space-footer .m-tel::before{background-image:url('/assets/home-pdf/phone.svg')}
main.space-site .space-footer .m-whats::before{background-image:url('/assets/home-pdf/whatsapp.svg')}
main.space-site .space-footer .m-mail::before{background-image:url('/assets/home-pdf/mail.svg')}
main.space-site .space-footer .m-insta::before{background-image:url('/assets/home-pdf/instagram-icon.svg');background-size:80%}
main.space-site .space-footer .aldeia-insta-icone{display:none!important}

/* linha pontilhada com espessura fixa: reduzida do desenho de 2880 px, ficava com menos de 1 px */
main.space-site .m-traco path,.aldeia-home .home-trace path{fill:none;stroke:#221e20;stroke-width:2px;stroke-dasharray:7 7;vector-effect:non-scaling-stroke}
/* Home: os bichinhos usavam a medida proporcional do desktop e ficavam minúsculos */
.aldeia-home .home-divider[data-animal] .home-animal{transform:none!important;left:10px}
.aldeia-home .home-divider[data-animal="rato"] .home-animal{width:84px!important;top:-14px}
.aldeia-home .home-divider[data-animal="abelha"] .home-animal{width:58px!important;top:-18px}
.aldeia-home .home-divider[data-animal="lesma"] .home-animal{width:78px!important;top:-30px}
.aldeia-home .home-divider[data-animal="joaninha"] .home-animal{width:80px!important;top:-16px}
.aldeia-home .home-divider[data-animal="tartaruga"] .home-animal{width:86px!important;top:-22px}
/* Home: título do vídeo dentro do vídeo, sem encostar no cabeçalho, e letras mínimas legíveis */
.aldeia-home .home-hero-title{top:16px!important;width:min(88%,360px)!important;height:80px!important;font-size:min(26px,6.6vw)!important}
.aldeia-home .aldeia-carrossel__nav button{font-size:18px!important}
.aldeia-home .home-footer address{font-size:16px!important}
.aldeia-home .home-contact .elementor-field-type-acceptance{font-size:15px!important}
.aldeia-home .home-contact .aldeia-form-aviso{font-size:14px!important}
.aldeia-home .home-about,.aldeia-home .home-at-home,.aldeia-home .home-testimonials,.aldeia-home .home-instagram,.aldeia-home .home-contact{padding-top:72px!important;padding-bottom:60px!important}
}

/* telas bem estreitas: bilhete e logo menores para caberem lado a lado */
@media(max-width:359px){
main.space-site .space-header::before{width:160px;height:82px}
main.space-site .space-header .space-copy{left:40px!important;font-size:17px!important}
main.space-site .space-header p.space-copy{top:72px!important;font-size:16px!important}
main.space-site .space-header .space-logo-link{width:118px;height:64px}
}

/* Títulos dos vídeos: margem interna suficiente para a frase não tocar o traçado. */
@media(max-width:767px){
.aldeia-home .home-hero-title{box-sizing:border-box;left:50%!important;translate:-50% 0;width:92%!important;max-width:360px;height:80px!important;padding:4px 7% 0!important;font-size:min(22px,5.2vw)!important;line-height:1.15;white-space:nowrap;text-align:center}
main.space-site .space-cover .space-copy{box-sizing:border-box;width:92%!important;max-width:360px;padding:4px 7% 0!important;font-size:min(22px,5.2vw)!important;line-height:1.15!important}
}
@media(max-width:767px){
.aldeia-home .home-framed-title{box-sizing:border-box;padding:4px 6% 0!important;font-size:min(28px,6.7vw)!important;white-space:nowrap;text-align:center;line-height:1.15}
}
@media(max-width:359px){
.aldeia-home .home-menu{left:10px;width:160px;padding-left:29px;font-size:18px}
.aldeia-home .home-menu a:nth-child(2){font-size:16px}
.aldeia-home .home-logo{right:10px;width:128px;height:70px}
.aldeia-home .home-social{right:32px}
}

/* ------------------------------------------------------------------ cards brancos
   Regra da identidade: card branco sempre com borda irregular desenhada (nunca reta).
   Os campos do formulário seguem o PDF e são retos de propósito. */
@media(max-width:767px){
/* Home, colagem "Espaço Aldeia em Casa": cada foto na moldura irregular da colagem do desktop */
.aldeia-home .home-mobile-collage img{box-sizing:border-box;height:auto!important;aspect-ratio:1.5;padding:4.7% 6%;object-fit:cover;border:0!important;outline:0!important;background:url('/assets/home-pdf/moldura-sobre.svg?v=2') center/100% 100% no-repeat}
/* Subpáginas, cardápio: dois cards com a moldura irregular do PDF no lugar da folha reta */
main.space-site .space-band .space-buffet .aldeia-lista,main.space-site .space-buffet .aldeia-lista,main.space-site .space-buffet .aldeia-lista + .aldeia-lista{border:0!important;background:url('/assets/home-pdf/depoimento.svg') center/100% 100% no-repeat!important;padding:26px 26px 26px 50px!important;margin:10px 0 0!important}
}
/* Botão de som: o mesmo balão desenhado dos botões "Clique aqui", em todas as larguras */
html body #site-sound-toggle,html body #site-sound-toggle:hover,html body #site-sound-toggle:focus{background:url('/assets/home-pdf/botao-sobre.svg?v=2') center/100% 100% no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important}