@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');

@font-face {
    font-family: 'Quesello';
    src: url('/fonts/quesello-webfont.woff2') format('woff2'),
         url('/fonts/quesello-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root {
    --tipo-base: 'Montserrat', sans-serif;
    --size-base: 18px;
}

html,
.root {
    font-family: var(--tipo-base);
    font-size: var(--size-base);
    line-height: 27px;
}

.h1-big {
    font-size: 5.6111111rem;
    line-height: 6rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

h1,
.h1 {
    font-size: 2.8333333rem;
    line-height: 3rem;
    margin-top: 1.5rem;
    margin-bottom: 3rem;
}

h2,
.h2 {
    font-size: 2rem;
    line-height: 3rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

h3,
.h3 {
    font-size: 1.3888889rem;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 0rem;
}

h4,
.h4 {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 0rem;
}

h5,
.h5 {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 0rem;
}

.h3-alt {
    font-size: 1.66666667em;
    line-height: 0.9em;
    margin-top: 0.9em;
    margin-bottom: 0em;
}

.small {
    font-size: 0.875rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    text-rendering: optimizeLegibility;
}

.xsmall {
    font-size: 0.75rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    text-rendering: optimizeLegibility;
}

.xsmall {
    font-size: 0.625rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    text-rendering: optimizeLegibility;
}

p,
ul,
ol,
pre,
table,
blockquote {
    margin-top: 0rem;
    margin-bottom: 1.5rem;
}

ul ul,
ol ol,
ul ol,
ol ul {
    margin-top: 0rem;
    margin-bottom: 0rem;
}


/* Let's make sure all's aligned */

hr,
.hr {
    border: 1px solid;
    margin: -1px 0;
}

a,
b,
i,
strong,
em,
br,
small,
code {
    line-height: 0;
}

sub,
sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

._normal {
    font-weight: 400;
}

._light {
    font-weight: 300;
}

._medium {
    font-weight: 500;
}

._bold {
    font-weight: 600;
}

._black {
    font-weight: 700;
}

._peronista {
    font-weight: 900;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0%;
}

small {
    font-size: 0.65em;
    line-height: 1.5;
}




.roboto-flex-variation {
  font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}

.iconos {
    font-family: "Quesello";
    font-weight: 400;
    font-style: normal;
    font-size: 2.4em;
    margin-top: 16px;
}

.dm-serif  {
    font-family: "DM Serif Text", serif;
    font-weight: 100 200 300 400 500 600 700; /* Peso de la fuente regular y negrita */
    font-style: normal;
  }

  .dm-serif text-regular-italic {
    font-family: "DM Serif Text", serif;
    font-style: italic;
  }


._xtra{
    font-variation-settings:"XTRA" 468;
}

@media (max-width: 480px) {
    h1,
    .h1 {
        font-size: 2.8333333rem;
        line-height: 3rem;
        margin-top: 1.5rem;
        margin-bottom: 3rem;
    }

    h2,
    .h2 {
        font-size: 2rem;
        line-height: 3rem;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    h3,
    .h3 {
        font-size: 1.3888889rem;
        line-height: 1.5rem;
        margin-top: 1.5rem;
        margin-bottom: 0rem;
    }

    h4,
    .h4 {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-top: 1.5rem;
        margin-bottom: 0rem;
    }

    h5,
    .h5 {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-top: 1.5rem;
        margin-bottom: 0rem;
    }

}