* {
    font-family: "Montserrat", sans-serif;
}

:root {
    --primary: #e20025;
    --secondary: #003965;
}

.color-primary {
    color: var(--primary);
}

.primary-color {
    background-color: var(--primary) !important;
}

.color-secondary {
    color: var(--secondary);
}

.btn-danger {
    background-color: var(--primary) !important;
}

.btn-outline-danger {
    background-color: #fff !important;
}

.rounded-card {
    border-radius: 16px;
}

#nav-login {
    background-color: var(--primary);
}

a {
    color: var(--primary);
}

.pills-primary .nav-item .nav-link.active {
    background: var(--secondary) !important;
    border-radius: 16px;
}

#puntos ol {
    max-width: 350px;
    counter-reset: my-awesome-counter;
    list-style: none;
    padding-left: 40px;
}
#puntos ol li {
    margin: 0 0 0.5rem 0;
    counter-increment: my-awesome-counter;
    position: relative;
}
#puntos ol li::before {
    content: counter(my-awesome-counter);
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    position: absolute;
    --size: 32px;
    left: calc(-1 * var(--size) - 10px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    top: 0;
    /* transform: rotate(-10deg); */
    background: var(--primary);
    border-radius: 50%;
    text-align: center;
    /* box-shadow: 1px 1px 0 #999; */
}

.collapse-content a.collapsed:after {
    content: "Ver más";
}

.collapse-content a:not(.collapsed):after {
    content: "Ver menos";
}

.center-placeholder::-webkit-input-placeholder {
    text-align: center;
}

.center-placeholder:-moz-placeholder {
    /* Firefox 18- */
    text-align: center;
}

.center-placeholder::-moz-placeholder {
    /* Firefox 19+ */
    text-align: center;
}

.center-placeholder:-ms-input-placeholder {
    text-align: center;
}

.center-placeholder::placeholder {
    text-align: center;
}