.floating-btn {
    appearance: none;          /* elimina estilo nativo */
    -webkit-appearance: none;  /* Safari/Chrome */
    -moz-appearance: none;

    position: fixed;
    right: max(24px, env(safe-area-inset-right));
    background-color: rgb(255, 255, 255);
    z-index: 99;

    width: 50px;
    height: 50px;
    min-width: 50px;           /* fuerza tamaño exacto */
    max-width: 50px;
    padding: 0;

    border-radius: 50%;
    border: 0.5px solid #bebebe;

    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;
    text-align: center;
    cursor: pointer;
    outline: none;

    font-size: 26px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.25);

    transition: all 0.2s ease;
}

@media (max-width: 1200px){
  .floating-btn{
    width:48px;
    height:48px;
    min-width:48px;
    max-width:48px;
    font-size:24px;
    right:20px;
  }
}

@media (max-width: 1100px){
  .floating-btn{
    width:46px;
    height:46px;
    min-width:46px;
    max-width:46px;
    font-size:23px;
    right:18px;
  }
}

@media (max-width: 900px){
  .floating-btn{
    width:44px;
    height:44px;
    min-width:44px;
    max-width:44px;
    font-size:22px;
    right:16px;
  }

  .floating-btn:active{
    transform: scale(0.95);
  }
}

@media (max-width: 600px){
  .floating-btn{
    width:40px;
    height:40px;
    min-width:40px;
    max-width:40px;
    font-size:20px;
    right:12px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
  }
}