/* Floating CTA */
.cta-floating {
    position: fixed; 
    bottom: 30px; 
    right: 60px; 
    z-index: 100; 
    display: flex; 
    align-items: center; 
    /* Eliminamos el gap para controlar el solape manualmente */
    gap: 0; 
}

.cta-text-pill {
    background: #ffffff; 
    color: #000; 
    padding: 5px 50px 5px 30px; /* Aumentamos padding derecho para que el texto no quede debajo del círculo */
    border-radius: 50px; 
    font-size: 20px; 
    border: 3px solid #000;
    font-family: 'oswald';
    position: relative;
    z-index: 1; /* Queda por debajo del círculo */
}

.fab-round {
    width: 60px; 
    height: 60px; 
    background: #ffffff;
    border-radius: 50%; 
    display: flex; 
    align-items: center;
    justify-content: center; 
    border: 3px solid #000;
    position: relative;
    z-index: 2; /* Asegura que esté encima de la píldora */
    margin-left: -35px; /* Desplazamiento hacia la izquierda para solapar */
}