@font-face {
    font-family: "Avanta-es";
    src: url("./../fonts/Avantt/Avantt-SemiBold.otf");
}

@font-face {
    font-family: "Avanta-en";
    src: url("./../fonts/Avantt/Avantt-Regular.ttf");
}

@font-face {
    font-family: "Avanta-claim-es";
    src: url("./../fonts/Avantt/Avantt-Bold.otf");
}

@font-face {
    font-family: "Avanta-claim-en";
    src: url("./../fonts/Avantt/Avantt-Medium.ttf");
}


* {
  letter-spacing: 0;
}

.title {
  letter-spacing: -0.03em;
}

html:lang(en) {
  font-family: "Avanta-en", sans-serif;
}

html:lang(es) {
  font-family: "Avanta-es", sans-serif;
}

:root {
    --primary-color: #0000c2;
    --secondary-color: #ff4e00;
    --white: #fff;
    --black: #000;
    --light-gray: #EAF3F8;
    --info: #ff4e00;
    --active-color: #ff4e00;
    --accent-color: #ff4e00;
}

body {
    margin: 0;
}

a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: inherit;
}

main {
    max-width: 1280px;
    margin: 0 auto;
}

main .content {
    min-height: 65vh;
    gap: 1rem;
    display: grid;
}


.underline {
    text-decoration: underline;
}

.underline:hover {
    cursor: pointer;
    text-decoration: underline;
}

.btn-info {
    color: white;
    font-size: 24px;
}

.btn.btn-info[disabled] {
    color: white;
}



@media (max-width: 992px) {
    main {
        padding: 2px 12px;
    }
}

.btn.btn-default.close {
    font-size: 22px;
    padding: 0;
}