/* Sexiloka para Android: CTA visible en la web, navegación solo en modo instalado. */
.sx-app-cta{display:flex;align-items:center;gap:14px;width:min(1120px,calc(100% - 28px));margin:16px auto 20px;padding:16px 18px;background:linear-gradient(120deg,#151b29,#282035);border:1px solid #dc4286;border-radius:18px;box-shadow:0 10px 28px rgba(0,0,0,.12);color:#fff}
.sx-app-cta__icon{width:49px;height:49px;flex:0 0 49px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#f02a89,#961058);border:2px solid #ff9aca;border-radius:16px;font-size:26px;font-weight:900;color:#fff}
.sx-app-cta__icon span{position:absolute;bottom:3px;right:5px;font-size:13px}
.sx-app-cta__text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.sx-app-cta__text strong{font-size:1rem;line-height:1.25;color:#fff}
.sx-app-cta__text span{font-size:.83rem;line-height:1.4;color:#eadfe8}
.sx-app-cta__button{display:inline-flex;justify-content:center;align-items:center;gap:9px;flex:0 0 auto;min-height:46px;border-radius:12px;padding:10px 17px;background:#ee277b;color:#fff!important;text-decoration:none!important;font-weight:800;font-size:.9rem;box-shadow:0 7px 20px rgba(238,39,123,.21);transition:transform .15s,background .15s}
.sx-app-cta__button:hover,.sx-app-cta__button:focus-visible{background:#fa3a8d;transform:translateY(-1px)}
.sx-app-cta__button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.sx-app-cta--perfil{width:100%;margin:0 0 20px;background:linear-gradient(110deg,#181b30,#3b1930)}
/* Las CTA desaparecen si ya se está usando Sexiloka como aplicación. */
@media (display-mode:standalone){.sx-app-cta{display:none!important}}
@media(max-width:640px){.sx-app-cta{gap:11px;padding:14px;border-radius:15px;flex-wrap:wrap;margin:12px auto 18px}.sx-app-cta__icon{width:43px;height:43px;flex-basis:43px;font-size:23px;border-radius:13px}.sx-app-cta__text{flex:1 1 calc(100% - 60px)}.sx-app-cta__text strong{font-size:.91rem}.sx-app-cta__text span{font-size:.77rem}.sx-app-cta__button{width:100%;font-size:.9rem;min-height:47px}.sx-app-cta--perfil{width:100%;margin:0 0 18px}}
/* Barra de navegación fija exclusiva de la app instalada (no toca el chat). */
.sx-app-dock{display:none}
@media(max-width:820px){
  body.sx-app-standalone{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}
  body.sx-app-standalone .sx-app-dock{position:fixed;z-index:1100;left:0;bottom:0;right:0;display:flex;justify-content:space-around;align-items:stretch;min-height:66px;padding:5px 7px calc(6px + env(safe-area-inset-bottom,0px));background:rgba(12,15,26,.98);border-top:1px solid rgba(245,82,149,.45);box-shadow:0 -9px 30px rgba(0,0,0,.3);backdrop-filter:blur(12px)}
  .sx-app-dock a{min-width:0;flex:1;text-align:center;color:#c8c7d5;text-decoration:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 2px;border-radius:11px;font:600 10px/1.2 system-ui,-apple-system,sans-serif}
  .sx-app-dock a .sx-app-dock__icon{font:normal 22px/1.2 system-ui,sans-serif}
  .sx-app-dock a[aria-current="page"]{color:#fff;background:#8d154b}
  .sx-app-dock a:focus-visible{outline:2px solid #ff8ac1;outline-offset:-2px}
  body.sx-app-standalone .sx-dashboard-shell{margin-bottom:8px}
}
/* Ajuste real de cuenta en móviles estrechos: priorizar el contenido, no las dos columnas. */
@media(max-width:640px){
  .sx-dashboard-page.sx-profile-modern .profile-hero__inner{flex-direction:column!important;align-items:stretch!important;gap:12px}
  .sx-dashboard-page.sx-profile-modern .profile-hero__actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%!important;margin-top:0}
  .sx-dashboard-page.sx-profile-modern .profile-hero__actions .btn{display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center;min-height:46px;font-size:.81rem;padding:10px 8px}
  .sx-dashboard-page.sx-profile-modern .profile-hero{padding:22px 17px}
}
@media(max-width:380px){.sx-dashboard-page.sx-profile-modern .profile-hero__actions{grid-template-columns:1fr}}
/* Página de instalación. */
.sx-app-download{min-height:65vh;padding:clamp(22px,5vw,58px) 16px;background:radial-gradient(ellipse at 50% 0%,#3b1730 0%,#13151e 48%,#0c1019 100%);color:#fff}
.sx-app-download__inner{width:min(760px,100%);margin:0 auto}
.sx-app-download__heading{display:flex;align-items:center;gap:16px;margin:0 0 20px}
.sx-app-download__heading h1{font-size:clamp(1.65rem,5vw,2.5rem);font-weight:850;margin:0 0 5px;color:#fff}
.sx-app-download__heading p{margin:0;color:#d9d0da;font-size:.93rem}
.sx-app-download__panel{background:rgba(255,255,255,.07);border:1px solid rgba(255,140,190,.25);border-radius:20px;padding:clamp(18px,4vw,30px)}
.sx-app-download__panel h2{font-size:1.18rem;color:#fff;margin:0 0 10px}
.sx-app-download__panel p{font-size:.93rem;line-height:1.55;color:#ded3dd}
.sx-app-download__action{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;border:0;border-radius:13px;padding:12px 18px;background:#f12c80;color:#fff!important;text-decoration:none!important;font-weight:850;cursor:pointer}
.sx-app-download__action:hover{background:#ff4392}
.sx-app-download__action[hidden]{display:none!important}
.sx-app-download__note{padding:16px 0 0;color:#bdb0bd;font-size:.83rem;line-height:1.5}
.sx-app-download__steps{padding-left:22px;color:#e3d9e3;line-height:1.8;font-size:.9rem}
.sx-app-download__back{display:inline-block;margin-top:20px;color:#ffaccd!important;text-decoration:none;font-weight:700}
@media(max-width:480px){.sx-app-download__heading{gap:12px}.sx-app-download__panel{border-radius:16px}.sx-app-download__heading .sx-app-cta__icon{width:56px;height:56px;flex-basis:56px}}