.custom-width {
        width: 100%;
    }

     @media (min-width: 768px) { /* md en adelante */
    .custom-width {
        max-width: 430px;
    }
}
.whatsapp-icon {
    width: 58px;
    height: 58px;                 /* Toma la altura del contenedor */
    background: #25d366;
    color: white;
    font-size: 22px;

    display: flex;                    /* Centrado del icono */
    justify-content: center;
    align-items: center;

    border-top-left-radius: 10px;      /* Opcional si quieres forma redondeada */
    border-bottom-left-radius: 10px;
}

.mail-icon {
    width: 58px;
    height: 58px;                 /* Toma la altura del contenedor */
    background: #1c94d2;
    color: white;
    font-size: 22px;

    display: flex;                    /* Centrado del icono */
    justify-content: center;
    align-items: center;

    border-top-left-radius: 10px;      /* Opcional si quieres forma redondeada */
    border-bottom-left-radius: 10px;
}


.no-rounded-left {
        /* Quita todo */
    border-top-left-radius: 0 !important;   /* Asegura izquierda */
    border-bottom-left-radius: 0 !important;

}

.no-rounded-right {
        /* Quita todo */
    border-top-right-radius: 0 !important;   /* Asegura izquierda */
    border-bottom-right-radius: 0 !important;
}

.otp-input {
    width: 40px;          /* tamaño horizontal */
    height: 50px;         /* 🔥 altura más grande */
    font-size: 24px;      /* tamaño del número */
    border-radius: 10px;  /* opcional, esquinas redondeadas */
}