body {
    font-family: 'NeoSansPro', sans-serif;
    font-weight: normal;
    font-style: normal;
    color:#444444;
    margin: 0;
    padding: 0;
}
input{
    height: unset !important;
    padding: 2% 4% !important;
    border-radius: 1.5vw !important;
    background:#E6E7E8!important;
    color:#58595B!important;
}
input::placeholder {
    color: #58595B; /* Color del texto del placeholder */
    transition: color 0.3s; /* Transición para cambios */
}
button{
    background:#03318C;
    color:#fff;
    padding: 3% 6%;
    border-radius: 2vw;
}
button:hover{
    background:#EB5F2C;
    border:none;
}
.custom-color-blue{
    color:#03318C;
}
.custom-color-orange{
    color:#EB5F2C;
}
.custom-regular {
    font-family: 'NeoSansPro', sans-serif;
    font-weight: normal;
    font-style: normal;
}

.custom-bold {
    font-family: 'NeoSansPro', sans-serif;
    font-weight: bold;
    font-style: normal;
}

.custom-black {
    font-family: 'NeoSansPro', sans-serif;
    font-weight: 900;
    font-style: normal;
}

.custom-medium {
    font-family: 'NeoSansPro', sans-serif;
    font-weight: 500;
    font-style: normal;
}

.custom-italic {
    font-family: 'NeoSansPro', sans-serif;
    font-weight: normal;
    font-style: italic;
}

.custom-bold-italic {
    font-family: 'NeoSansPro', sans-serif;
    font-weight: bold;
    font-style: italic;
}

.custom-black-italic {
    font-family: 'NeoSansPro', sans-serif;
    font-weight: 900;
    font-style: italic;
}

.custom-medium-italic {
    font-family: 'NeoSansPro', sans-serif;
    font-weight: 500;
    font-style: italic;
}

/* Establecer tamaños base para la pantalla Full HD (1920px) */
h1, h2, h3, h4, h5, h6, p, small, label, input {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 3vw!important;  /* Reducción del 50% */
}

h2 {
    font-size: 2.5vw!important;
}

h3 {
    font-size: 2.25vw!important;
}

h4 {
    font-size: 2vw!important;
}

h5 {
    font-size: 1.75vw!important;
}

h6, i {
    font-size: 1.5vw!important;
}

p, button {
    font-size: 1vw!important;
}

small {
    font-size: 0.75vw!important;
}

label {
    font-size: 1.3vw!important;  /* Tamaño moderado para etiquetas */
}

input {
    font-size: 1.1vw!important;  /* Tamaño adecuado para campos de entrada */
}

@media (max-width: 575.98px) {
    h1, h2, h3, h4, h5, h6, p, small, label, input, i {
        font-size:unset!important;
        margin: 0;
        padding: 0;
        
    }
    button {
        font-size:unset!important;
        padding: 3% 6%;
        border-radius: 5vw;
    }
}