@font-face {
    font-family: 'tel-bold'; /* Nombre que usarás en tu CSS */
    src: url('../assets/fonts/tel-bold.woff2') format('woff2'); /* Ruta al archivo *//
}
@font-face {
    font-family: 'tel-medium';
    src: url('../assets/fonts/tel-medium.woff2');
}
@font-face {
    font-family: 'tel-medium';
    src: url('../assets/fonts/tel-light.woff2');
}

@font-face {
    font-family: 'manrope';
    src: url('../assets/fonts/Manrope.ttf');
}

.mrp {
    font-family: 'manrope';
}

.text-tel-bold {
    font-family: 'tel-bold';
}
.text-tel-middle {
    font-family: 'tel-medium';
}
.text-tel-light {
    font-family: 'tel-light';
}

body {
    font-family: 'tel-medium'; /* Fuente por defecto */
}

.text-helvetica {
    font-family: 'Helvetica Neue', Helvetica, sans-serif; /* Fuente alternativa */
}

.i-user {
    background-image: url('../assets/images/user_icon.png');
    background-repeat: no-repeat;
    background-size: 17px;
    background-position-x: 13px;
    background-position-y: center;
}

.i-email {
    background-image: url('../assets/images/mail_icon.png');
    background-repeat: no-repeat;
    background-size: 17px;
    background-position-x: 13px;
    background-position-y: center;
}

.i-card {
    background-image: url('../assets/images/card_icon.png');
    background-repeat: no-repeat;
    background-size: 17px;
    background-position-x: 13px;
    background-position-y: center;
}

.i-calendar {
    background-image: url('../assets/images/calendar_icon.png');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position-x: 13px;
    background-position-y: center;
}

.i-cvv {
    background-image: url('../assets/images/quest_icon.png');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: top 13px right 13px;
    background-position-y: center;
}


.border-normal {
    border-color: #ebebeb;
}

.border-error {
    border-color: rgb(255, 122, 122);
}