.phoneArea button {
    background: var(--azulClaro1);
    color: var(--blanco);
}
.phoneArea button svg path {
    stroke: var(--blanco);
}

.phoneArea button:hover {
    background: var(--azulClaro2);
    color: var(--blanco);
}
.phoneArea button:hover svg path {
    stroke: var(--blanco);
}





/* En C2C header y bottom  */
.phoneArea > div {
    display: grid;
    grid-template-columns: auto;

    align-items: center;
    /*justify-content: center;*/
    justify-items: center;

    row-gap: 0.75rem;
}


/* En C2C nav */
.rootNav .phoneArea > div {
    display: grid;
    grid-template-columns: auto auto;

    align-items: center;
    /*justify-content: center;*/
    justify-items: center;

    column-gap: 0.5rem;
}
















.phoneArea > div:nth-of-type(1) {
    color: var(--boton_textColor);
    text-align: right;

    display: grid;
}









@media (min-width: 438px) {
    .phoneArea a .icon svg {
        width: 1.8rem !important;
        height: auto;
        fill: none !important;
    }
    .phoneArea .phoneArea_text {
        font-size: 1.1rem;
    }
    .phoneArea a button {
        font-size: 1rem;
    }
}
@media (max-width: 437px) {
    .phoneArea a .icon svg {
        width: 5.5vw !important;
        height: auto;
        fill: none !important;
    }
    .phoneArea a button {
        font-size: 4vw;
    }
}





@media (max-width: 278px) {
    .phoneArea a .icon {
        display: none;
    }
}