@font-face {
    font-family: PVSans;
    src: url('/wp-content/themes/Govtechlab/fonts/PV-Sans-Regular.ttf');
    font-weight: 400;
}
@font-face {
    font-family: PVSans;
    src: url('/wp-content/themes/Govtechlab/fonts/PV-Sans-Bold.ttf');
    font-weight: 700;
}
@font-face {
    font-family: PVSans;
    src: url('/wp-content/themes/Govtechlab/fonts/PV-Sans-Normal.ttf');
    font-weight: 300;
}
@font-face {
    font-family: PVSans;
    src: url('/wp-content/themes/Govtechlab/fonts/PV-Sans-Light.ttf');
    font-weight: 100;
}

html, body, h1, h2, h3, h4, h5, h6, p, a, span, button, pre {
    font-family: 'PVSans', Arial, san-serif;
}

h1, h2, h3 {
    font-weight: 300;
}

p {
    font-size: 1rem;
    font-weight: 300;
    font-size: clamp(1rem, 0.9038461538461539rem + 0.38461538461538464vw, 1.25rem);
    line-height: 1.4em;
}
pre {
    font-size: 1rem !important;
    font-weight: 300;
    font-size: clamp(1rem, 0.9038461538461539rem + 0.38461538461538464vw, 1.25rem) !important;
    line-height: 1.4em;
}
.lottieSVGanimation { padding: 0 40px; display: flex; }
.lottieSVGanimation > * {
    width: 110px !important;
    height: auto !important;
}

.introNoticiaHeader {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 120px 0;
    background-color: rgba(0,0,0,.6);
    background-blend-mode: color;
    color: #fff;
}
.introNoticiaHeader .hastag { text-align: right;  }
.introNoticiaHeader .title {
    font-size: 2.375rem;
    font-size: clamp(2.375rem, 2.25rem + 0.625vw, 2.8125rem);
    width: 70%;
    font-weight: 600;
    padding: 40px 0;
    margin-bottom: 0;
    line-height: 1.1em;
}
.noticiaPage .Titulo { margin-bottom: 40px; }
.noticiaPage .Info { margin-top: 40px; }

@media only screen and (max-width: 600px) {
    .lottieSVGanimation { display: flex; justify-content: center;  }
    .lottieSVGanimation > * { width: 100px !important; height: auto !important; }
    .introNoticiaHeader .title { width: 100%; text-align: center; }
    .noticiaPage .wp-block-columns.container { padding: 0 20px; }
    .introNoticiaHeader { padding: 80px 0; }
    .noticiaPage .Titulo { padding-bottom: 40px; }
}