/* LoveApp V6 - acesso mobile 17. Não modifica desktop. */
@media (max-width:720px) {
  main {
    background-image: none !important;
    background-size: 100% auto !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: #11090b !important;
    padding-top: clamp(345px, 105vw, 620px) !important;
    overflow-x: clip !important;
  }
  .heart-logo-position {
    display: block !important;
    position: absolute !important;
    left: 77% !important;
    top: 56vw !important;
    width: clamp(72px, 21vw, 112px) !important;
    height: clamp(72px, 21vw, 112px) !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
  }
  .heart-logo-position .heart-logo { width:100% !important; height:100% !important; object-fit:contain !important; }
  main .intro, main .card {position:relative;z-index:3}
}

/* LoveApp V6 - ajuste visual mobile 33; nao altera autenticacao. */
@media (max-width:720px){
  body{position:relative}
  body>header{position:absolute;z-index:5;top:0;left:0;right:0;
    height:56px;padding:8px 16px;justify-content:flex-end;pointer-events:none}
  body>header a{pointer-events:auto;display:inline-flex;align-items:center;
    color:#f5d7b1;text-decoration:none;font-size:13px}
  body>header a img{display:none!important}
  body>header a::after{content:"← Início";padding:6px 8px;
    background:rgba(15,9,12,.55);border-radius:8px}
  main{position:relative!important;margin-top:0!important;
    padding-top:clamp(345px,105vw,620px)!important}
  main::before{content:"";position:absolute;pointer-events:none;z-index:2;
    top:57vw;left:77%;width:clamp(74px,22vw,118px);aspect-ratio:1;
    transform:translate(-50%,-50%);
    background:url('loveapp-logo-safari-v18.png') center/contain no-repeat;
    -webkit-mask-image:radial-gradient(ellipse 57% 57% at center,#000 42%,transparent 100%);
    mask-image:radial-gradient(ellipse 57% 57% at center,#000 42%,transparent 100%);
    mix-blend-mode:screen}
  main .intro{padding-top:0!important}
  main .card{margin-top:0!important}
  .password-toggle{z-index:4;touch-action:manipulation}
}

/* LoveApp P2 — correção visual exclusivamente mobile, 23/10/2026. */
@media screen and (max-width:720px){
  html body>main{position:relative!important;box-sizing:border-box!important;
    padding-top:clamp(270px,78vw,345px)!important;overflow-x:clip!important}
  html body>main::before,html body>main::after{
    content:none!important;display:none!important;background:none!important}
  html body main>.heart-logo-position.loveapp-v39-heart{
    display:block!important;position:absolute!important;top:calc(11svh - 20px)!important;
    left:50%!important;right:auto!important;bottom:auto!important;
    transform:translateX(-50%)!important;
    width:clamp(110px,32vw,148px)!important;height:clamp(110px,32vw,148px)!important;
    margin:0!important;padding:0!important;background:none!important;
    pointer-events:none!important;z-index:4!important}
  html body main>.heart-logo-position.loveapp-v39-heart::before,html body main>.heart-logo-position.loveapp-v39-heart::after{
    content:none!important;display:none!important}
  html body main>.heart-logo-position.loveapp-v39-heart>img.heart-logo{
    display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
  html body>main>.intro,html body>main>.card{
    position:relative!important;z-index:5!important;max-width:600px!important;margin-left:auto!important;margin-right:auto!important}
  html body>main>.intro :is(h1,p,.eyebrow),html body>main>.card :is(h2,p,label,.hint){
    -webkit-text-stroke:.4px rgba(0,0,0,.9)!important;
    text-shadow:0 1px 2px rgba(0,0,0,.65)!important}
  html body>main>.card :is(.text-button,.password-toggle,.primary){min-height:44px!important;}
}


/* LOVEAPP_DESKTOP_LOGO_UNICO_20261023 — sem alterar estilos mobile. */
@media screen and (min-width:721px){
 html body:has(.love-access-footer)>main>.heart-logo-position.loveapp-v39-heart{
  display:block!important;position:absolute!important;left:50%!important;right:auto!important;
  top:22px!important;bottom:auto!important;transform:translateX(-50%)!important;
  width:158px!important;height:158px!important;margin:0!important;padding:0!important;
  pointer-events:none!important;z-index:6!important;
 }
 html body:has(.love-access-footer)>main>.heart-logo-position.loveapp-v39-heart>img.heart-logo{
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
 }
 /* Afasta o formulario do logotipo central sem modificar campos nem autenticacao. */
 html body:has(.love-access-footer)>main>.card{
  left:75%!important;
 }
}


/* LOVEAPP_TIPOGRAFIA_LIMPA_20261023: somente fontes/contornos/legibilidade. */
html body:has(.love-access-footer) main :is(.intro h1,.intro h1 em,.card h2,dialog h2){
 font-family:Georgia,"Times New Roman",serif!important;
 -webkit-text-stroke:0 transparent!important;text-stroke:0 transparent!important;
 text-shadow:0 2px 4px rgba(0,0,0,.78)!important;
}
html body:has(.love-access-footer) :is(main .intro p,main .note,main .eyebrow,main .card p,main .card label,main .card button,main .card input,main .card a,main .hint,main .form-subtitle,dialog p,dialog label){
 font-family:Arial,Helvetica,sans-serif!important;
 -webkit-text-stroke:0 transparent!important;text-stroke:0 transparent!important;
 text-shadow:none!important;
 letter-spacing:normal!important;
}
html body:has(.love-access-footer) main .intro :is(p,.eyebrow){
 color:#fff4e7!important;text-shadow:0 1px 3px rgba(0,0,0,.9)!important;
}
@media(max-width:720px){
 html body:has(.love-access-footer) main .intro h1{font-size:clamp(30px,8vw,42px)!important;line-height:1.16!important;}
 html body:has(.love-access-footer) main .intro :is(p,.note){font-size:16px!important;line-height:1.55!important;}
 html body:has(.love-access-footer) main .card :is(label,input,button){font-size:max(16px,1rem)!important;}
}