.borde-bicolor {
    position: relative;
    background: transparent; /* Fondo transparente */
    border-radius: 35px;     /* Redondeado */
}
.borde-bicolor::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 35px; 
    padding: 1px; /* Grosor del borde */
    /* Aquí definimos: Blanco hasta el 50%, Naranja del 50% en adelante */
    background: linear-gradient(to bottom, white 65%, #EA5D28 50%); 
         
    /* Esta máscara hace que solo se vea el borde y el centro quede hueco/transparente */
    -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}