/* TIPOGRAFIAS */

/* LORA */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

/* Questrial  */
@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=Comfortaa:wght@300..700&family=Dosis:wght@500&family=Questrial&display=swap');

/* Libre Baskerville */
@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=Comfortaa:wght@300..700&family=Dosis:wght@500&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Questrial&display=swap');

/* Inter */
@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=Comfortaa:wght@300..700&family=Dosis:wght@500&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Questrial&display=swap');


* {letter-spacing: .212em;}

html {
    height: 100%;
    width: 100%;
    scroll-behavior: smooth;

}


body {
    margin: auto;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Lora' !important;}

p, span {font-family: 'Questrial';}

blockquote {
    font-family: "Libre Baskerville";
}

p {margin: 0 0 17px;}

a {text-decoration: none;color: unset;}

a:hover,a:focus,a:visited,a:visited{color: #fff;}

a.dark-blue:hover,a.dark-blue:focus,a.dark-blue:visited,a.dark-blue:visited{color:#1F4858;}

.caja-boton {
    margin: 40px auto 40px;
    display: flex;
    justify-content: center;
}

a.boton {border-radius: 2em;padding: 18px 30px;background-color: #1F4858;}

a.boton-2 {border-radius: 2em;padding: 18px 30px;background-color: #ffff;}

.salto-texto{
    white-space: break-spaces;
}

.wrap {margin: 0 auto;width: 788px}

.dark-blue-bg {background-color: #1F4858}

.dark-blue {color: #1F4858}

.white-text {color: white;}

.margin-top-1 {margin-top: 1em}

.margin-top-2 {margin-top: 2em}

.margin-top-3 {margin-top: 3em}

.margin-top-4 {margin-top: 4em}

.margin-left-1 {margin-left: 1em}

.margin-right-1 {margin-right: 1em;}

.margin-bottom-1 {margin-bottom: 1em}

.margin-bottom-2 {margin-bottom: 2em}

.padding-top-1 {padding-top: 1em}

.padding-top-2 {padding-top: 2em}

.padding-top-3 {padding-top: 3em}

.padding-left-1 {padding-left: 1em}

.padding-right-1 {padding-right: 1em}

.padding-bottom-1 {padding-bottom: 1em}

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

.site-inner {
    clear: both;
    margin: 0 auto;
    padding: 0px;
}

@media only screen and (min-width: 960px) {
    .site-inner {
        max-width: 100% !important;
    }
}