/* =========================================================
   ARKANSOFT MEDISOFTWARE V10
   Reduce espacio superior mobile + WhatsApp solo icono
   ========================================================= */

/* clase que se inyecta al hero localizado */
.msv10-hero-tight-mobile{
  /* desktop no toca casi nada */
}

/* solo icono WhatsApp */
#msv10-wa-icon{
  position:fixed;
  right:16px;
  bottom:12px;
  width:56px;
  height:56px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#21d366,#12c95d);
  color:#ffffff;
  text-decoration:none!important;
  box-shadow:0 14px 28px rgba(0,0,0,.25);
  z-index:99980;
}
#msv10-wa-icon svg{
  width:28px;
  height:28px;
  display:block;
}

/* mover chatbot para quedar arriba del icono */
#arkanbot-wrap{
  bottom:82px!important;
}

/* mobile */
@media(max-width:720px){
  /* reducir espacio superior */
  .msv10-hero-tight-mobile{
    padding-top:14px!important;
  }
  .msv10-hero-tight-mobile .msv8-top-badge,
  .msv10-hero-tight-mobile .msv9-top-badge{
    margin-top:0!important;
  }

  /* acercar el primer badge al top */
  .msv10-hero-tight-mobile .msv8-top-badge,
  .msv10-hero-tight-mobile .msv9-top-badge,
  .msv10-hero-tight-mobile [class*="top-badge"],
  .msv10-hero-tight-mobile [class*="badge"]{
    margin-bottom:10px!important;
  }

  /* ajustar espacio general de título y texto */
  .msv10-hero-tight-mobile .msv9-title,
  .msv10-hero-tight-mobile .msv8-title{
    margin-top:0!important;
  }

  /* whatsapp solo icono abajo */
  #msv10-wa-icon{
    right:12px;
    bottom:12px;
    width:52px;
    height:52px;
  }
  #msv10-wa-icon svg{
    width:26px;
    height:26px;
  }

  /* chatbot un poco arriba para no solapar */
  #arkanbot-wrap{
    right:12px!important;
    bottom:74px!important;
  }
  #arkanbot-panel{
    bottom:138px!important;
  }
}