.content .title {
    margin: 0;
}

.header.text-block {
    padding-top: 40px !important;
}

.text-block,
.list-block,
.title-block,
.table-block,
.quotes-block,
.image-block,
.cards-block,
.pub-block,
.download-block,
.mosaic-block,
.infoTabs-block,
.dataNumbers-block,
.trofeus-block,
.iconList-block,
.team-block,
.tabs-block,
.team-text-block,
.icon-topics-block,
.grey-block,
.casas-block,
.two-columns-cards-block,
.news-meses-block,
.greyNotes-block,
.spotStores-block,
.hightlight-iconList-block,
.timeline-block,
.info-column-history-block,
.button-block {
    padding: 30px 0px 30px 0px !important;
}

.quotes-block {
    padding: 20px 40px !important;
}

.casas-block {
    border-bottom: 1px solid #DDD;
}

.iconList-block,
.list-block,
.image-block,
.table-block,
.download-block,
.icon-topics-block,
.text-block,
.team-text-block {
    padding-top: 0px !important;
}

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

.title-block p.title {
    font-family: 'Roboto' !important;
    text-transform: none;
    font-size: 36px;
    font-weight: 500;
    line-height: 48px;
}

.title-block p {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}

.header .title-panel .title {
    color: #242424 !important;
    font-family: Roboto !important;
    font-size: 36px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

.header .description,
.header .description h2 {
    color: #000 !important;
    font-family: Roboto !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 24px !important;
}

.button.dark:hover {
    text-decoration: none;
}

.image-block .image {
    position: relative;
    overflow: hidden;
}

.image-block a .image img {
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.image-block a:hover .image img {
    -moz-transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pack-news-shadow {
    background: transparent linear-gradient(0deg, #00000080 0%, #ffffff00 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    height: 100%;
    bottom: 0;
    position: absolute;
    opacity: 1;
    display: flex;
    align-items: flex-end;
}

.pack-news-shadow .icon {
    height: 24px;
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 0 0 20px 20px;
}

.pack-news-shadow .icon svg {
    height: 24px;
    width: 24px;
    fill: white;
}

.image-block a:hover .pack-news-shadow .icon svg {
    fill: #c30000;
}

.pack-news-shadow .icon.galeria svg.video,
.pack-news-shadow .icon.video svg.galeria {
    display: none;
}

.double-table-wrapper {
    position: relative;
    display: flex;
}

.double-table-wrapper td {
    height: 80px;
}

.double-table-wrapper tr {
    border-bottom: solid 1px #DDDDDD;
}

.double-table-wrapper thead {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
}

.double-table-wrapper tbody {
    font-weight: bold;
}

.double-table-wrapper .first {
    width: 160px;
    margin-left: 0px;
}

.double-table-wrapper .table-wrapper {
    width: 100%;
    overflow-x: auto;
}

.double-table-wrapper .table-wrapper .second td {
    text-align: left;
    width: 33%;
}
table.first tbody tr td,
table.second tbody tr td {
    font-family: 'Roboto';
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
    line-height: 30px;
    padding: 10px 12px;
    vertical-align: middle;
}

table.first thead tr.title td,
table.second thead tr.title td {
    font-family: 'Roboto';
    font-weight: 500;
    text-transform: none;
    font-size: 24px;
    line-height: 30px;
    padding: 0 12px;
}

table.second.v-align-middle tbody tr td {
    vertical-align: middle;
}

.quotes-block p.quotes {
    color: #242424;
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
}

.quotes-block p.quotes.autor {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 20px;
}

.cards-block .news-cards {
    display: flex;
    column-gap: 10px;
    flex-wrap: wrap;
}

.cards-block .news-cards .card {
    width: calc(97% / 3) !important;
}

.cards-block .news-cards .card .card-image {
    position: relative;
    overflow: hidden;
}

.cards-block .news-cards .card .card-image img {
    width: 100%;
}

.cards-block .news-cards .card .card-info {
    font-family: 'Roboto';
    padding-top: 15px;
}

.cards-block .news-cards .card .card-info .card-tag {
    color: #C30000;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-transform: uppercase;
}

.cards-block .news-cards .card .card-info .card-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 38px;
}

.cards-block .news-cards .card .card-info .card-desc {
    margin-top: 5px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.pub-block .pub {
    display: flex;
    justify-content: center;
    column-gap: 5px;
}

.pub-block .pub img {
    max-width: 589px;
    margin: initial;
}

.pub-block .pub p {
    color: #BEBEBE;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-transform: uppercase;
}

.download-block .row-wrapper:first-child {
    border-top: 1px solid #F2F2F2;
}

.download-block .row-wrapper {
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #F2F2F2;
    column-gap: 15px;
}

.download-block .row-wrapper-title {
    padding: 20px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #F2F2F2;
    column-gap: 15px;
}

.download-block .row-wrapper-title .modalidade-name {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}

.download-block .row-wrapper .modalidade-name {
    font-size: 18px;
    line-height: 26px;
}

.download-block .row-wrapper .button-wrapper {
    text-align: right;
}

.news-meses-block .row-wrapper:first-child {
    border-top: 1px solid #F2F2F2;
}

.news-meses-block .row-wrapper {
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #F2F2F2;
    column-gap: 15px;
}

.news-meses-block .row-wrapper-title {
    padding: 20px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #F2F2F2;
    column-gap: 15px;
}

.news-meses-block .row-wrapper-title .modalidade-name {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}

.news-meses-block .row-wrapper .modalidade-name {
    font-size: 18px;
    line-height: 26px;
}

.news-meses-block .row-wrapper .button-wrapper {
    text-align: right;
}

.mosaic-block .mosaic {
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    margin-left: 0;
    margin-right: 0;
    justify-content: space-between;
    row-gap: 18px;
}

.mosaic-block .mosaic a {
    width: calc(98% /2) !important;
}

.mosaic-block .mosaic .mosaic-item .mosaic-text p:nth-of-type(1) {
    font-family: 'Roboto';
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
}

.mosaic-block .mosaic .mosaic-item .mosaic-text p:nth-of-type(2) {
    font-family: 'Roboto';
    color: #FFF;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
}

.mosaic-block .mosaic .mosaic-item .mosaic-text p:nth-of-type(3) {
    font-family: 'Roboto';
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.mosaic-block .mosaic .mosaic-item .mosaic-text div:nth-of-type(2) {
    color: #FFF;
    text-align: right;
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}

p.link a {
    color: #242424;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}

p.link svg.arrow {
    stroke: #242424;
    stroke-width: 8px;
    margin-bottom: 2px;
}

p.link a:hover {
    color: #c30000;
    text-decoration: none;
}

p.link a:hover svg.arrow {
    stroke: #c30000;
}

.infoTabs-block .separadores-info-tabs .vertical-nav {
    width: 100%;
}

.infoTabs-block .separadores-info-tabs .vertical-nav .item-separador .img-rules {
    display: flex;
    justify-content: center;
}

.infoTabs-block .separadores-info-tabs .vertical-nav .item-separador .img-rules img {
    margin: 15px;
}
.separadores-info-tabs .vertical-nav .item-separador.open,
.separadores-info-tabs .vertical-nav .item-separador.open .text-container {
    max-height: fit-content !important;
}

.infoTabs-block .vertical-nav .item-separador .tab-select .titleDesc {
    padding-bottom: 30px;
    min-width: 33%;
    max-width: 85%;
}

.infoTabs-block .vertical-nav .item-separador .tab-select .titleDesc h3 {
    margin-bottom: 0;
}

.infoTabs-block .vertical-nav .item-separador .tab-select .titleDesc p {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
}

.infoTabs-block .vertical-nav .detailInfo {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}

.dataNumbers-block .statistics {
    width: 100%;
}

.statistics .stat p.animation-counter {
    font-size: 70px;
    line-height: 92px;
    font-weight: 600;
    color: #C30000;
}

.statistics .col-6.stat {
    max-width: 250px;
}

.statistics .stat p {
    font-size: 18px;
    line-height: 23px;
}

.trofeus-block .trofeus {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 30px;
}

.trofeus-block .trofeus .trofeu {
    width: 240px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    row-gap: 30px;
}

.trofeus-block .trofeus .trofeu .number {
    background: url('https://mediastg.slbenfica.pt/-/media/BenficaDP/Images/genericContent-2023/symbol-titulos.png') no-repeat;
    display: flex;
    width: 185px;
    height: 162px;
    font-size: 70px;
    font-weight: 600;
    justify-content: center;
}

.trofeus-block .trofeus .trofeu .number span {
    margin-top: 20px;
}

.trofeus-block .trofeus .trofeu .desc {
    max-width: 195px;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
}

.iconList-block .iconList-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.iconList-block .iconList-wrapper .iconList-item {
    display: flex;
    column-gap: 9px;
}

.iconList-block .iconList-wrapper .iconList-item svg {
    stroke: #242424;
    width: 24px;
    height: 24px;
    stroke-width: 2;
    margin-right: 13px;
}

.iconList-block .iconList-wrapper .iconList-item p {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.tabs-description .tabs-with-nav {
    padding: 0px;
    margin-bottom: 0px;
}

.tabs-description .tabs-with-nav .tabTitle p {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 10px;
}

.tabs-description .tabs-with-nav .tabText p {
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}


.team-block .team {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}

.team-block .team .perfil {
    width: calc(94% /3);
}

.team-block .team .perfil img {
    width: 100%;
}

.team-block .team .perfil p.name {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 500;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.team-block .team .perfil p.funcao {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

.team-block .team .perfil .desc {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.team-block .team .perfil .desc .values {
    text-align: right;
    font-weight: 600;
}

.team-block .team .perfil .desc .infos p,
.team-block .team .perfil .desc .values p {
    margin-bottom: 5px;
}

.team-text-block p {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.icon-topics-block .topics {
    display: flex;
    column-gap: 18px;
    row-gap: 30px;
    flex-wrap: wrap;
}

.icon-topics-block .topics .topic {
    display: flex;
    width: calc(95%/3);
    column-gap: 10px;
    align-items: flex-start;
}

.icon-topics-block .topics .topic img {
    margin: 0;
    height: 70px;
    max-width: 70px;
}

.icon-topics-block .topics .topic .icon-desc p:first-child {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}

.icon-topics-block .topics .topic .icon-desc p:last-child {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.grey-block .grey-section {
    padding: 40px;
    text-align: center;
}

.grey-block .grey-section p.title {
    color: #C30000;
    font-size: 36px;
    font-weight: 500;
    line-height: 48px;
    padding-bottom: 10px;
}

.grey-block .grey-section p.text {
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    padding-bottom: 40px;
}

.grey-block .grey-section a.button {
    min-width: 207px;
}

.casas-block .casa-conctacts {
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.casas-block .casa-conctacts .info-left {
    max-width: 270px;
}

.casas-block .casa-conctacts .info-right {
    display: flex;
    width: 63%;
    height: fit-content;
    margin-top: 20px;
    justify-content: flex-start;
    column-gap: 100px;
}

.casas-block .casa-conctacts .info-right .infos {
    display: flex;
    align-items: center;
    column-gap: 30px;
}

.casas-block .casa-conctacts .info-right .infos .icon img {
    margin: 0px;
    height: 50px;
    width: auto;
}

.casas-block .casa-conctacts .info-right .infos p.txt-informacoes {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}

.casas-block .casa-conctacts .info-right .infos p.txt-detalhe-informacoes {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.casas-block .casa-conctacts .moreInfo {
    width: 100%;
}

.casas-block .casa-conctacts .moreInfo .tabs-description {
    padding: 20px 0 0;
}

.casas-block .casa-conctacts .moreInfo a {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-decoration-line: underline;
}

.casas-block .casa-conctacts .info-left p.title {
    font-size: 36px;
    font-weight: 500;
    line-height: 44px;
    margin-bottom: 15px;
}

.casas-block .casa-conctacts .info-left p.txt-casa-number {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 15px;
}

.casas-block .casa-conctacts .info-left a.txt-mais-informacoes {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-decoration-line: underline;
}

.two-columns-cards-block .cards {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 40px;
    justify-content: space-between;
}

.two-columns-cards-block .cards .card {
    display: flex;
    flex-direction: column;
    width: calc(97%/2);
    max-width: 500px;
}

.two-columns-cards-block .cards .card img {
    margin: 0;
    width: 100%;
}

.two-columns-cards-block .cards .card .card-info {
    margin-top: 20px;
}

.two-columns-cards-block .cards .card .card-info p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.two-columns-cards-block .cards .card .card-info p.title {
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: 500;
    line-height: 38px;
}

.info-column-history-block .content {
    display: flex;
    column-gap: 25px;
    align-items: center;
    margin: 30px 0;
    justify-content: space-between;
}

.info-column-history-block .content .info-content {
    max-width: 500px;
}

.info-column-history-block .content .info-content p {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
}

.info-column-history-block .content .info-content ul li {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
}

.info-column-history-block .content .info-content p.subtitle {
    font-size: 40px;
    font-weight: 500;
    line-height: 40px;
}

.info-column-history-block .content .info-content p.title {
    font-size: 70px;
    font-weight: 500;
    line-height: 70px;
}

.info-column-history-block .imageLeft {
    justify-content: flex-start;
}

.info-column-history-block .imageRight {
    justify-content: flex-end;
}

.info-column-history-block .imageBottom {
    flex-direction: column;
    align-items: end;
}

.info-column-history-block .imageBottom .info-content {
    max-width: 70%;
    text-align: right;
}

.info-column-history-block .imageBottom .info-content .image {
    margin-top: 30px;
    width: 100%;
}

.info-column-history-block .imageBottom .info-content .image img {
    width: 100%;
}


.greyNotes-block .notesSection {
    background-color: #F3F3F3;
    padding: 30px;
}

.greyNotes-block .notesSection p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.greyNotes-block .notesSection p.title {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 10px;
}

.hightlight-iconList-block .iconList-wrapper {
    display: flex;
    flex-direction: column;
}

.hightlight-iconList-block .iconList-wrapper .iconList-item {
    display: flex;
    column-gap: 9px;
    border-bottom: 1px solid #F2F2F2;
    padding: 20px;
}

.hightlight-iconList-block .iconList-wrapper .iconList-item:first-child {
    border-top: 1px solid #F2F2F2;
}

.hightlight-iconList-block .iconList-wrapper .iconList-item svg {
    stroke: #242424;
    width: 24px;
    height: 24px;
    stroke-width: 0;
    margin-right: 13px;
}

.hightlight-iconList-block .iconList-wrapper .iconList-item p {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.hightlight-iconList-block .iconList-wrapper .iconList-item p a {
    color: #242424;
    cursor: pointer;
    text-decoration: none;
    font-weight: 700;
    line-height: 22px;
}

.hightlight-iconList-block .iconList-wrapper .iconList-item p a:hover {
    color: #c30000;
}

.spotStores-block .cardsList {
    display: flex;
    flex-wrap: wrap;
    column-gap: 25px;
    row-gap: 40px;
    justify-content: space-between;
}

.spotStores-block .cardsList .card {
    max-width: 500px;
    width: calc(96%/2);
}

.spotStores-block .cardsList .card img {
    width: 100%;
}

.spotStores-block .cardsList .card p.title {
    font-size: 24px;
    font-weight: 500;
    line-height: 38px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.spotStores-block .cardsList .card .info {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

.spotStores-block .cardsList .card .info .morada,
.spotStores-block .cardsList .card .info .horario,
.spotStores-block .cardsList .card .info .servicos {
    display: flex;
    column-gap: 10px;
    align-items: flex-start;
}

.spotStores-block .cardsList .card .info .morada svg,
.spotStores-block .cardsList .card .info .horario svg,
.spotStores-block .cardsList .card .info .servicos svg {
    fill: #242424;
    width: 24px;
    height: 24px;
    stroke-width: 0;
    margin-right: 13px;
}

.spotStores-block .cardsList .card .info .servicos svg.active {
    fill: #c30000;
}

.spotStores-block .cardsList .card .info .morada p,
.spotStores-block .cardsList .card .info .horario p,
.spotStores-block .cardsList .card .info .servicos p {
    max-width: 400px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.spotStores-block .cardsList .card .info .servicos {
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 30px;
    column-gap: 60px;
    border-bottom: 1px solid #F2F2F2;
}

.timeline-block .timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.timeline-block .timeline::after {
    content: '';
    position: absolute;
    width: 1px;
    background-color: #BEBEBE;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;
}

.timeline-block .timeline .tcontainer {
    padding: 15px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

.timeline-block .timeline .tcontainer:first-child {
    padding-top: 0px;
}

.timeline-block .timeline .tcontainer:last-child {
    padding-bottom: 0px;
}

.timeline-block .timeline .center {
    margin: auto;
    text-align: center;
    width: max-content;
    max-width: 90%;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.timeline-block .timeline .center .content {
    background-color: #F4F4F4;
    padding: 20px 25px;
    position: relative;
    border-radius: 5px;
}

.timeline-block .timeline .center .content.red {
    background-color: #c30000;
    color: #fff !important;
}

.timeline-block .timeline .center .content p.title {
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
}

.timeline-block .timeline .year .content {
    background-color: #fff;
    padding: 20px 25px;
    position: relative;
    border-radius: 5px;
}

.timeline-block .timeline .left {
    left: 0;
    text-align: right;
}


.timeline-block .timeline .right {
    left: 50%;
}

.timeline-block .timeline .right::after {
    left: -12px;
}

.timeline-block .timeline .content .box {
    padding: 20px 25px;
    background-color: #F4F4F4;
    position: relative;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

.timeline-block .timeline .content .box p.black {
    color: #000;
}

.timeline-block .timeline .content .box p.red,
.timeline-block .timeline .content .box p.black {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}

.timeline-block .timeline .dark .content .box,
.timeline-block .timeline .dark .content .box p {
    background-color: #242424;
    color: #FFF !important;
}

.timeline-block .timeline .tcontainer .content img {
    width: 100%;
}


.layer-swipe {
    position: absolute;
    left: -14px;
    height: 100%;
    width: calc(100vw + 14px);
    z-index: 10;
    transition: opacity ease-out 150ms;
}

.layer-swipe+table {
    margin-right: 15px;
}

.layer-swipe.swiped {
    opacity: 0;
    pointer-events: none;
}

.layer-swipe .text-swipe {
    position: relative;
    color: #FFFFFF;
    padding: 0 90px;
    text-align: center;
    top: 35%;
}

.layer-swipe .text-swipe p {
    color: #FFFFFF;
    font-size: 20px;
}

.layer-swipe .text-swipe img {
    margin-bottom: 10px;
}

.layer-swipe .layer {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #242424;
    opacity: 50%;
}

@media (min-width: 992px) {
    .layer-swipe {
        display: none;
    }
}

@media (min-width: 768px) {
    .infoTabs-block .separadores-info-tabs {
        display: flex;
        margin: 0;
    }
    .separadores-info-tabs .vertical-nav .item-separador.open {
        max-height: fit-content !important;
    }

    .dataNumbers-block .statistics .slick-track {
        display: flex;
        text-align: center;
        width: 100% !important;
        flex-wrap: wrap;
        justify-content: center !important;
        row-gap: 40px !important;
    }

    .dataNumbers-block .statistics .slick-slide {
        width: 30% !important;
    }

    .tabs-with-nav nav {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 1060px) {
    .team-block .team .perfil {
        width: calc(94% /2);
    }
}


@media screen and (max-width: 768px) {

    .generic-content-container .content {overflow-x: hidden;}

    table.first tbody tr td,
    table.second tbody tr td {
        line-height: 18px;
    }

    .quotes-block {
        padding: 20px 15px !important;
    }

    .header .title-panel .title {
        font-weight: 500 !important;
        text-transform: none !important;
        font-family: Roboto !important;
        font-size: 36px !important;
        line-height: 42px !important;
        margin-bottom: 15px !important;
    }

    table.second {
        width: 850px;
    }

    .download-block .row-wrapper .modalidade-name {
        width: 65%;
    }

    .slick-list.draggable {
        height: auto !important;
    }

    .slick-dots {
        bottom: -5% !important;
    }

    .cards-block,
    .trofeus-block {
        overflow-x: auto;
    }

    .cards-block .news-cards {
        width: fit-content;
        flex-wrap: nowrap;
    }

    .cards-block .news-cards .card {
        width: 250px !important;
    }

    .pub-block .pub img {
        max-width: 285px;
    }

    .mosaic-block .mosaic a {
        width: 100% !important;
    }

    .infoTabs-block .separadores-info-tabs .vertical-nav .item-separador .img-rules img {
        margin: 15px 5px;
    }

    .dataNumbers-block {
        display: flex;
    }

    .dataNumbers-block .statistics .slick-track {
        display: flex;
        text-align: center;
        justify-content: center !important;
    }

    .statistics .stat p.animation-counter {
        font-size: 70px;
        font-weight: 600;
        line-height: 65px;
        color: #C30000;
    }

    .trofeus-block .trofeus {
        display: flex;
        width: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 30px;
    }

    .team-block .team {
        flex-direction: column;
        align-items: center;
    }

    .icon-topics-block .topics {
        flex-direction: column;
    }

    .icon-topics-block .topics .topic {
        width: 100%;
    }

    .download-block .row-wrapper .button-wrapper,
    .news-meses-block .row-wrapper .button-wrapper {
        min-width: 105px;
    }

    .casas-block .casa-conctacts .info-right {
        width: 100%;
        margin-top: 0px;
        column-gap: 20px;
    }

    .casas-block .casa-conctacts .info-right .infos {
        align-items: flex-start;
        column-gap: 10px;
    }

    .casas-block .casa-conctacts .info-right .infos .icon img {
        height: 30px;
    }

    .casas-block .casa-conctacts .moreInfo {
        margin-top: 10px;
    }

    .two-columns-cards-block .cards .card {
        width: 100%;
        max-width: 447px;
    }

    .info-column-history-block .imageLeft {
        flex-direction: column;
    }

    .info-column-history-block .imageRight,
    .info-column-history-block .imageBottom {
        flex-direction: column-reverse;
    }

    .info-column-history-block .imageBottom .info-content {
        max-width: 100%;
        text-align: left;
    }

    .info-column-history-block .content .info-content p.title {
        padding-top: 20px;
    }

    .hightlight-iconList-block .iconList-wrapper .iconList-item {
        padding: 20px 0;
    }

    .hightlight-iconList-block .iconList-wrapper .iconList-item p {
        max-width: 75%;
    }

    .spotStores-block .cardsList .card {
        max-width: 500px;
        width: 100%;
    }

    .spotStores-block .cardsList .card .info .morada p,
    .spotStores-block .cardsList .card .info .horario p,
    .spotStores-block .cardsList .card .info .servicos p {
        max-width: 75%;
    }

    .infoTabs-block .separadores-info-tabs .vertical-nav .item-separador {
        padding-left: 0px
    }

    .team-block .team .perfil {
        width: 100%;
    }

    .timeline-block .timeline .tcontainer {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }

    .timeline-block .timeline .center {
        margin: 0px;
        max-width: 100%;
    }

    .timeline-block .timeline .tcontainer.center.year {
        margin: 0;
    }

    .timeline-block .timeline .tcontainer::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }

    .timeline-block .timeline .left {
        left: 0;
        text-align: left;
    }

    .timeline-block .timeline .left::after,
    .right::after {
        left: 15px;
    }

    .timeline-block .timeline .right {
        left: 0%;
    }
}