@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
    --blue: #030B7D;
    --blue-dark: #014f69;
    --blue-light: #007cac;
    /*--blue-dark: #020863;*/
    /*--indigo: #6574cd;*/
    --purple: #640BA8;
    --purple-dark: #3A0960;
    --pink: #F14D85;
    --red: #e3342f;
    --orange: #f6993f;
    --yellow: #FFDD00;
    --green: #38c172;
    /*--teal: #4dc0b5;*/
    /*--cyan: #6cb2eb; */
    --white: #fff;
    --gray: #E4E4E4;
    --gray-dark: #3f3f3f;
    --gray-medium: #3f3f3f;
    /*--primary: #009FD1; */
    /*--primary: #005E83;  #006080  <<<< */
    --primary: #329AC6;
    --primary-2: #005E83;
    /*--primary:#030B7D;*/
    --secondary: #6c757d;
    --success: #30AB55;
    --info: #6cb2eb;
    --warning: #FFD21F;
    --danger: #7D100F;
    --light: #f8f9fa;
    --dark: #030303;
    /*
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;   */
    --font-family: 'Montserrat', sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

body {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--dark);
    text-align: left;
    background-color: #f8fafc;
}


/*
* Background
*/

.bg-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-top {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-gradient {
    background: rgb(194, 241, 252);
    background: linear-gradient(180deg, rgba(93, 208, 238, 1) 23%, rgba(194, 241, 252, 1) 100%);
}

.bg-gradient-azul-r {
    background-image: linear-gradient(90deg, rgba(0, 159, 209, 0) 65%, var(--primary) 100%);
    transform: translateX(2px);
}

.bg-gradient-azul-l {
    background-image: linear-gradient(-90deg, rgba(0, 159, 209, 0) 65%, var(--primary) 100%);
    transform: translateX(-2px);
}

.bg-gradient-azul-b {
    background-image: linear-gradient(180deg, rgba(0, 159, 209, 0) 52%, var(--primary) 100%);
    transform: translateY(2px);
    padding: 0;
    margin: 0;
}

.bg-gd-azul-sm {
    background-image: linear-gradient(180deg, rgba(0, 159, 209, 0) 87%, var(--primary) 100%);
    transform: translateY(2px);
    padding: 0;
    margin: 0;
}

.bg-gradient-azul-r2 {
    background-image: linear-gradient(90deg, rgba(0, 159, 209, 0) 65%, var(--primary-2) 100%);
    transform: translateX(2px);
}

.bg-gradient-azul-b2 {
    background-image: linear-gradient(180deg, rgba(0, 159, 209, 0) 52%, var(--primary-2) 100%);
    transform: translateY(2px);
    padding: 0;
    margin: 0;
}

.bg-gradient-dark-sm {
    background-image: linear-gradient(180deg, rgba(63, 63, 63, 0) 52%, rgba(26, 26, 26, 0.74) 100%);
    /*transform: translateY(2px);*/
    padding: 0;
    margin: 0;
}

.bg-gradient-purple-r {
    background-image: linear-gradient(90deg, rgba(0, 159, 209, 0) 75%, var(--purple) 100%);
    transform: translateX(2px);
}

.bg-gradient-purple-l {
    background-image: linear-gradient(-90deg, rgba(0, 159, 209, 0) 75%, var(--purple) 100%);
    transform: translateX(-2px);
}

.bg-gradient-purple-b {
    background-image: linear-gradient(180deg, rgba(0, 159, 209, 0) 52%, var(--purple) 100%);
    transform: translateY(2px);
    padding: 0;
    margin: 0;
}

.bg-gd-blue-light {
    background-image: linear-gradient(180deg, rgba(0, 159, 209, 0) 52%, var(--blue-light) 100%);
    transform: translateY(2px);
    padding: 0;
    margin: 0;
}

.bg-gd-blue-light-t {
    background-image: linear-gradient(0deg, rgba(0, 159, 209, 0) 52%, var(--blue-light) 100%);
    transform: translateY(2px);
    padding: 0;
    margin: 0;
}

.bg-gradient-hz {
    background: var(--blue-light);
    background: linear-gradient(90deg, var(--blue-light) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, var(--blue-light) 100%);
}

.bg-purple {
    background-color: var(--purple);
}

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

.bg-orange {
    background-color: orange;
}

.bg-marinho {
    background-color: #1C2345;
}

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

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

.bg-piscina {
    /*background-color: #506DF5;*/
    background-color: #09C0D7;
}

.bg-black {
    background-color: black;
}

.bg-yellow {
    background: var(--yellow);
}

.bg-orange {
    background: #FD5401;
}

.bg-gray-medium {
    background: var(--gray-medium);
}

.text-orange {
    color: #FD5401;
}

.bg-blue {
    background: var(--blue);
}

.bg-blue-light {
    background-color: var(--blue-light);
}

.bg-off-blue {
    background-color: #EDF8FF;
}

.bg-off-green {
    background-color: #e2fff2;
}

.bg-gray-tr {
    background-color: rgba(26, 26, 26, 0.74);
}


/*
* Img
*/

.img-cover {
    object-fit: cover;
}

.img-crop {
    width: 100%;
    height: 20rem;
    object-fit: cover;
    object-position: center;
}

.blur-image-1 {
    filter: blur(1px);
}

.blur-image-2 {
    filter: blur(2px);
}

.blur-image-3 {
    filter: blur(3px);
}

.blur-image-5 {
    filter: blur(5px);
}

.img-center {
    object-fit: cover !important;
    object-position: center !important;
}


/* Img Effects */

.zoom {
    padding: 50px;
    background-color: green;
    transition: transform .2s;
    /* Animation */
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

.zoom:hover {
    transform: scale(1.5);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.img-hover-container {
    height: 300px;
    /* Modify this according to your need */
    overflow: hidden;
    /* Removing this will break the effects */
}


/* Blur-zoom Container */

.img-hover-zoom-blur img {
    transition: transform 1s, filter 2s ease-in-out;
    filter: blur(1.2px);
    transform: scale(1.2);
}


/* The Transformation */

.img-hover-zoom-blur:hover img {
    filter: blur(0);
    transform: scale(1);
}


/* Blur-zoom Container */

.img-hover-zoom img {
    transition: transform 1s, filter 2s ease-in-out;
    transform: scale(1.2);
}


/* The Transformation */

.img-hover-zoom:hover img {
    transform: scale(1);
}


/*
* Alinhamento
*/

.vertical-middle {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.vertical-bottom {
    position: absolute;
    bottom: 0%;
}

.hz-center {
    margin: 0;
    position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translateX(-50%);
}

.dad-autosize {
    width: auto;
    display: inline-block;
}

.center-dad {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content-dad {
    position: relative;
    text-align: center;
    color: white;
}


/*
* Margin/Padding
*/

.no-padding {
    padding: 0px;
    padding-bottom: 0px;
}


/*
*   Fonts
*/

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-regular {
    font-weight: 400 !important;
}

.font-weight-medium {
    font-weight: 500 !important;
}

.font-weight-semi-bold {
    font-weight: 600 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-extra-bold {
    font-weight: 800 !important;
}

.font-weight-black {
    font-weight: 900 !important;
}

.font-italic {
    font-style: italic !important;
}

.font-normal {
    font-size: 12pt;
}

.font-subtitle {
    font-size: 15pt;
}

.font-title {
    font-size: 35pt;
}

.font-10 {
    font-size: 10pt;
}

.font-12 {
    font-size: 12pt;
}

.font-14 {
    font-size: 14pt;
}

.font-16 {
    font-size: 16pt;
}

.font-18 {
    font-size: 18pt;
}

.font-20 {
    font-size: 20pt;
}

.font-25 {
    font-size: 25pt;
}

.font-30 {
    font-size: 30pt;
}

.font-35 {
    font-size: 35pt;
}

.font-40 {
    font-size: 40pt;
}


/*
* Text Color
*/

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

.text-blue-light {
    color: #00719e !important;
}

.text-blue {
    color: var(--blue) !important;
}

.text-gray {
    color: var(--gray-dark);
}

.text-gray-light {
    color: #757575;
}

.text-gray-medium {
    color: var(--gray-medium);
}

.text-purple {
    color: var(--purple-dark);
}


/*
* Btn
*/

.a-noticias {
    color: var(--gray-dark) !important;
}

.a-noticias:hover {
    color: var(--gray-dark) !important;
}

a {
    color: var(--primary);
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #1d68a7;
    text-decoration: none;
}

a:not([href]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):hover {
    color: inherit;
    text-decoration: none;
}

button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

button,
select {
    text-transform: none;
}

.btn {
    display: inline-block;
    font-weight: 700;
    color: var(--gray-dark);
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1.5px solid transparent;
    padding: 0.375rem 1.2rem;
    font-size: 0.9rem;
    line-height: 1.6;
    border-radius: 1.5rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover {
    color: var(--primary) !important;
    background-color: #fff;
    border-color: var(--primary);
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: var(--primary-2);
    border-color: var(--primary-2);
    box-shadow: 0 0 0 0.2rem rgba(82, 161, 225, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #7DC6DD;
    border-color: #7DC6DD;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #006483;
    border-color: #006483;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 161, 225, 0.5);
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:hover {
    color: #fff !important;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #3490dc;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #3490dc;
    border-color: #3490dc;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.5);
}


/* btn-outline-light */

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:hover {
    color: var(--blue-dark) !important;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}


/* btn-yellow */

.btn-yellow {
    color: var(--purple-dark);
    background-color: var(--yellow);
    border-color: var(--yellow);
}


/* */


/* btn-green */

.btn-green {
    color: var(--white);
    background-color: var(--green);
    border-color: var(--green);
}

.btn-green :hover {
    color: #fff;
    background-color: grey;
    box-shadow: 0 0 0 0.2rem rgba(86, 202, 135, 0.5);
}

.btn-green :focus {
    color: #fff;
    background-color: #30AB55;
    border-color: #2d995b;
    box-shadow: 0 0 0 0.2rem rgba(86, 202, 135, 0.5);
}


/* */


/* btn-orange */

.btn-orange {
    color: var(--blue-dark);
    background-color: var(--orange);
    border-color: var(--orange);
}

.btn-red {
    color: var(--white);
    background-color: var(--red);
    border-color: var(--red);
}

.btn-blue-light {
    color: var(--white);
    background-color: var(--blue-light);
    border-color: var(--blue-light);
}


/* */

.btn-lg,
.btn-group-lg>.btn {
    padding: 0.5rem 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: 1.5rem;
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.7875rem;
    line-height: 1.5;
    border-radius: 1.5rem;
}

.icon-center {
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.375rem 1.2rem;
}

.icon-admin {
    color: var(--light) !important;
    background-color: transparent;
}

.icon-admin :hover {
    color: #E3CA93 !important;
}

.icon-admin :focus {
    color: #A9883F !important;
}

.icon-admin :active {
    color: #32668E !important;
}

.icon {
    color: transparent;
}

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

.icon.disabled,
.icon:disabled {
    color: var(--gray);
}

.dropdown-menu-adm {
    position: absolute;
    top: auto;
    bottom: 100%;
    right: auto;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    font-size: 0.9rem;
    color: #212529;
    text-align: left;
    list-style: none;
}

.dropdown-adm {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    padding: 0 0.5rem 0 0;
    margin: 0.125rem 0 0;
    margin-left: 4rem;
    font-size: 0.9rem;
    color: white;
    text-align: left;
    list-style: none;
}

.form-portal {
    display: block;
    min-width: 50%;
    height: calc(1.6em + 0.75rem + 2px);
    margin: auto;
    padding: 0.375rem 1rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 2rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


/*
select {
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #ddd;
    appearance:none;
    -moz-appearance:none; /* Firefox
    -webkit-appearance:none; /* Safari and Chrome
    background-position-x: 95%;
  } */


/*
* Card
 */

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0.9px solid #EFEFEF;
    border-radius: 0.8rem;
}

.legenda-carousel {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    border: 0.9px solid #EFEFEF;
    border-radius: 0rem 0rem 0.7rem 0.7rem;
}


/*
* Extras
*/

.content-dad {
    position: relative;
    text-align: center;
    color: white;
}


/* Shadow/Sombra */

.text-shadow-sm {
    text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.text-shadow-1 {
    text-shadow: black -3px -1px;
}

.text-shadow-0 {
    text-shadow: black 0px 0px;
}

.shadow-1 {
    box-shadow: black -3px -1px;
}

.shadow-md {
    box-shadow: 0 0.2rem 0.7rem rgba(41, 41, 41, 0.089)!important;
}

.shadow-navbar {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2)!important;
    border-bottom: 0.3px solid #cecece !important;
}

.shadow-hover {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.295) !important;
}

.inner-shadow-md {
    box-shadow: inset 0 0.2rem 0.7rem rgba(41, 41, 41, 0.089)!important;
}

.card-hover-shadow :hover {
    box-shadow: 0 0.2rem 0.7rem red !important;
}

.card-trans {
    transform: translateY(10px);
}

.img-capa-deslocada {
    top: 40px;
    z-index: -1;
}

.text-quebra {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /*numero de linhas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-quebra-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /*numero de linhas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-quebra-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*numero de linhas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-quebra-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /*numero de linhas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-quebra-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /*numero de linhas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
*/

.linha {
    border-top: 3px solid var(--gray-medium) !important;
    margin-top: 0.8rem;
    margin-bottom: 1.5rem;
    max-width: 80px;
    display: flex;
    justify-content: center;
    margin: auto;
}

.linha-primary {
    border-top: 3px solid var(--primary) !important;
    margin-top: 0.8rem;
    margin-bottom: 1.5rem;
    max-width: 80px;
}

.linha-blue {
    border: 1.5px solid #00719e !important;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}

.portal-img {
    min-height: 240px;
}

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

.text-r-center-lg {
    text-align: right;
}

.linha-dark {
    border-top: 1px solid var(--gray-medium) !important;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}

.round-corner-none {
    border-radius: 0rem;
}

.round-corner {
    border-radius: 0.8rem;
}

.round-corner-top {
    border-radius: 0.8rem 0.8rem 0rem 0rem;
}

.round-corner-down {
    border-radius: 0rem 0rem 0.8rem 0.8rem;
}

.round-corner-right {
    border-radius: 0rem 0.8rem 0.8rem 0rem;
}

.round-corner-left {
    border-radius: 0.8rem 0rem 0rem 0.8rem;
}

.round-corner-b-left {
    border-radius: 0rem 0rem 0rem 0.8rem;
}

.rc-left-100 {
    border-radius: 2rem 0rem 0rem 2rem;
}

.submenu {
    margin-right: auto;
    margin-left: 20%;
}

.vertical-scroll {
    overflow-y: auto;
    overflow-x: hidden;
}

.card-t {
    /*display: inline-block;*/
    flex: 0 0 auto;
}


/* Navbar */

.sidebar {
    height: 100vh;
}


/* Navbar */


/* Carousel */

.carousel-caption-2 {
    position: absolute;
    width: 100%;
    bottom: 0px;
    right: 0px;
    z-index: 10;
    color: var(--dark);
    text-align: center;
}

.carousel-indicators-2 {
    position: absolute;
    right: 0;
    bottom: 0px;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators-2 li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 5px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: var(--primary);
    background-clip: padding-box;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

.modal-dialog-h {
    display: flex;
    align-items: center;
    min-width: calc(100% - 1rem);
}

.img-scale {
    object-fit: contain;
}

.round-corner-lg {
    border-radius: 0.8rem;
}

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

.hover-media {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.hover-media:hover {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
    background-color: #005E83;
}

.img-round {
    height: 150px;
    width: 150px;
    border-radius: 100%;
    transition: all 300ms ease-in;
}


/* Style all font awesome icons */

.fa {
    padding: 20px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}


/* Set a specific color for each brand */

.fa-facebook {
    background: #3B5998;
    color: white;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
}

.fa-instagram {
    background: #ea4c89;
    color: white;
}

.fa-youtube {
    background: #bb0000;
    color: white;
}


/*
*Responsivo
*/

@media (max-width: 576px) {
    .p-cards {
        padding-top: 4rem;
    }
}

@media (min-width: 769px) {
    .fixed-lg {
        position: fixed;
        height: 100vh;
        width: 100vw;
    }
}

@media (max-width: 769px) {
    .titulo-blog {
        border: 0px !important;
        border-radius: 0rem !important;
        transform: translateY(0px) !important;
    }
    .text-center-md {
        text-align: center !important;
    }
    .text-r-center-lg {
        text-align: center !important;
    }
    .scrolling-wrapper {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .mx-lg-none {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .px-lg-none {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (max-width: 1300px) {
    .hide-xl {
        display: none;
    }
}

@media (min-width: 768px) {
    .h-blog {
        height: 300px;
    }
    .h-noticias {
        height: 500px;
    }
}

@media (max-width: 769px) {
    .m-lg-0 {
        margin: 0px 0px 0px 0px !important;
    }
    .p-lg-0 {
        padding: 0px 0px 0px 0px !important;
    }
    .no-corners-lg {
        border-radius: 0rem !important;
    }
    .hide-lg {
        display: none;
    }
    .card-title {
        font-size: 23px;
    }
    .card-subtitle {
        font-size: 20px;
    }
    .titulo {
        font-size: 24.5px;
    }
    .h-blog {
        height: fit-content;
    }
    .h-noticias {
        height: fit-content;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .round-corner-lg {
        border-radius: 0rem;
    }
}

@media (max-width: 600px) {
    .hide-sm {
        display: none !important;
    }
}

@media (min-width: 767px) {
    .hide-md {
        display: none !important;
    }
    .scrolling-wrapper {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .px-md-none {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
     ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }
     ::-webkit-scrollbar {
        width: 12px;
        background-color: #F5F5F5;
    }
     ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: rgb(134, 134, 134);
    }
}