/* LoveApp - CSS consolidado, ordem original preservada; instalado 2026-10-19T15:49:56-03:00 */

/* SOURCE: assets/loveapp-footer-buttons-v37.css */
/* LoveApp V6 — atualização 36: somente botões do rodapé */
.love-footer-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%;margin:12px 0}
.love-footer-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:48px;padding:11px 12px;border:1px solid #987047;border-radius:11px;background:#2c2023;color:#f5d4aa!important;text-align:center;text-decoration:none!important;font:600 14px/1.35 system-ui,-apple-system,sans-serif;white-space:normal;transition:background .15s}
.love-footer-button:hover{background:#49302b}.love-footer-button:focus-visible{outline:3px solid #e6b87f;outline-offset:3px}
.bottom.shell:has(.love-footer-actions){flex-wrap:wrap;align-items:center}.bottom.shell .love-footer-actions{order:3}.bottom.shell:has(.love-footer-actions)>span:last-child{margin-left:auto}
.love-access-footer{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 18px;color:#c9b8ad;text-align:center}
.love-access-footer .love-footer-actions{max-width:760px}
@media(max-width:700px){.love-footer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.love-footer-actions .love-footer-button:first-child{grid-column:1/-1}.bottom.shell:has(.love-footer-actions){flex-direction:column;align-items:stretch}.bottom.shell:has(.love-footer-actions)>span:last-child{margin-left:0}.love-footer-button{min-height:50px}}

/* Atualização 37: ícones locais, sem bibliotecas ou requisições externas */
.love-footer-button{gap:9px}
.love-social-icon{display:block;flex:0 0 22px;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.love-footer-button span{min-width:0}


/* SOURCE: assets/loveapp-layout-v46.css */
/* LoveApp V6 46 — somente apresentação; autenticação intacta */
@media(min-width:761px){
body:has(#auth-form)>main{display:block!important;position:relative!important;width:100%!important;max-width:none!important;min-height:clamp(620px,calc(100vw * .48),850px)!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;overflow:hidden!important;background:none center center/100% 100% no-repeat!important;isolation:isolate!important}
body:has(#auth-form)>main::before,body:has(#auth-form)>main::after{content:none!important;display:none!important}
body:has(#auth-form)>main>.card{position:absolute!important;top:9%!important;left:51%!important;transform:translateX(-50%)!important;width:min(390px,25vw)!important;max-width:390px!important;margin:0!important;z-index:5!important;grid-area:auto!important;align-self:auto!important}
body:has(#auth-form)>main>.intro{position:absolute!important;left:2%!important;bottom:5%!important;width:min(460px,30vw)!important;max-width:none!important;margin:0!important;padding:10px 14px!important;background:rgba(20,10,14,.72)!important;border-radius:12px!important;z-index:4!important;grid-area:auto!important}
body:has(#auth-form)>main>.intro h1{font-size:clamp(25px,2.4vw,37px)!important;line-height:1.08!important;margin:7px 0!important}
body:has(#auth-form)>main>.intro p{font-size:clamp(11px,.95vw,14px)!important;margin:5px 0!important}
body:has(#auth-form)>main>.loveapp-v41-heart-logo{display:block!important;position:absolute!important;left:82.5%!important;top:65.7%!important;width:clamp(155px,12.4vw,205px)!important;height:clamp(155px,12.4vw,205px)!important;transform:translate(-50%,-50%)!important;z-index:3!important;grid-area:auto!important;background-size:contain!important;opacity:1!important}
body:has(#auth-form)>main>.heart-logo-position{position:absolute!important;left:82.5%!important;top:65.7%!important;transform:translate(-50%,-50%)!important;width:clamp(155px,12.4vw,205px)!important;height:clamp(155px,12.4vw,205px)!important;z-index:3!important;grid-area:auto!important}
body:has(#auth-form)>main>.heart-logo-position img{width:100%!important;height:100%!important;object-fit:contain!important}
}
/* Rodapé uniforme nas duas páginas */
body .love-access-footer,body footer.bottom.shell{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;max-width:none!important;padding:12px 16px!important;text-align:center!important;background:rgba(22,12,18,.95)!important;min-height:0!important}
body .love-access-footer>span,body footer.bottom.shell>span{font-size:12px!important;line-height:1.4!important}
body .love-access-footer .love-footer-actions,body footer.bottom.shell .love-footer-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body .love-access-footer .love-footer-button,body footer.bottom.shell .love-footer-button{box-sizing:border-box!important;min-height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important}
@media(max-width:650px){body .love-access-footer .love-footer-actions,body footer.bottom.shell .love-footer-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-width:360px!important}body .love-access-footer .love-footer-button:first-child,body footer.bottom.shell .love-footer-button:first-child{grid-column:1/-1!important;justify-self:center!important;min-width:165px!important}body .love-access-footer .love-footer-button,body footer.bottom.shell .love-footer-button{width:100%!important;min-height:44px!important}}
/* Primeira página: manter a arte, alinhar conteúdo aprovado */
body:not(:has(#auth-form)) .intro-copy .eyebrow{text-transform:uppercase!important;letter-spacing:.13em!important}

/* Etapa 19 — fundo único, limitado pela largura, sem ampliação pela altura.
   Não aplicar à tela de acesso. Não alterar o rodapé. */
@media (min-width:801px) {
  body:not(:has(#auth-form)) main { background:#130b0b !important; isolation:isolate !important; position:relative !important; }
  body:not(:has(#auth-form)) .hero { isolation:isolate !important; position:relative !important; }
  body:not(:has(#auth-form)) .hero::before {
    content:"" !important; display:block !important; position:absolute !important; z-index:-1 !important;
    inset:0 auto auto calc(50% - 50vw) !important; width:100vw !important; height:100% !important;
    opacity:1 !important; transform:none !important; pointer-events:none !important;
    background-image:linear-gradient(90deg,rgba(19,11,11,.18) 0%,rgba(19,11,11,.35) 35%,#130b0b 72%),linear-gradient(0deg,#130b0b 0%,transparent 34%),none !important;
    background-size:100% 100%,100% 100%,min(55vw,900px) auto !important;
    background-position:center,center,left top !important; background-repeat:no-repeat !important;
  }
  body:not(:has(#auth-form)) .hero::after,body:not(:has(#auth-form)) main::before,body:not(:has(#auth-form)) main::after {content:none !important;display:none !important;}
  body:not(:has(#auth-form)) .top.shell {margin-top:0 !important;top:0 !important;transform:none !important;background:transparent !important;}
  body:not(:has(#auth-form)) .intro h1 {max-width:650px !important;}
}
@media (max-width:800px) {
  body:not(:has(#auth-form)) .hero::before { background-size:100% 100%,100% 100%,100% auto !important; background-position:center,center,left top !important; transform:none !important; }
}