@charset "utf-8";
body {
    background: #f6f6f6;
    overflow-x: hidden
}

.btn-suscribe,
.btn-suscribe:hover {
    text-decoration: none
}

.section-title-link,
.section-title-link:hover,
.section-title-link:focus {
    color: inherit;
    text-decoration: none
}

.btn-tags {
    border-radius: 27px;
    border: 1px solid #e5e5e5;
    background: #e5e5e5;
    display: inline-flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 10px;
    flex-wrap: wrap;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    margin-bottom: 10px;
    color: #191919;
    text-align: center;
    white-space: nowrap;
    text-decoration: none
}

.newssubtitle,
.newssubtitle small {
    overflow-wrap: anywhere;
    word-break: break-word
}

.newsimage,
.newsimagesmall,
.newsimagemini {
    overflow: hidden
}

.newsimage img,
.newsimagesmall img,
.newsimagemini img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.overlaySidebar {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / .5);
    z-index: 0;
    transition: 0.5s
}

.overlayComment {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / .5);
    z-index: 0;
    transition: 0.5s
}

hr.front {
    margin-top: 1px;
    margin-bottom: 0;
    border: none;
    height: 2px;
    background-color: #000
}

.topbar p {
    color: #F6F6F6;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 19.5px;
    background-color: #000;
    padding: 2px 10px
}

.topbar .line {
    margin-top: 1px;
    border: none;
    height: 2px;
    background-color: #cbcbcb
}

.topbar .icon-Book {
    font-size: 20px
}

.topbar .icon-spacing {
    margin-right: 1px
}

.middlebar .search:focus {
    border: 1px solid #fff;
    outline: none
}

.middlebar .icon-Menu {
    font-size: 50px;
    display: inline-block;
    cursor: pointer
}

.middlebar .search {
    height: 50px;
    width: 100%;
    max-width: 301px;
    border-radius: 40px;
    background: #fff;
    border: 2px solid #fff;
    padding-left: 40px
}

.middlebar .search::placeholder {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    padding-left: 10px
}

.middlebar .search-container-style {
    flex-grow: 1;
    margin-left: 10px;
    min-width: 0
}

.middlebar .search-input-container {
    align-items: center
}

@media (min-width:768px) {
    .middlebar .search-input-container {
        display: flex
    }
}

@media (max-width:991.98px) {
    .middlebar .search-input-container {
        width: 100%;
    }
    .middlebar .search {
        max-width: 100%;
    }
}

@media (max-width:576px) {
    .middlebar .search-container-style {
        margin-left: 0;
        padding-left: 0px !important
    }
    .middlebar .search-input-container .icon-search-container-style {
        left: 12px
    }
    .middlebar .search-input-container .form-control {
        padding-left: 40px
    }
}

.icon-search-container-style {
    left: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.middlebar .icon-Search {
    pointer-events: none;
    font-size: 30px;
    display: inline-block
}

@media only screen and (max-width:600px) {
    .middlebar .logo {
        padding-top: 10px;
        width: 80%
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .middlebar .logo {
        max-width: 80%
    }
}

.middlebar .btn-suscribe {
    display: inline-flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007dc5;
    width: 139px;
    height: 43px;
    border: 1px solid #007dc5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    color: #f6f6f6;
    margin-right: 19px;
    text-decoration: none
}

.middlebar .btn-suscribe:hover {
    background: #005688
}

.middlebar .btn-login {
    display: inline-flex;
    padding: 10px 30px 10px 23px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 27px;
    width: 168px;
    height: 43px;
    border: none;
    color: #007dc5;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    background: #f6f6f6;
    white-space: nowrap;
    text-decoration: none
}

.middlebar .btn-login .icon-Human {
    fill: #007dc5
}

.middlebar .btn-login:hover .icon-Human {
    fill: #005688
}

.announcebar {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 125 197 / .15);
    height: 45px;
    flex-shrink: 0;
    margin-top: 20px
}

.announcebar p {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: italic;
    font-weight: 500;
    line-height: 22.5px
}

.subscribe-link {
    color: #191919;
    font-size: 15px;
    font-style: italic;
    font-weight: 500;
    line-height: 22.5px;
    text-decoration: underline;
    text-decoration-color: #000
}

.subscribe-link:hover {
    color: #191919;
    text-decoration-color: #000
}

.avatar-btn {
    border: 0;
    background: #fff0;
    padding: 0;
    cursor: pointer
}

.avatar-img {
    display: inline-block;
    width: 43px;
    height: 43px;
    border-radius: 43px
}

.avatar-img.avatar-sm {
    width: 36px;
    height: 36px
}

.account-popover {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    min-width: 240px;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / .14), 0 0 2px 0 rgb(0 0 0 / .12);
    z-index: 3000
}

.account-popover .user-name-link {
    text-decoration: none;
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-weight: 500;
    line-height: 150%
}

.account-popover .user-name-link:hover,
.account-popover .user-name-link:visited {
    text-decoration: none;
    color: #191919
}

.popover-divider {
    width: 80%;
    margin: 8px auto 10px;
    border: 0;
    border-top: 1px solid #CBCBCB
}

.logout-item {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 14px;
    background: #fff0;
    border: 0;
    cursor: pointer;
    text-align: left;
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 15px;
    font-weight: 500;
    line-height: 150%
}

.logout-item:hover {
    background: rgb(0 0 0 / .03)
}

.logout-text {
    display: inline-block
}

.stickymenu {
    background-color: #f6f6f6;
    z-index: 1;
    top: 0;
    width: 100vw
}

.menucebar {
    border-top: 2px solid #000;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px
}

@media only screen and (max-width:600px) {
    .menucebar {
        border-top: none
    }
}

.menucebar-border {
    border-bottom: 4px solid #000
}

@media only screen and (max-width:600px) {
    .menucebar-border {
        border-bottom: 1px solid #000
    }
}

.menucebar .navigation-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.menucebar .navigation-icon {
    margin: 0 5px
}

.menucebar .navigation-menu {
    display: flex;
    list-style: none;
    padding: 0;
    margin-right: 10px;
    flex-wrap: nowrap;
    overflow-x: auto;
    max-width: 100%;
    scrollbar-width: none
}

.menucebar .navigation-menu::-webkit-scrollbar {
    display: none
}

.menucebar .navigation-menu a {
    white-space: nowrap
}

.menucebar .list-inline-item {
    margin-right: 20px
}

.menucebar .icon-Nav-left {
    cursor: pointer;
    font-size: 30px
}

.menucebar .icon-Nav-right {
    cursor: pointer;
    font-size: 30px
}

.menucebar .icon-Nav-bottom {
    font-size: 15px;
    font-weight: 600
}

.menucebar a {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    text-decoration: none
}

.menucebar a:hover {
    color: #007dc5
}

.menucebar .active a {
    color: #007dc5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    text-decoration: none
}

.menucebar .dropdown {
    position: static
}

.menucebar .dropdown-menu li {
    margin-bottom: 10px
}

.menucebar .dropdown-menu li:last-child {
    margin-bottom: 0
}

.menucebar .dropdown-menu a {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    display: block
}

.menucebar .dropdown-menu a:hover {
    color: #007dc5
}

.menucebar .dropdown-menu {
    margin-top: 16px;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 25px;
    display: none;
    position: absolute;
    border-radius: 4px;
    border: 1px solid #fff0;
    width: 248px;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / .14), 0 0 2px 0 rgb(0 0 0 / .12);
    z-index: 1000;
    overflow-y: auto
}

@media only screen and (max-width:600px) {
    .menucebar .dropdown-menu {
        width: 150px
    }
}

.sidebarmenu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2100;
    top: 0;
    left: 0;
    background-color: #f6f6f6;
    overflow-x: hidden;
    transition: width .5s;
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1
}

#overlaySidebar {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .55);
    display: none;
    z-index: 2000
}

#sticky,
.menucebar,
.stickymenu {
    position: relative;
    z-index: 1000
}

.sidebarmenu a {
    padding: 10px 15px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}

.sidebarmenu a:hover {
    color: #f1f1f1
}

.sidebarmenu .icon-Icon-close {
    font-size: 51px;
    cursor: pointer
}

.sidebarmenu .announcetext {
    margin-top: 29px
}

.sidebarmenu .announcetext p {
    color: #007dc5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px
}

.sidebarmenu .btn-suscribe {
    display: inline-flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007dc5;
    width: 183px;
    height: 43px;
    border: 1px solid #007dc5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    color: #f6f6f6;
    margin-right: 19px;
    white-space: nowrap
}

.sidebarmenu .btn-suscribe:hover {
    background: #005688
}

.sidebarmenu .title-container {
    margin-top: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background-color: #eee;
    width: 330px;
    height: 25px;
    padding-left: 20px
}

.sidebarmenu .title-container span {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16.9px
}

.sidebarmenu .news-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.sidebarmenu .news-list ul li:first-child {
    margin-top: 17px
}

.sidebarmenu .news-list li {
    margin-top: -7px
}

.sidebarmenu .news-list a {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.5px;
    display: block;
    padding-left: 10px
}

.sidebarmenu .news-list a:hover {
    font-weight: 900
}

.sidebarmenu::-webkit-scrollbar {
    width: 8px
}

.sidebarmenu::-webkit-scrollbar-track {
    background: #f1f1f1
}

.sidebarmenu::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px
}

.sidebarmenu::-webkit-scrollbar-thumb:hover {
    background: #555
}

.sidebarmenu .socialicons {
    display: flex;
    justify-content: center
}

.sidebarmenu .socialicons a {
    padding: 0
}

.sidebarmenu .line {
    border: none;
    height: 1px;
    background-color: #cbcbcb;
    opacity: .5
}

.sidebarmenu .socialicons a:not(:last-child) img {
    margin-right: 20px
}

.sidebarmenu .marginspecial {
    margin-left: 6px
}

.commentSidebar {
    position: fixed;
    top: 0;
    right: 0;
    height: 100dvh;
    height: 100vh;
    max-width: 100vw;
    background-color: #f6f6f6;
    z-index: 1100;
    transform: translateX(100%);
    transition: transform .3s ease;
    box-shadow: -8px 0 24px rgb(0 0 0 / .15);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1
}

.commentSidebar h4 {
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.commentSidebar.open {
    transform: translateX(0)
}

@media (max-width:576px) {
    .commentSidebar {
        width: 100vw !important
    }
}

.commentSidebar .row {
    --bs-gutter-x: 0;
    margin-left: 0;
    margin-right: 0
}

.commentSidebar .container-fluid {
    padding-left: 16px;
    padding-right: 16px
}

@media (max-width:992px) {
    .commentSidebar .col-lg-11 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.overlayComment {
    display: none;
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .55);
    z-index: 1090;
    transition: .5s
}

body.sidebar-open {
    overflow: hidden
}

.commentSidebar .icon-Icon-close {
    font-size: 51px;
    cursor: pointer
}

#openCommentSidebar {
    cursor: pointer
}

.commentSidebar h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px;
    padding-bottom: 30px
}

.commentSidebar .comment-box {
    border-radius: 13px;
    background: #FFF;
    box-shadow: 0 4px 11px 0 rgb(0 0 0 / .15);
    min-height: 234px;
    height: auto;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.commentSidebar .comment-box .useravatar {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    margin-right: 10px
}

.commentSidebar .comment-box .username {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.5px
}

.commentSidebar .comment-box .comment-header {
    display: flex;
    align-items: center
}

.commentSidebar .comment-box .comment-text {
    flex-grow: 1;
    margin: 10px 0;
    padding: 8px;
    border: none;
    background: #fff0;
    color: #000;
    font-family: "Public Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    resize: none;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    overflow-wrap: anywhere
}

.commentSidebar .comment-box .comment-footer {
    margin-top: auto
}

.commentSidebar .comment-box .comment-text::placeholder {
    color: #CBCBCB;
    font-family: "Public Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.commentSidebar .comment-box .btn-delete {
    padding: 5px 10px;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    background-color: #FFF;
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.5px
}

.commentSidebar .comment-box .btn-comment {
    display: inline-flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007DC5;
    color: #F6F6F6;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    border: none;
    transition: background-color 0.3s
}

.commentSidebar .comment-box .btn-comment:hover {
    background-color: #005688
}

.commentSidebar .comment-box .btn-comment:disabled {
    display: inline-flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    opacity: .3;
    background: #007DC5;
    color: #F6F6F6;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    border: none
}

.commentSidebar .commentboxline {
    margin-top: 50px;
    margin-bottom: 20px;
    border-color: #d4d4d4;
    color: #d4d4d4;
    border-width: 2px;
    height: 0
}

.commentSidebar .comments-box .comment-header {
    display: flex;
    align-items: center
}

.commentSidebar .comments-box .useravatar {
    width: 42px;
    height: 42px;
    border-radius: 42px;
    margin-right: 10px
}

.commentSidebar .comments-box .user-info {
    display: flex;
    flex-direction: column
}

.commentSidebar .comments-box .username {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.commentSidebar .comments-box .date {
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.commentSidebar .comments-box .comment-text {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.5px;
    padding-top: 20px;
    padding-bottom: 13px;
    word-break: break-word;
    overflow-wrap: anywhere
}

.commentSidebar .comments-box .comment-footer {
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.commentSidebar .comments-box .comment-footer svg {
    margin-right: 5px
}

.commentSidebar .comments-box .reply-count {
    margin-left: 5px
}

.commentSidebar .comments-box .btn-reply {
    cursor: pointer
}

.commentSidebar .comments-box .btn-reply.disabled {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

.commentSidebar .comment-replies {
    margin-left: 30px
}

.commentSidebar .comment-cta p {
    margin-bottom: 15px
}

.commentSidebar .comment-cta .btn-primary {
    margin-left: 10px
}

.commentSidebar .comments-box {
    padding-bottom: 8px
}

.commentSidebar .comment-item {
    padding: 12px 0;
    border-bottom: 2px solid #d4d4d4;
    margin-bottom: 23px
}

.commentSidebar .comment-item:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.commentSidebar .comment-replies {
    border-left: 1px dashed #ddd;
    padding-left: 12px
}

.commentSidebar .reply-context {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    margin: 8px 0;
    background: #f4f8ff;
    border: 1px solid #cfe3ff;
    border-radius: 8px
}

.commentSidebar .reply-context .rc-cancel {
    border: none;
    background: #fff;
    padding: 4px 8px;
    border-radius: 6px;
    cursor: pointer
}

.commentSidebar .reply-context .rc-cancel:hover {
    background: #f0f0f0
}

.commentSidebar .comments-box .btn-reply {
    font-weight: 600
}

.commentSidebar .comments-box .reply-count {
    color: #6B6B6B;
    margin-left: 8px
}

.commentSidebar .comment-counter {
    font-size: 12px;
    color: #6B6B6B
}

.commentSidebar .comment-cta {
    text-align: center;
    padding: 8px 0 16px
}

.commentSidebar .comment-cta .cta-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 12px;
    flex-wrap: nowrap
}

.commentSidebar .comment-cta .cta-icon {
    width: 52px;
    height: 52px;
    flex: 0 0 52px
}

.commentSidebar .comment-cta .cta-title {
    color: #007DC5;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -.54px;
    margin: 0;
    text-align: left
}

.commentSidebar .comment-cta .cta-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

.commentSidebar .comment-cta .btn-suscribe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    border-radius: 27px;
    background: #007DC5;
    border: none;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
    transition: background-color .2s ease-in-out
}

.commentSidebar .comment-cta .btn-suscribe:hover {
    background: #005f94
}

.commentSidebar .comment-cta .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    border-radius: 27px;
    border: 1px solid #007DC5;
    background: #fff0;
    color: #007DC5;
    text-decoration: none;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
    transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out;
    margin-left: 0
}

.commentSidebar .comment-cta .btn-primary:hover {
    background: #e8f3fb;
    border-color: #0069a5;
    color: #0069a5
}

@media (max-width:576px) {
    .commentSidebar .comment-cta .cta-head {
        align-items: flex-start
    }
    .commentSidebar .comment-cta .cta-title {
        text-align: left
    }
}

.overlayComment {
    display: none;
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .55);
    z-index: 1090;
    transition: .5s
}

body.sidebar-open {
    overflow: hidden
}

.link-guidelines {
    cursor: pointer
}

.guidelines-overlay {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    z-index: 1040
}

.guidelines-modal {
    position: fixed;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    width: min(820px, calc(100vw - 32px));
    max-height: min(80vh, 720px);
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgb(0 0 0 / .25);
    z-index: 1250;
    display: none;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.guidelines-modal__header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 12px;
    border-bottom: 1px solid #eee;
    flex: 0 0 auto;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2
}

.guidelines-modal__body {
    padding: 18px 20px 22px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    flex: 1 1 auto;
    min-height: 0;
    overscroll-behavior: contain
}

.guidelines-modal__body .bgnormas {
    border-radius: 10px;
    background: #E5E5E5;
    padding: 8px;
    margin: 24px
}

.guidelines-modal__body .bgnormas h4 {
    color: #191919;
    text-align: center;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.54px;
    padding: 16px
}

.guidelines-modal__body .bgnormas ul {
    color: #191919;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

.guidelines-modal__body p {
    color: #191919;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

.guidelines-modal__body h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.648px
}

.guidelines-modal__body h4 {
    margin: 0 0 6px;
    font-size: 18px
}

.guidelines-modal__body h5 {
    color: #191919;
    text-align: center;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.54px
}

.guidelines-close {
    border: 0;
    background: #fff0;
    cursor: pointer;
    padding: 0;
    line-height: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.guidelines-close:focus {
    outline: 2px solid #007dc5;
    outline-offset: 2px
}

.guidelines-close svg {
    width: 50px;
    height: 49px;
    display: block
}

.guidelines-modal__body button {
    border-radius: 27px;
    background: #007DC5;
    display: flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: none;
    outline: none;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    cursor: pointer
}

@media (max-width:575.98px) {
    .guidelines-modal {
        top: 8px;
        bottom: 8px;
        left: 50%;
        transform: translate(-50%, 0);
        width: calc(100vw - 16px);
        max-height: none
    }
}

.commentSidebar.is-dimmed {
    pointer-events: none
}

.commentSidebar.is-dimmed::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / .45);
    z-index: 1;
    pointer-events: none
}

.newsfrontlandone {
    margin-top: 50px;
    margin-bottom: 60px
}

.newsfrontlandone .newsimage {
    height: 278px;
    border-radius: 15px
}

.newsfrontlandone .newsimagesmall {
    border-radius: 15px;
    height: 169px
}

.newsfrontlandone .newstitle {
    margin-top: 20px
}

.newsfrontlandone .newspshort {
    margin-top: 20px
}

.newsfrontlandone .newspshort p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.newsfrontlandone .newstitle h2 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px;
    text-decoration: none
}

.newsfrontlandone .newstitle a {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px;
    text-decoration: none
}

.newsfrontlandone .newstitlesmall h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.newsfrontlandone .newstitlesmall {
    margin-top: -5px
}

.newsfrontlandone .newspshortsmall {
    margin-top: -5px
}

.newsfrontlandone .newspshortsmall p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.newsfrontlandone .newstitlesmall h2 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px
}

.newsfrontlandone .newsfootersmall h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.newsfrontlandone .newsfootersmall .dot {
    position: relative;
    top: -4px
}

.newsfrontlandone .newsfootersmall h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.newsfrontlandone .newsfootersmall .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.newsfrontlandone .padding {
    padding-top: 20px
}

.newsfrontlandone .newssubtitle small {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.5px
}

.newsfrontlandone .newsfooter h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.newsfrontlandone .newsfooter .dot {
    position: relative;
    top: -4px
}

.newsfrontlandone .newsfooter h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.newsfrontlandone .newsfooter .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.newsfrontlandone .borderright {
    border-right: .4px solid #cbcbcb
}

.newsfrontlandone .borderbottom {
    position: relative;
    padding-bottom: 20px
}

.newsfrontlandone .borderbottom::after {
    content: "";
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: 0;
    border-bottom: .7px solid #cbcbcb
}

@media (max-width:767px) {
    .newsfrontlandone .bordermobile {
        position: relative;
        padding-bottom: 20px;
        padding-top: 20px
    }
    .newsfrontlandone .bordermobile::after {
        content: "";
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 0;
        border-bottom: .4px solid #cbcbcb
    }
    .newsfrontlandone .bordermobile .borderright {
        border-right: none
    }
}

.opinionnews {
    margin-top: 45px;
    margin-bottom: 50px
}

@media only screen and (max-width:600px) {
    .opinionnews {
        margin-top: 15px
    }
}

.opinionnews h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    margin: 0
}

.opinionnews .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    margin-bottom: 50px
}

.opinionnews .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.opinionnews .opinioncontainer {
    border-radius: 15px;
    background: #e5e5e5;
    display: flex;
    padding: 15.5px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow: hidden
}

.opinionnews .opinioncontainer>* {
    max-width: 100%
}

.opinionnews a {
    text-decoration: none !important;
    color: inherit;
    display: block
}

.opinionnews a:hover,
.opinionnews a:focus {
    text-decoration: none;
    outline: none
}

.opinionnews .opinioncontainer h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: italic;
    font-weight: 600;
    line-height: 28.08px;
    letter-spacing: -.648px;
    margin: 0;
    text-align: center
}

.opinionnews .opinioncontainer p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px;
    margin: 0;
    text-align: center;
    white-space: normal;
    overflow: hidden;
    text-overflow: clip;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto
}

@media (max-width:767px) {
    .opinionnews .paddingbottom {
        padding-bottom: 20px
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .opinionnews .paddingbottom {
        padding-bottom: 20px
    }
}

.ribera-de-chapalanews {
    margin-top: 45px;
    margin-bottom: 50px
}

@media (max-width:767px) {
    .ribera-de-chapalanews {
        margin-top: 15px
    }
}

.ribera-de-chapalanews h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.ribera-de-chapalanews .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    margin-bottom: 50px
}

.ribera-de-chapalanews .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.ribera-de-chapalanews .addsbanner {
    height: 295px;
    background: #e5e5e5;
    padding-top: 145px;
    margin-bottom: 20px
}

@media (max-width:767px) {
    .ribera-de-chapalanews .addsbanner {
        height: 297px;
        background: #e5e5e5;
        padding-top: 126px;
        margin-top: 40px;
        margin-bottom: 40px
    }
}

.ribera-de-chapalanews .addsbanner p {
    color: #6b6b6b;
    font-family: Arial;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.744px;
    letter-spacing: -.648px;
    opacity: .3
}

.ribera-de-chapalanews .newsimage {
    height: 206px;
    border-radius: 15px
}

.ribera-de-chapalanews .newssubtitle small {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.5px
}

.ribera-de-chapalanews .newstitle {
    margin-top: 20px
}

.ribera-de-chapalanews .newstitle h2 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px;
    text-decoration: none
}

.ribera-de-chapalanews .newstitle h2 a {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px;
    text-decoration: none
}

.ribera-de-chapalanews .newspshort p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.ribera-de-chapalanews .newsfooter h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.ribera-de-chapalanews .newsfooter img.author {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    background: #FFF
}

.ribera-de-chapalanews .newsfooter .dot {
    position: relative;
    top: -4px
}

.ribera-de-chapalanews .newsfooter h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.ribera-de-chapalanews .newsfooter .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.ribera-de-chapalanews .newsimagesmall {
    border-radius: 15px;
    height: 169px
}

.ribera-de-chapalanews .newstitlesmall h3 {
    padding-top: 12px;
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.ribera-de-chapalanews .newspshortsmall p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.ribera-de-chapalanews .newsfootersmall h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.ribera-de-chapalanews .newsfootersmall .dot {
    position: relative;
    top: -4px
}

.ribera-de-chapalanews .newsfootersmall h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.ribera-de-chapalanews .newsfootersmall .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.ribera-de-chapalanews .top-margin-20 {
    margin-top: 20px
}

.ribera-de-chapalanews .borderright {
    border-right: .4px solid #cbcbcb
}

.ribera-de-chapalanews .borderleft {
    border-left: .4px solid #cbcbcb
}

@media (max-width:767px) {
    .ribera-de-chapalanews .borderright {
        border-right: 0
    }
    .ribera-de-chapalanews .borderleft {
        border-left: 0
    }
}

.ribera-de-chapalanews .borderbottom {
    border-bottom: .4px solid #cbcbcb;
    width: 100%;
    padding-bottom: 20px;
    margin: 0 auto
}

@media (max-width:767px) {
    .ribera-de-chapalanews .borderbottom {
        border-bottom: 0;
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .ribera-de-chapalanews .bordermobile {
        border-bottom: .4px solid #cbcbcb;
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .ribera-de-chapalanews .bordermobile {
        position: relative;
        padding-bottom: 20px;
        padding-top: 20px
    }
    .ribera-de-chapalanews .bordermobile .borderright {
        border-right: none
    }
}

.charquitosnews,
.charquitos-informativosnews {
    margin-top: 45px;
    margin-bottom: 50px
}

.charquitosnews h1,
.charquitos-informativosnews h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.charquitosnews .blackline,
.charquitos-informativosnews .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    margin-bottom: 50px
}

.charquitosnews .blueoverline,
.charquitos-informativosnews .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.charquitosnews .charquitoscontainer,
.charquitos-informativosnews .charquitoscontainer {
    padding: 17.5px;
    gap: 10px;
    border-radius: 15px;
    background: #e5e5e5
}

.charquitosnews .charquitoscontainer .newsimagesmall,
.charquitos-informativosnews .charquitoscontainer .newsimagesmall {
    height: 180px;
    border-radius: 10px
}

.charquitosnews .charquitoscontainer .newstitle h4 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 23.4px;
    letter-spacing: -.54px;
    padding-top: 12px;
    word-break: break-word;
    overflow-wrap: anywhere
}

.charquitos-informativosnews .charquitoscontainer .newstitle h4 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18.2px;
    letter-spacing: -.42px;
    padding-top: 12px;
    word-break: break-word;
    overflow-wrap: anywhere
}

@media (max-width:767px) {
    .charquitosnews .paddingmobilebottom,
    .charquitos-informativosnews .paddingmobilebottom {
        margin-bottom: 20px;
        margin-top: 20px
    }
}

.jalisconews {
    margin-top: 45px;
    margin-bottom: 50px
}

.jalisconews h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.jalisconews .addsbanner {
    height: 348.441px;
    background: #e5e5e5;
    padding-top: 147px
}

.jalisconews .addsbanner:first-child {
    margin-bottom: 23px
}

@media (max-width:767px) {
    .jalisconews .addsbanner:first-child {
        margin-bottom: 20px;
        margin-top: 40px
    }
}

.jalisconews .addsbanner p {
    color: #6b6b6b;
    font-family: Arial;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.744px;
    letter-spacing: -.648px;
    opacity: .3
}

.jalisconews .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    margin-bottom: 50px
}

.jalisconews .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.jalisconews .addsbanner {
    height: 348px;
    background: #e5e5e5;
    padding-top: 145px
}

.jalisconews .addsbanner p {
    color: #6b6b6b;
    font-family: Arial;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.744px;
    letter-spacing: -.648px;
    opacity: .3
}

.jalisconews .newsimage {
    height: 308px;
    border-radius: 15px
}

.jalisconews .newssubtitle small {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.5px
}

.jalisconews .newstitle {
    margin-top: 0
}

.jalisconews .newstitle h2 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px
}

.jalisconews .newspshort p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.jalisconews .newsfooter h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.jalisconews .newsfooter .dot {
    position: relative;
    top: -4px
}

.jalisconews .newsfooter h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.jalisconews .newsfooter .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.jalisconews .newsimagesmall {
    border-radius: 15px;
    height: 169px
}

.jalisconews .newstitlesmall h3 {
    padding-top: 12px;
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.jalisconews .newsfootersmall h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.jalisconews .newsfootersmall .dot {
    position: relative;
    top: -4px
}

.jalisconews .newsfootersmall h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.jalisconews .newsfootersmall .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.jalisconews .borderright {
    border-right: .4px solid #cbcbcb
}

.jalisconews .borderleft {
    border-left: .4px solid #cbcbcb
}

@media (max-width:767px) {
    .jalisconews .borderright {
        border-right: 0
    }
    .jalisconews .borderleft {
        border-left: 0
    }
}

.jalisconews .borderbottom {
    border-bottom: .4px solid #cbcbcb;
    width: 100%;
    padding-bottom: 20px;
    margin: 0 auto
}

@media (max-width:767px) {
    .jalisconews .borderbottom {
        border-bottom: 0;
        padding-bottom: 0
    }
}

.jalisconews .top-margin-20 {
    margin-top: 20px
}

@media (max-width:767px) {
    .jalisconews .bordermobile {
        border-bottom: .4px solid #cbcbcb;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .jalisconews .bordermobile {
        position: relative;
        padding-bottom: 20px;
        padding-top: 20px
    }
    .jalisconews .bordermobile::after {
        content: "";
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 0;
        border-bottom: .4px solid #cbcbcb
    }
    .jalisconews .bordermobile .borderright {
        border-right: none
    }
}

.videosnews {
    margin-top: 45px;
    margin-bottom: 50px
}

.videosnews h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.videosnews .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    margin-bottom: 50px
}

.videosnews .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.videosnews .newstitle {
    margin-top: 0
}

.videosnews .newstitle h2 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px;
    margin-top: .25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.videosnews .newsfooter h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.videosnews .newsfooter .dot {
    position: relative;
    top: -4px
}

.videosnews .newsfooter h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.videosnews .newsfooter img[alt="Avatar"] {
    border-radius: 50%
}

.videosnews .newsfooter img {
    width: 16px;
    height: 16px
}

.videosnews .yt-responsive {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background: #000;
    border-radius: 12px;
    overflow: hidden
}

.videosnews .yt-responsive iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.videosnews .small-videos {
    --sv-gap: 12px;
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    gap: var(--sv-gap);
    height: var(--sv-height, auto)
}

.videosnews .mini-card {
    display: grid;
    grid-template-columns: 45% 1fr;
    gap: 12px;
    height: 100%;
    min-height: 0
}

.videosnews .small-videos .yt-responsive {
    margin: 0;
    padding-top: 0;
    height: 100%
}

.videosnews .mini-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0
}

.videosnews .newstitlesmall h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.3px;
    margin: 0 0 6px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.videosnews .newsfootersmall .author,
.videosnews .newsfootersmall .date {
    margin: 0;
    font-family: "Public Sans";
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500
}

.videosnews .newsfootersmall .dot {
    position: relative;
    top: -4px
}

.videosnews .newsfootersmall img[alt="Avatar"] {
    border-radius: 50%
}

.videosnews .newsfootersmall img {
    width: 16px;
    height: 16px
}

@media (min-width:768px) and (max-width:991.98px) {
    .videosnews .col-md-8 {
        flex: 0 0 60%;
        max-width: 60%
    }
    .videosnews .col-md-4 {
        flex: 0 0 40%;
        max-width: 40%
    }
    .videosnews .small-videos {
        grid-template-rows: repeat(3, 1fr)
    }
    .videosnews .small-videos .mini-card:nth-child(n+4) {
        display: none
    }
    .videosnews .mini-card {
        grid-template-columns: 50% 1fr
    }
}

@media (max-width:991.98px) {
    .videosnews .small-videos {
        height: auto
    }
}

@media (max-width:767.98px) {
    .videosnews .small-videos {
        height: auto;
        grid-template-rows: unset;
        grid-auto-rows: auto
    }
    .videosnews .mini-card {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto
    }
    .videosnews .small-videos .yt-responsive {
        padding-top: 56.25%;
        height: auto
    }
}

.zmgnews {
    margin-top: 45px;
    margin-bottom: 50px
}

.zmgnews h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.zmgnews .addsbanner {
    height: 348.441px;
    background: #e5e5e5;
    padding-top: 147px
}

.zmgnews .addsbanner:first-child {
    margin-bottom: 23px
}

@media (max-width:767px) {
    .zmgnews .addsbanner:first-child {
        margin-bottom: 20px;
        margin-top: 40px
    }
}

.zmgnews .addsbanner p {
    color: #6b6b6b;
    font-family: Arial;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.744px;
    letter-spacing: -.648px;
    opacity: .3
}

.zmgnews .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    margin-bottom: 50px
}

.zmgnews .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.zmgnews .addsbanner {
    height: 348px;
    background: #e5e5e5;
    padding-top: 145px
}

.zmgnews .addsbanner p {
    color: #6b6b6b;
    font-family: Arial;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.744px;
    letter-spacing: -.648px;
    opacity: .3
}

.zmgnews .newsimage {
    height: 308px;
    border-radius: 15px
}

.zmgnews .newssubtitle small {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.5px
}

.zmgnews .newstitle {
    margin-top: 0
}

.zmgnews .newstitle h2 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px
}

.zmgnews .newspshort p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.zmgnews .newsfooter h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.zmgnews .newsfooter .dot {
    position: relative;
    top: -4px
}

.zmgnews .newsfooter h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.zmgnews .newsfooter .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.zmgnews .newsimagesmall {
    border-radius: 15px;
    height: 169px
}

.zmgnews .newstitlesmall h3 {
    padding-top: 12px;
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.zmgnews .newsfootersmall h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.zmgnews .newsfootersmall .dot {
    position: relative;
    top: -4px
}

.zmgnews .newsfootersmall h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.zmgnews .newsfootersmall .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.zmgnews .borderright {
    border-right: .4px solid #cbcbcb
}

.zmgnews .borderleft {
    border-left: .4px solid #cbcbcb
}

@media (max-width:767px) {
    .zmgnews .borderright {
        border-right: 0
    }
    .zmgnews .borderleft {
        border-left: 0
    }
}

.zmgnews .borderbottom {
    border-bottom: .4px solid #cbcbcb;
    width: 100%;
    padding-bottom: 20px;
    margin: 0 auto
}

@media (max-width:767px) {
    .zmgnews .borderbottom {
        border-bottom: 0;
        padding-bottom: 0
    }
}

.zmgnews .top-margin-20 {
    margin-top: 20px
}

@media (max-width:767px) {
    .zmgnews .bordermobile {
        border-bottom: .4px solid #cbcbcb;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .zmgnews .bordermobile {
        position: relative;
        padding-bottom: 20px;
        padding-top: 20px
    }
    .zmgnews .bordermobile::after {
        content: "";
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 0;
        border-bottom: .4px solid #cbcbcb
    }
    .zmgnews .bordermobile .borderright {
        border-right: none
    }
}

.nacionalnews {
    margin-top: 45px;
    margin-bottom: 50px
}

.nacionalnews h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.nacionalnews .addsbanner {
    height: 348.441px;
    background: #e5e5e5;
    padding-top: 147px
}

@media (max-width:767px) {
    .nacionalnews .addsbanner:first-child {
        margin-bottom: 20px;
        margin-top: 40px
    }
}

.nacionalnews .addsbanner p {
    color: #6b6b6b;
    font-family: Arial;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.744px;
    letter-spacing: -.648px;
    opacity: .3
}

.nacionalnews .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    margin-bottom: 50px
}

.nacionalnews .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.nacionalnews .addsbanner {
    height: 348px;
    background: #e5e5e5;
    padding-top: 145px
}

.nacionalnews .addsbanner p {
    color: #6b6b6b;
    font-family: Arial;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.744px;
    letter-spacing: -.648px;
    opacity: .3
}

.nacionalnews .newsimage {
    height: 308px;
    border-radius: 15px
}

.nacionalnews .newssubtitle small {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.5px
}

.nacionalnews .newstitle {
    margin-top: 0
}

.nacionalnews .newstitle h2 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px
}

.nacionalnews .newspshort p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.nacionalnews .newsfooter h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.nacionalnews .newsfooter .dot {
    position: relative;
    top: -4px
}

.nacionalnews .newsfooter h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.nacionalnews .newsfooter .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.nacionalnews .newsimagesmall {
    border-radius: 15px;
    height: 169px
}

.nacionalnews .newstitlesmall h3 {
    padding-top: 12px;
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.nacionalnews .newsfootersmall h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.nacionalnews .newsfootersmall .dot {
    position: relative;
    top: -4px
}

.nacionalnews .newsfootersmall h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.nacionalnews .newsfootersmall .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.nacionalnews .top-margin-20 {
    margin-top: 20px
}

.nacionalnews .borderright {
    border-right: .4px solid #cbcbcb
}

.nacionalnews .borderleft {
    border-left: .4px solid #cbcbcb
}

@media (max-width:767px) {
    .nacionalnews .borderright {
        border-right: 0
    }
    .nacionalnews .borderleft {
        border-left: 0
    }
}

.nacionalnews .borderbottom {
    border-bottom: .4px solid #cbcbcb;
    width: 100%;
    padding-bottom: 20px;
    margin: 0 auto
}

@media (max-width:767px) {
    .nacionalnews .borderbottom {
        border-bottom: 0;
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .nacionalnews .bordermobile {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .nacionalnews .bordermobile {
        position: relative;
        padding-bottom: 20px
    }
    .nacionalnews .bordermobile::after {
        content: "";
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 0;
        border-bottom: .4px solid #cbcbcb
    }
    .nacionalnews .bordermobile .borderright {
        border-right: none
    }
}

.seguridadnews {
    margin-top: 45px;
    margin-bottom: 50px
}

.seguridadnews h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.seguridadnews .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    margin-bottom: 50px
}

.seguridadnews .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.seguridadnews .newsimagesmall {
    border-radius: 15px;
    height: 206px
}

.seguridadnews .newsimage {
    border-radius: 15px;
    height: 308px
}

.seguridadnews .newssubtitle small {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.5px
}

.seguridadnews .newstitlesmall h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px;
    padding-top: 12px
}

.seguridadnews .newspshortsmall p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.seguridadnews .newsfootersmall h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.seguridadnews .newsfootersmall .dot {
    position: relative;
    top: -4px
}

.seguridadnews .newsfootersmall h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.seguridadnews .newsfootersmall .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.seguridadnews .borderright {
    border-right: .4px solid #cbcbcb
}

.seguridadnews .borderleft {
    border-left: .4px solid #cbcbcb
}

@media (max-width:767px) {
    .seguridadnews .borderright {
        border-right: 0
    }
    .seguridadnews .borderleft {
        border-left: 0
    }
}

.seguridadnews .borderbottom {
    border-bottom: .4px solid #cbcbcb;
    width: 100%;
    padding-bottom: 20px;
    margin: 0 auto
}

@media (max-width:767px) {
    .seguridadnews .borderbottom {
        border-bottom: 0;
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .seguridadnews .bordermobile {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .seguridadnews .bordermobile {
        position: relative;
        padding-bottom: 20px
    }
    .seguridadnews .bordermobile::after {
        content: "";
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 0;
        border-bottom: .4px solid #cbcbcb
    }
    .seguridadnews .bordermobile .borderright {
        border-right: none
    }
}

.deportesnews {
    margin-top: 45px;
    margin-bottom: 50px
}

.deportesnews h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.deportesnews .addsbanner {
    height: 348.441px;
    background: #e5e5e5;
    padding-top: 147px
}

@media (max-width:767px) {
    .deportesnews .addsbanner:first-child {
        margin-bottom: 20px;
        margin-top: 40px
    }
}

.deportesnews .addsbanner p {
    color: #6b6b6b;
    font-family: Arial;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.744px;
    letter-spacing: -.648px;
    opacity: .3
}

.deportesnews .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    margin-bottom: 50px
}

.deportesnews .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.deportesnews .addsbanner {
    height: 348px;
    background: #e5e5e5;
    padding-top: 145px
}

.deportesnews .addsbanner p {
    color: #6b6b6b;
    font-family: Arial;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.744px;
    letter-spacing: -.648px;
    opacity: .3
}

.deportesnews .newsimage {
    height: 308px;
    border-radius: 15px
}

.deportesnews .newssubtitle small {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.5px
}

.deportesnews .newstitle {
    margin-top: 0
}

.deportesnews .newstitle h2 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px
}

.deportesnews .newspshort p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.deportesnews .newsfooter h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.deportesnews .newsfooter .dot {
    position: relative;
    top: -4px
}

.deportesnews .newsfooter h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.deportesnews .newsfooter .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.deportesnews .newsimagesmall {
    border-radius: 15px;
    height: 169px
}

.deportesnews .newstitlesmall h3 {
    padding-top: 12px;
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.deportesnews .newsfootersmall h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.deportesnews .newsfootersmall .dot {
    position: relative;
    top: -4px
}

.deportesnews .newsfootersmall h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.deportesnews .newsfootersmall .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.deportesnews .top-margin-20 {
    margin-top: 20px
}

.deportesnews .borderright {
    border-right: .4px solid #cbcbcb
}

.deportesnews .borderleft {
    border-left: .4px solid #cbcbcb
}

@media (max-width:767px) {
    .deportesnews .borderright {
        border-right: 0
    }
    .deportesnews .borderleft {
        border-left: 0
    }
}

.deportesnews .borderbottom {
    border-bottom: .4px solid #cbcbcb;
    width: 100%;
    padding-bottom: 20px;
    margin: 0 auto
}

@media (max-width:767px) {
    .deportesnews .borderbottom {
        border-bottom: 0;
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .deportesnews .bordermobile {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .deportesnews .bordermobile {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .deportesnews .bordermobile {
        position: relative;
        padding-bottom: 20px
    }
    .deportesnews .bordermobile::after {
        content: "";
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 0;
        border-bottom: .4px solid #cbcbcb
    }
    .deportesnews .bordermobile .borderright {
        border-right: none
    }
}

.turismonews {
    margin-top: 45px;
    margin-bottom: 50px
}

.turismonews h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.turismonews .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    margin-bottom: 50px
}

.turismonews .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.turismonews .newsimagesmall {
    border-radius: 15px;
    height: 169px
}

.turismonews .newssubtitle {
    padding-bottom: 12px
}

.turismonews .newssubtitle small {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.5px
}

.turismonews .newstitlesmall h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px;
    padding-top: 12px
}

.turismonews .newspshortsmall p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.turismonews .newsfootersmall h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.turismonews .newsfootersmall .dot {
    position: relative;
    top: -4px
}

.turismonews .newsfootersmall h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.turismonews .newsfootersmall .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.turismonews .top-margin-20 {
    margin-top: 20px
}

.turismonews .borderright {
    border-right: .4px solid #cbcbcb
}

.turismonews .borderleft {
    border-left: .4px solid #cbcbcb
}

@media (max-width:767px) {
    .turismonews .borderright {
        border-right: 0
    }
    .turismonews .borderleft {
        border-left: 0
    }
}

@media (max-width:767px) {
    .turismonews .bordermobile {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .turismonews .bordermobile {
        position: relative;
        padding-bottom: 20px
    }
    .turismonews .bordermobile::after {
        content: "";
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 0;
        border-bottom: .4px solid #cbcbcb
    }
    .turismonews .bordermobile .borderright {
        border-right: none
    }
}

.culturanews {
    margin-top: 45px;
    margin-bottom: 50px
}

.culturanews h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.culturanews .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    margin-bottom: 50px
}

.culturanews .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.culturanews .newsimagesmall {
    border-radius: 15px;
    height: 169px
}

.culturanews .newssubtitle {
    padding-bottom: 12px
}

.culturanews .newssubtitle small {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.5px
}

.culturanews .newstitlesmall h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px;
    padding-top: 12px
}

.culturanews .newspshortsmall p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.culturanews .newsfootersmall h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.culturanews .newsfootersmall .dot {
    position: relative;
    top: -4px
}

.culturanews .newsfootersmall h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.culturanews .newsfootersmall .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.culturanews .top-margin-20 {
    margin-top: 20px
}

.culturanews .borderright {
    border-right: .4px solid #cbcbcb
}

.culturanews .borderleft {
    border-left: .4px solid #cbcbcb
}

@media (max-width:767px) {
    .culturanews .borderright {
        border-right: 0
    }
    .culturanews .borderleft {
        border-left: 0
    }
}

@media (max-width:767px) {
    .culturanews .bordermobile {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .culturanews .bordermobile {
        position: relative;
        padding-bottom: 20px
    }
    .culturanews .bordermobile::after {
        content: "";
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 0;
        border-bottom: .4px solid #cbcbcb
    }
    .culturanews .bordermobile .borderright {
        border-right: none
    }
}

.gentenews {
    margin-top: 45px;
    margin-bottom: 50px
}

.gentenews h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.gentenews .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    margin-bottom: 50px
}

.gentenews .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.gentenews .newsimagesmall {
    border-radius: 15px;
    height: 169px
}

.gentenews .newstitlesmall h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px;
    padding-top: 12px
}

.gentenews .newsfootersmall h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.gentenews .newsfootersmall .dot {
    position: relative;
    top: -4px
}

.gentenews .newsfootersmall h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.gentenews .newsfootersmall .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.gentenews .top-margin-20 {
    margin-top: 20px
}

.gentenews .borderright {
    border-right: .4px solid #cbcbcb
}

.gentenews .borderleft {
    border-left: .4px solid #cbcbcb
}

@media (max-width:767px) {
    .gentenews .borderright {
        border-right: 0
    }
    .gentenews .borderleft {
        border-left: 0
    }
}

@media (max-width:767px) {
    .gentenews .bordermobile {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .gentenews .bordermobile {
        position: relative;
        padding-bottom: 20px
    }
    .gentenews .bordermobile::after {
        content: "";
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 0;
        border-bottom: .4px solid #cbcbcb
    }
    .gentenews .bordermobile .borderright {
        border-right: none
    }
}

.politicanews {
    margin-top: 45px;
    margin-bottom: 50px
}

.politicanews h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.politicanews .addsbanner {
    height: 348.441px;
    background: #e5e5e5;
    padding-top: 147px
}

@media (max-width:767px) {
    .politicanews .addsbanner:first-child {
        margin-bottom: 20px;
        margin-top: 40px
    }
}

.politicanews .addsbanner p {
    color: #6b6b6b;
    font-family: Arial;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.744px;
    letter-spacing: -.648px;
    opacity: .3
}

.politicanews .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    margin-bottom: 50px
}

.politicanews .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.politicanews .addsbanner {
    height: 348px;
    background: #e5e5e5;
    padding-top: 145px
}

.politicanews .addsbanner p {
    color: #6b6b6b;
    font-family: Arial;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.744px;
    letter-spacing: -.648px;
    opacity: .3
}

.politicanews .newsimage {
    height: 308px;
    border-radius: 15px
}

.politicanews .newssubtitle small {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.5px
}

.politicanews .newstitle {
    margin-top: 0
}

.politicanews .newstitle h2 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px
}

.politicanews .newspshort p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.politicanews .newsfooter h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.politicanews .newsfooter .dot {
    position: relative;
    top: -4px
}

.politicanews .newsfooter h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.politicanews .newsfooter .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.politicanews .newsimagesmall {
    border-radius: 15px;
    height: 169px
}

.politicanews .newstitlesmall h3 {
    padding-top: 12px;
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.politicanews .newsfootersmall h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.politicanews .newsfootersmall .dot {
    position: relative;
    top: -4px
}

.politicanews .newsfootersmall h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.politicanews .newsfootersmall .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.politicanews .newsimagemini {
    height: 169px;
    border-radius: 15px
}

.politicanews .newstitlemini h3 {
    padding-top: 12px;
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.politicanews .newsfootermini h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.politicanews .newsfootermini .dot {
    position: relative;
    top: -4px
}

.politicanews .newsfootermini h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.politicanews .newsfootermini .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.politicanews .top-margin-20 {
    margin-top: 20px
}

.politicanews .borderright {
    border-right: .4px solid #cbcbcb
}

.politicanews .borderleft {
    border-left: .4px solid #cbcbcb
}

@media (max-width:767px) {
    .politicanews .borderright {
        border-right: 0
    }
    .politicanews .borderleft {
        border-left: 0
    }
}

.politicanews .borderbottom {
    border-bottom: .4px solid #cbcbcb;
    width: 100%;
    padding-bottom: 20px;
    margin: 0 auto
}

@media (max-width:767px) {
    .politicanews .borderbottom {
        border-bottom: 0;
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .politicanews .bordermobile {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .politicanews .bordermobile {
        position: relative;
        padding-bottom: 20px
    }
    .politicanews .bordermobile::after {
        content: "";
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 0;
        border-bottom: .4px solid #cbcbcb
    }
    .politicanews .bordermobile .borderright {
        border-right: none
    }
}

.newscategorypost h1,
.newssearchpost h1,
.newstagspost h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    margin-top: 55px
}

.newscategorypost .blackline,
.newssearchpost .blackline,
.newstagspost .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%
}

.newscategorypost .blueoverline,
.newssearchpost .blueoverline,
.newstagspost .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.newscategorypost .bsidebar,
.newssearchpost .bsidebar,
.newstagspost .bsidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    border-left: .4px solid #cbcbcb;
    padding-left: 20px;
    overflow: hidden;
    scrollbar-width: none
}

.newscategorypost .bsidebar::-webkit-scrollbar,
.newssearchpost .bsidebar::-webkit-scrollbar,
.newstagspost .bsidebar::-webkit-scrollbar {
    display: none
}

.newscategorypost .bsidebar h4,
.newssearchpost .bsidebar h4,
.newstagspost .bsidebar h4 {
    color: #000;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 23.4px;
    letter-spacing: -.54px;
    margin-top: 100px;
    margin-bottom: 15px
}

.newscategorypost .bsidebar .btn-tags,
.newssearchpost .bsidebar .btn-tags,
.newstagspost .bsidebar .btn-tags {
    border-radius: 27px;
    border: 1px solid #e5e5e5;
    background: #e5e5e5;
    display: inline-flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 10px;
    flex-wrap: wrap;
    font-family: "Public Sans";
    font-size: 13px;
    font-weight: 600;
    line-height: 19.5px;
    margin-bottom: 10px
}

.newscategorypost .bsidebar .addsbanner,
.newssearchpost .bsidebar .addsbanner,
.newstagspost .bsidebar .addsbanner {
    height: 245px;
    background: #e5e5e5;
    padding-top: 90px;
    margin-top: 45px;
    margin-bottom: 40px;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}

.newscategorypost .bsidebar .addsbanner p,
.newssearchpost .bsidebar .addsbanner p,
.newstagspost .bsidebar .addsbanner p {
    color: #6b6b6b;
    font-family: Arial;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.744px;
    letter-spacing: -.648px;
    opacity: .3
}

.newscategorypost .bsidebar h6,
.newssearchpost .bsidebar h6,
.newstagspost .bsidebar h6 {
    color: #005688;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px;
    margin-bottom: 14px
}

.newscategorypost .bsidebar .icons,
.newssearchpost .bsidebar .icons,
.newstagspost .bsidebar .icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap
}

.newscategorypost .bsidebar .icons img,
.newssearchpost .bsidebar .icons img,
.newstagspost .bsidebar .icons img {
    width: 27px;
    height: 27px
}

.newscategorypost .bsidebar .icons a:not(:last-child),
.newssearchpost .bsidebar .icons a:not(:last-child),
.newstagspost .bsidebar .icons a:not(:last-child) {
    margin-right: 0
}

.newscategorypost .bsidebar .footerlinks,
.newssearchpost .bsidebar .footerlinks,
.newstagspost .bsidebar .footerlinks {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
    margin-top: 24px;
    padding: 0 16px 16px
}

.newscategorypost .bsidebar .footerlinks a,
.newssearchpost .bsidebar .footerlinks a,
.newstagspost .bsidebar .footerlinks a {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 23.4px;
    text-decoration: none;
    text-align: center;
    display: inline-flex;
    justify-content: center
}

.newscategorypost .bsidebar .footerlinks a:hover,
.newssearchpost .bsidebar .footerlinks a:hover,
.newstagspost .bsidebar .footerlinks a:hover {
    color: #007dc5
}

.newscategorypost .newsimagesmall,
.newssearchpost .newsimagesmall,
.newstagspost .newsimagesmall {
    border-radius: 15px;
    height: 168px
}

.newscategorypost .newsprev,
.newssearchpost .newsprev,
.newstagspost .newsprev {
    margin-top: 50px
}

.newscategorypost .categorypost hr,
.newssearchpost .categorypost hr,
.newstagspost .categorypost hr {
    border: 0;
    height: 3px;
    background-color: #e3e3e3;
    margin-top: 50px
}

.newscategorypost .newstop h6.author,
.newssearchpost .newstop h6.author,
.newstagspost .newstop h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.newscategorypost .newstop .dot,
.newssearchpost .newstop .dot,
.newstagspost .newstop .dot {
    position: relative;
    top: -4px
}

.newscategorypost .newstop h6.date,
.newssearchpost .newstop h6.date,
.newstagspost .newstop h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.newscategorypost .newstop .btn-tags,
.newssearchpost .newstop .btn-tags,
.newstagspost .newstop .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.newscategorypost .newstittle h2,
.newssearchpost .newstittle h2,
.newstagspost .newstittle h2 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px;
    overflow-wrap: anywhere;
    word-break: break-word
}

.newscategorypost .newstittle a,
.newssearchpost .newstittle a,
.newstagspost .newstittle a {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px;
    text-decoration: none;
    overflow-wrap: anywhere;
    word-break: break-word
}

.newscategorypost .newspshort p,
.newssearchpost .newspshort p,
.newstagspost .newspshort p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px;
    overflow-wrap: anywhere;
    word-break: break-word
}

.newscategorypost .newsfooter .btn-tags,
.newssearchpost .newsfooter .btn-tags,
.newstagspost .newsfooter .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.newscategorypost .pagination,
.newssearchpost .pagination,
.newstagspost .pagination {
    margin-top: 145px;
    margin-bottom: 120px
}

.newscategorypost .pagination hr,
.newssearchpost .pagination hr,
.newstagspost .pagination hr {
    border: 0;
    height: 3px;
    background-color: #000;
    margin-top: 3px;
    margin-bottom: 3px
}

.newscategorypost .pagination .numbers,
.newssearchpost .pagination .numbers,
.newstagspost .pagination .numbers {
    display: flex;
    align-items: center;
    gap: 30px
}

.newscategorypost .pagination .numbers a,
.newssearchpost .pagination .numbers a,
.newstagspost .pagination .numbers a,
.newscategorypost .pagination .numbers span,
.newssearchpost .pagination .numbers span,
.newstagspost .pagination .numbers span {
    display: flex;
    align-items: center;
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    text-decoration: none
}

.newscategorypost .pagination .numbers .active,
.newssearchpost .pagination .numbers .active,
.newstagspost .pagination .numbers .active {
    font-weight: 700
}

.newscategorypost .pagination .numbers>:first-child,
.newssearchpost .pagination .numbers>:first-child,
.newstagspost .pagination .numbers>:first-child {
    margin-left: 30px
}

.newspost .posttags {
    margin-top: 83px
}

.newspost .posttags .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    margin-right: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.newspost .posttags .btn-tags:last-child {
    margin-right: 0
}

.newspost .posthead {
    margin-top: 20px;
    margin-bottom: 30px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000
}

.newspost .posthead span {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    margin-left: 10px
}

.newspost .posthead .padding {
    padding-top: 10px;
    padding-bottom: 10px
}

.newspost .postnote h1.opinion {
    color: #007DC5;
    text-align: center;
    font-family: "Abril Fatface";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    word-break: break-word;
    overflow-wrap: break-word
}

.newspost .postnote h2 {
    color: #000;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px;
    word-break: break-word;
    overflow-wrap: break-word
}

.newspost .postnote h4 {
    color: #000;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.24px;
    word-break: break-word;
    overflow-wrap: break-word
}

.newspost .postimage {
    margin-top: 25px;
    margin-bottom: 8px;
    border-radius: 15px;
    height: 429px
}

.newspost small {
    color: #656262;
    font-family: "Public Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.5px
}

.newspost .postauthor {
    margin-top: 10px;
    margin-bottom: 10px
}

.newspost .postauthor .authorphoto {
    border-radius: 77px;
    height: 77px;
    width: 77px
}

.newspost .postauthor .authordata {
    margin-left: 10px
}

.newspost .postauthor .authordata>*:not(:last-child) {
    margin-bottom: 2px
}

.newspost .postauthor .authordata small {
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.5px
}

.newspost .postauthor .authordata h3 {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.newspost .postauthor .authordata span {
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.newspost .supcriptionsnote span {
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.5px;
    margin-left: 5px
}

.newspost .postnote {
    margin-top: 0
}

.newspost .postnote p {
    color: #000;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
    word-break: break-word;
    overflow-wrap: break-word
}

.newspost .postnote img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.newspost .postnote figure {
    display: table;
    margin: 50px auto;
    text-align: center
}

.newspost .postnote figure.aligncenter {
    margin-left: auto;
    margin-right: auto
}

.newspost .postnote figure img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.newspost .postnote figure figcaption,
.newspost .postnote .wp-caption-text {
    text-align: center;
    margin-top: 10px
}

.newspost .postnote p[dir="ltr"][role="presentation"] {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    top: -3px;
    text-align: right !important;
    color: #656262;
    font-family: "Public Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.5px
}

.newspost .authorinfo {
    border-radius: 25px;
    background: #B7D0DF;
    margin-top: 50px;
    margin-bottom: 70px;
    padding: 20px;
    display: flex;
    align-items: center
}

.newspost .authorinfo .authorphoto {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    flex-shrink: 0
}

@media (min-width:768px) {
    .newspost .authorinfo .authorphoto {
        width: 72px;
        height: 72px
    }
}

.newspost .authorinfo .col {
    padding-left: 20px
}

.newspost .authorinfo h4 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.24px
}

.newspost .authorinfo p {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px
}

.authorinfo .row {
    display: flex;
    align-items: flex-start
}

@media (min-width:768px) {
    .authorinfo .authorphoto {
        margin-top: -60px
    }
}

@media (max-width:767px) {
    .authorinfo .authorphoto {
        margin-top: -160px
    }
}

.newspost .menu-container {
    position: relative
}

.newspost .authorinfo .offset {
    margin-left: 20px
}

.newspost .menu-container .border {
    margin-top: 17px;
    margin-bottom: 17px;
    border-bottom: 4px;
    margin-right: 25px
}

.newspost .menu-container .menu-content li {
    list-style-type: none;
    margin-bottom: 10px
}

.newspost .menu-container .menu-content li:last-child {
    margin-bottom: 0
}

.newspost .menu-container .menu-content a {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    display: block;
    text-decoration: none
}

.newspost .menu-container .menu-content a:hover {
    color: #007dc5
}

.newspost .menu-container .menu-content {
    margin-top: 16px;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 20px;
    display: none;
    position: absolute;
    border-radius: 4px;
    border: 1px solid #fff0;
    width: 242px;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / .14), 0 0 2px 0 rgb(0 0 0 / .12);
    z-index: 1000;
    overflow-y: auto;
    right: -100px;
    background: #FFF
}

.newspost .menu-container .menu-content .icon {
    margin-right: 10px
}

.newspost .menu-container .menu-content a:hover .icon {
    stroke: #007dc5
}

.authorinfo .authorphoto {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    flex-shrink: 0
}

@media (min-width:768px) {
    .authorinfo .authorphoto {
        width: 72px;
        height: 72px
    }
}

@media (min-width:992px) {
    .authorinfo .authorphoto {
        width: 88px;
        height: 88px
    }
}

.newspost .postnote {
    position: relative
}

.newspost .paywall-overlay {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    z-index: 10
}

.newspost .postnote.paywalled .paywall-overlay {
    display: flex
}

.newspost .paywall-card {
    width: 100%;
    max-width: 640px;
    border-radius: 15px;
    opacity: .95;
    background: var(--Azul-Semanario, #007DC5);
    box-shadow: 0 3px 7px 0 rgb(0 0 0 / .15);
    padding: 32px 24px;
    text-align: center;
    margin: auto
}

.newspost .paywall-icon svg {
    display: block;
    margin: 0 auto 16px auto
}

.newspost .paywall-eyebrow {
    color: #F6F6F6 !important;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 8px 0
}

.newspost .paywall-title {
    color: #F6F6F6 !important;
    text-align: center;
    font-family: "Libre Caslon Text";
    font-size: 21.6px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0 0 16px 0
}

.newspost .paywall-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 27px;
    background: #F6F6F6;
    padding: 10px 24px;
    min-height: 44px;
    cursor: pointer;
    text-decoration: none;
    color: #007DC5;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
    transition: transform .06s ease-in-out, filter .06s ease-in-out
}

.newspost .paywall-cta:hover {
    filter: brightness(.95)
}

.newspost .paywall-cta:active {
    transform: scale(.98)
}

.newspost .paywall-login {
    display: block;
    margin-top: 8px;
    color: #F6F6F6;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.newspost .audio-player {
    display: flex;
    align-items: center;
    gap: 8px
}

.newspost .audio-play {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0
}

.newspost .audio-time {
    font-family: "Public Sans";
    font-size: 14px;
    color: #191919
}

.newspost #audioSeek {
    flex: 1
}

.newspost .audio-lock {
    background: none;
    border: none;
    cursor: pointer
}

@media (max-width:575.98px) {
    .newspost .audio-player {
        max-width: 90px
    }
    .newspost .audio-player .audio-time {
        display: none
    }
    .newspost #audioSeek {
        width: 50px;
        flex: none
    }
}

.newspost .postnote.paywalled>*:not(.paywall-overlay) {
    pointer-events: none;
    user-select: none
}

@media (max-width:575.98px) {
    .newspost .paywall-card {
        padding: 24px 16px
    }
}

.newspost .posttags.has-no-tags {
    min-height: 34px
}

.authorinfo .authorphoto {
    margin-top: 0 !important
}

@media (min-width:768px) {
    .authorinfo .authorphoto {
        margin-top: 0 !important
    }
}

@media (max-width:767px) {
    .authorinfo .authorphoto {
        margin-top: 0 !important
    }
}

.videospost h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-weight: 800;
    line-height: 40px
}

.videospost .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    margin-bottom: 50px
}

.videospost .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.videospost .videoscontainer .newstitle {
    margin-top: 20px
}

.videospost .videoscontainer .newstitle h2 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px;
    margin: 0
}

.videospost .videoscontainer .newstitle a {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px;
    margin: 0;
    text-decoration: none
}

.videospost .videoscontainer .newsfooter h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-weight: 500;
    line-height: 19.5px
}

.videospost .videoscontainer .newsfooter .dot {
    position: relative;
    top: -4px
}

.videospost .videoscontainer .newsfooter h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-weight: 500;
    line-height: 19.5px
}

.videospost .videoscontainer .newstitlesmall {
    margin-top: 8px
}

.videospost .videoscontainer .newstitlesmall h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.48px;
    margin: 0
}

.videospost .videoscontainer .newsfootersmall h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.videospost .videoscontainer .newsfootersmall .dot {
    position: relative;
    top: -4px
}

.videospost .videoscontainer .newsfootersmall h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.videospost .video-card .small-video-title {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px;
    margin-top: 8px
}

.videospost .rounded-16 {
    border-radius: 16px
}

.videospost .ratio {
    overflow: hidden
}

.videospost .main-video iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block
}

.videospost .video-card {
    display: block
}

.videospost .video-card .thumb {
    position: relative
}

.videospost .video-card .thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1);
    transition: transform .25s ease, filter .25s ease
}

.videospost .video-card .thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgb(0 0 0 / .02), rgb(0 0 0 / .28));
    transition: background .25s ease
}

.videospost .video-card .play-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .25s ease, opacity .25s ease
}

.videospost .video-card:hover .thumb-img {
    transform: scale(1.03)
}

.videospost .video-card:hover .thumb::after {
    background: linear-gradient(to bottom, rgb(0 0 0 / .06), rgb(0 0 0 / .38))
}

.videospost .pagination {
    margin-top: 145px;
    margin-bottom: 120px
}

.videospost .pagination hr {
    border: 0;
    height: 3px;
    background-color: #000;
    margin-top: 3px;
    margin-bottom: 3px
}

.videospost .pagination .numbers {
    display: flex;
    align-items: center;
    gap: 30px
}

.videospost .pagination .numbers a,
.videospost .pagination .numbers span {
    display: flex;
    align-items: center;
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    text-decoration: none
}

.videospost .pagination .numbers .active {
    font-weight: 700
}

.videospost .pagination .numbers>:first-child {
    margin-left: 30px
}

.suscription h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    margin-top: 50px;
    margin-bottom: 20px
}

.suscription .btn-suscriptiongroup {
    display: inline-flex;
    padding: 3px;
    align-items: flex-start;
    gap: 1px;
    border-radius: 100px;
    background: #007DC5;
    margin-bottom: 60px;
    width: auto
}

.suscription .btn-suscriptiongroup .btn {
    border-radius: 100px;
    background: #fff0;
    color: #FFF;
    display: flex;
    padding: 7px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    border: 2px solid #fff0;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.suscription .btn-suscriptiongroup .btn:hover,
.btn-suscriptiongroup .btn.active {
    background-color: #FFF;
    border-color: #007DC5;
    color: #007DC5
}

.suscription .carddigital {
    display: flex;
    width: 100%;
    height: auto;
    padding: 35px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 23px;
    border: 1px solid #000;
    margin-bottom: 20px
}

.suscription .carddigital h3 {
    color: #007DC5;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.suscription .carddigital p {
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.suscription .carddigital span {
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 52.5px
}

.suscription .carddigital .btn-suscribe {
    display: flex;
    width: 289px;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007DC5;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    margin-bottom: 30px;
    margin-bottom: 40px
}

.suscription .carddigital .btn-suscribe:hover {
    background: #005688
}

.suscription .carddigital ul {
    list-style-type: none;
    padding: 0
}

.suscription .carddigital li {
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px;
    padding-bottom: 10px
}

.suscription .carddigital .x {
    color: #CBCBCB;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.suscription .cardplus {
    display: flex;
    width: 100%;
    height: auto;
    padding: 35px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 23px;
    border: 1px solid #000;
    margin-bottom: 20px;
    background-color: #007DC5;
    border: none
}

.suscription .cardplus h3 {
    color: #FFF;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.suscription .cardplus p {
    color: #FFF;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.suscription .cardplus span {
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 52.5px
}

.suscription .cardplus .btn-suscribe {
    display: flex;
    width: 289px;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #FFF;
    border: none;
    color: #007DC5;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    margin-bottom: 30px;
    margin-bottom: 40px
}

.suscription .cardplus .btn-suscribe:hover {
    background: #005688;
    color: #FFF
}

.suscription .cardplus ul {
    list-style-type: none;
    padding: 0
}

.suscription .cardplus li {
    color: #FFF;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px;
    padding-bottom: 10px
}

.suscription .cardplus .x {
    color: #FFF;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.suscription .cardpremium {
    display: flex;
    width: 100%;
    height: auto;
    padding: 35px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 23px;
    border: 1px solid #000;
    margin-bottom: 20px;
    background-color: #000;
    border: none
}

.suscription .cardpremium h3 {
    color: #FFF;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.suscription .cardpremium p {
    color: #FFF;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.suscription .cardpremium span {
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 52.5px
}

.suscription .cardpremium .btn-suscribe {
    display: flex;
    width: 289px;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007DC5;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    margin-bottom: 30px;
    margin-bottom: 40px
}

.suscription .cardpremium .btn-suscribe:hover {
    background: #005688;
    color: #FFF
}

.suscription .cardpremium ul {
    list-style-type: none;
    padding: 0
}

.suscription .cardpremium li {
    color: #FFF;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px;
    padding-bottom: 10px
}

.suscription .cardpremium .premiumspecials {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.suscription .cardpremium .premiumspecials p {
    display: flex;
    color: #F6F6F6;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    white-space: nowrap;
    margin-bottom: 10px;
    margin-top: 12px;
    cursor: pointer
}

.suscription .cardpremium .borderpremium {
    width: 100%;
    height: 2px;
    background-color: #F6F6F6
}

.suscription .cardpremium .toggle-icon {
    transition: transform 0.3s
}

.suscription .cardpremium .rotate-180 {
    transform: rotate(180deg)
}

.suscription .cardpremium .expanded-text {
    color: #F6F6F6;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px;
    display: none;
    margin-bottom: 15px;
    text-align: justify !important
}

.suscription .cardpremium .expanded-text.show {
    display: block
}

.discounts {
    background-color: #EEE
}

.discounts h2 {
    color: #007DC5;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 46.619px;
    letter-spacing: -1.642px;
    padding-top: 67px
}

.discounts h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.discounts p {
    color: #000;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    padding-top: 20px
}

.discounts .boxes {
    padding-top: 70px;
    padding-bottom: 120px
}

.discounts .boxes .cardheader {
    border-radius: 25px 25px 0 0;
    background: #E5E5E5;
    border-top: 1.5px solid #dadada;
    border-right: 1.5px solid #dadada;
    border-left: 1.5px solid #dadada;
    border-bottom: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

.discounts .boxes .cardheader .businesslogo img {
    border-radius: 98.5px;
    width: 107px;
    height: 107px
}

.discounts .boxes .cardheader .businesstitle h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.discounts .boxes .cardbody {
    border-right: 1.5px solid #dadada;
    border-left: 1.5px solid #dadada;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

.discounts .boxes .cardbody span {
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.discounts .boxes .cardbody ul {
    padding-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px
}

.discounts .boxes .cardbody p {
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.07px;
    text-align: justify;
    padding-top: 2px
}

.discounts .boxes .cardbody .centered-border {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #b4b0b0
}

.discounts .boxes .cardfooter {
    border-radius: 0 0 25px 25px;
    border-right: 1.5px solid #dadada;
    border-left: 1.5px solid #dadada;
    border-bottom: 1.5px solid #dadada;
    padding-left: 20px;
    padding-right: 20px
}

.discounts .boxes .cardfooter span {
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.discounts .boxes .cardfooter ul {
    color: #000;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.doubts h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px;
    padding-top: 90px
}

.doubts p {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    padding-top: 13px;
    padding-bottom: 20px
}

.doubts {
    text-align: center
}

.doubts .btn-questions {
    margin-top: 12px;
    display: inline-flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007dc5;
    width: 267px;
    height: 43px;
    border: 1px solid #007dc5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    color: #f6f6f6;
    white-space: nowrap
}

.doubts .btn-questions:hover {
    background: #005688
}

.payment {
    padding-top: 60px
}

.payment .backbox {
    margin-top: 60px;
    border-radius: 5px;
    background: #E5E5E5;
    height: 60px
}

.payment .backbox p {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.payment .backbox span {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.payment .backbox .svg-margin {
    margin-right: 5px
}

.payment .backbox svg {
    min-width: 29px
}

.payment .card {
    background-color: #F6F6F6;
    border-radius: 23px;
    border: 1px solid #CBCBCB;
    margin-top: 20px
}

.payment .card .subtype {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 25px
}

.payment .card .subtype span {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.payment .card .subtype h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.payment .card .subtype a {
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    text-decoration-line: underline
}

.payment .card .line {
    width: 90%;
    height: 1px;
    background-color: #dedede;
    margin: 20px auto
}

.payment .card .lineprocess {
    width: 90%;
    height: 1px;
    background-color: #dedede;
    margin-top: 5px;
    margin-bottom: 15px
}

.payment .card .paymenttotal {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 25px
}

.payment .card .paymenttotal span {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.payment .card .paymenttotal h3 {
    color: #191919;
    font-family: "Public Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px
}

.payment .card .paymenttotal h4 {
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.07px
}

.payment .details {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px
}

.payment .details span {
    color: #000;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    cursor: pointer
}

.payment .details .toggle-icon {
    transition: transform 0.3s
}

.payment .details .rotate-180 {
    transform: rotate(180deg)
}

.payment .details .expanded-text {
    margin-top: 20px;
    background-color: #e5e5e5;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px;
    display: none;
    margin-bottom: 15px
}

.payment .details .expanded-text ul {
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    list-style-type: none
}

.payment .details .expanded-text p {
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

.payment .details .expanded-text.show {
    display: block
}

.payment .card .paymentprocess {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 25px
}

.payment .card .paymentprocess h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.payment .card .paymentprocess p {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.payment .card .paymentprocess .btn-paypal {
    border-radius: 5px;
    background: #007DC5;
    border: none;
    width: 251px;
    height: 39px;
    margin-bottom: 30px
}

.payment .card label {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px
}

.payment .card .radio-button {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%
}

.payment .card .radio-input {
    opacity: 0;
    position: absolute
}

.payment .card .radio-mark {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.payment .card .radio-checked {
    display: none
}

.payment .card .radio-input:checked+.radio-mark .radio-checked {
    display: block
}

.payment .card .radio-input:checked+.radio-mark .radio-unchecked {
    display: none
}

.payment .contact-title {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -.648px
}

.payment .contact-input {
    padding: 15px 20px;
    border-radius: 10px;
    border: 1px solid #000;
    background: #fff0
}

.payment .contact-input::placeholder {
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

.payment .contact-separator {
    width: 80%;
    margin: 1rem auto;
    border-top: 1px solid #CBCBCB
}

.payment .paymentcard {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px
}

.payment .paymentcard .payment-details {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.payment .paymentcard .btn-suscribe {
    margin: 50px auto 0;
    display: flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007DC5;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px
}

.payment .paymentcard .btn-suscribe:hover {
    background: #005688;
    color: #FFF
}

.payment .terms p {
    padding-top: 60px;
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.paymentcardsuccess {
    padding-top: 90px
}

.paymentcardsuccess span {
    padding-top: 40px;
    text-align: center;
    color: #007DC5;
    text-align: center;
    font-family: "Public Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px
}

.paymentcardsuccess h1 {
    color: #191919;
    text-align: center;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    padding-top: 20px
}

.paymentcardsuccess p {
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.paymentcardsuccess .btn-continue {
    margin-top: 12px;
    display: inline-flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007dc5;
    width: 224px;
    height: 43px;
    border: 1px solid #007dc5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    color: #f6f6f6;
    margin-right: 19px;
    white-space: nowrap
}

.paymentcardsuccess .btn-continue:hover {
    background: #005688
}

.paymentcardsuccess .card {
    background-color: #f6f6f6;
    padding-top: 30px;
    padding-left: 30px;
    border-radius: 23px
}

.paymentcardsuccess .card h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.paymentcardsuccess .card p {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    text-align: justify
}

.paymentbranchsuccess {
    padding-top: 90px
}

.paymentbranchsuccess span {
    padding-top: 40px;
    text-align: center;
    color: #007DC5;
    text-align: center;
    font-family: "Public Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px
}

.paymentbranchsuccess h1 {
    color: #191919;
    text-align: center;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    padding-top: 20px
}

.paymentbranchsuccess p {
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.paymentbranchsuccess a {
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    text-decoration: none
}

.paymentbranchsuccess .card {
    background-color: #f6f6f6;
    padding-top: 30px;
    padding-left: 30px;
    border-radius: 23px
}

.paymentbranchsuccess .card h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.paymentbranchsuccess .card p {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    text-align: justify
}

.paymentbranchsuccess ul.custom-bullet {
    list-style-type: none;
    padding-left: 0;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.paymentbranchsuccess ul.custom-bullet li {
    padding-left: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg opacity='0.6'%3E%3Cpath d='M16.6641 5.83301L8.33073 14.1663L4.16406 9.99967' stroke='%23191919' stroke-width='2.08333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 20px 20px;
    padding-bottom: 10px
}

.paymentbranchsuccess .details {
    margin-left: 20px
}

.paymentbranchsuccess .details p {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    text-align: justify;
    padding-bottom: 2px;
    margin-top: 0;
    margin-bottom: 0
}

.paymentbranchsuccess .details a {
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none
}

.paymentbranchsuccess .btn-continue {
    margin-top: 12px;
    display: inline-flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007dc5;
    width: 224px;
    height: 43px;
    border: 1px solid #007dc5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    color: #f6f6f6;
    margin-right: 19px;
    white-space: nowrap;
    text-decoration: none
}

.paymentbranchsuccess .greycolor p {
    color: #6B6B6B
}

.paymentbranchsuccess .btn-continue:hover {
    background: #005688
}

.paymenttransfersuccess {
    padding-top: 90px
}

.paymenttransfersuccess span {
    padding-top: 40px;
    text-align: center;
    color: #007DC5;
    text-align: center;
    font-family: "Public Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px
}

.paymenttransfersuccess h1 {
    color: #191919;
    text-align: center;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    padding-top: 20px
}

.paymenttransfersuccess p {
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.paymenttransfersuccess a {
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    text-decoration: none
}

.paymenttransfersuccess .card {
    background-color: #f6f6f6;
    padding-top: 30px;
    padding-left: 30px;
    border-radius: 23px
}

.paymenttransfersuccess .card h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.paymenttransfersuccess .card p {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    text-align: justify
}

.paymenttransfersuccess ul.custom-bullet {
    list-style-type: none;
    padding-left: 0;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.paymenttransfersuccess ul.custom-bullet li {
    padding-left: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg opacity='0.6'%3E%3Cpath d='M16.6641 5.83301L8.33073 14.1663L4.16406 9.99967' stroke='%23191919' stroke-width='2.08333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 20px 20px;
    padding-bottom: 10px
}

.paymenttransfersuccess .details {
    margin-left: 20px
}

.paymenttransfersuccess .details p {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    text-align: justify;
    padding-bottom: 2px;
    margin-top: 0;
    margin-bottom: 0
}

.paymenttransfersuccess .details a {
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none
}

.paymenttransfersuccess .btn-continue {
    margin-top: 12px;
    display: inline-flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007dc5;
    width: 224px;
    height: 43px;
    border: 1px solid #007dc5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    color: #f6f6f6;
    margin-right: 19px;
    white-space: nowrap;
    text-decoration: none
}

.paymenttransfersuccess .greycolor p {
    color: #6B6B6B
}

.paymenttransfersuccess .btn-continue:hover {
    background: #005688
}

.paymenttransfersuccess .steps .borderright {
    border-right: .4px solid #cbcbcb
}

.paymenttransfersuccess .steps span {
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    margin-top: 40px
}

.paymenttransfersuccess .steps p {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    text-align: left
}

.paymenttransfersuccess .steps a {
    color: #FFF;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.paymenttransfersuccess .footer p {
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.paymenttransfersuccess .footer a {
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none
}

.paymenttransfersuccess .footer span {
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.5px;
    padding-bottom: 190px
}

.contact h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    margin-top: 55px
}

.contact .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%
}

.contact .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.contact h3 {
    color: #007DC5;
    text-align: center;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.contact .form {
    padding-top: 70px;
    padding-bottom: 40px
}

.contact .form input {
    border-radius: 10px;
    border: 1px solid #191919;
    background: #f6f6f6;
    color: #6B6B6B;
    font-family: "Public Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    height: 57px
}

.contact .form textarea {
    border-radius: 10px;
    border: 1px solid #191919;
    background: #f6f6f6;
    color: #6B6B6B;
    font-family: "Public Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    height: 140px
}

.contact .form .radio-button {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%
}

.contact .form .radio-input {
    opacity: 0;
    left: -9999px
}

.contact .form .radio-mark {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.contact .form .radio-checked {
    display: none
}

.contact .form .radio-input:checked+.radio-mark .radio-checked {
    display: block
}

.contact .form .radio-input:checked+.radio-mark .radio-unchecked {
    display: none
}

.contact .form .btn-send {
    width: 240px;
    margin-top: 50px;
    display: flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007DC5;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px
}

.contact .form .btn-send:hover {
    background: #005688
}

.contact .form .btn-send:disabled {
    opacity: .3;
    background: #007DC5
}

.contact .foot p {
    color: #007DC5;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.5px;
    margin-bottom: 1px
}

.contactadvertisement h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    margin-top: 55px
}

.contactadvertisement .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%
}

.contactadvertisement .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.contactadvertisement h3 {
    color: #007DC5;
    text-align: center;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.contactadvertisement .form {
    padding-top: 70px;
    padding-bottom: 40px
}

.contactadvertisement .form input {
    border-radius: 10px;
    border: 1px solid #191919;
    background: #f6f6f6;
    color: #6B6B6B;
    font-family: "Public Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    height: 57px
}

.contactadvertisement .form textarea {
    border-radius: 10px;
    border: 1px solid #191919;
    background: #f6f6f6;
    color: #6B6B6B;
    font-family: "Public Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    height: 140px
}

.contactadvertisement .form .radio-button {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%
}

.contactadvertisement .form .radio-input {
    opacity: 0;
    left: -9999px
}

.contactadvertisement .form .radio-mark {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.contactadvertisement .form .radio-checked {
    display: none
}

.contactadvertisement .form .radio-input:checked+.radio-mark .radio-checked {
    display: block
}

.contactadvertisement .form .radio-input:checked+.radio-mark .radio-unchecked {
    display: none
}

.contactadvertisement .form .btn-send {
    width: 240px;
    margin-top: 50px;
    display: flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007DC5;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px
}

.contactadvertisement .form .btn-send:hover {
    background: #005688
}

.contactadvertisement .form .btn-send:disabled {
    opacity: .3;
    background: #007DC5
}

.contactadvertisement .foot p {
    color: #007DC5;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.5px;
    margin-bottom: 1px
}

.aboutus h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    margin-top: 55px
}

.aboutus .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%
}

.aboutus .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.aboutus .about {
    padding-top: 80px
}

.aboutus .about p {
    color: #000;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px;
    margin: 0
}

.aboutus .rectangle {
    border-radius: 30px;
    background: #D9D9D9;
    height: 324px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.aboutus .staff {
    padding-top: 140px
}

.aboutus .staff h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.aboutus .staff .authorphoto {
    width: 100px;
    height: 100px;
    border-radius: 100px
}

.aboutus .staff small {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    margin: 0
}

.aboutus .staff h4 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.24px;
    margin: 0
}

.aboutus .staff a {
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    text-decoration: none;
    margin: 0
}

.downloadsemanario h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.downloadsemanario p {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.24px
}

.downloadsemanario .secpadding {
    padding-top: 64px
}

.downloadsemanario .editions {
    padding-top: 94px
}

.downloadsemanario .book {
    width: 253px;
    height: 320px;
    margin: 0 auto;
    border-radius: 10px;
    background: #D9D9D9
}

.downloadsemanario .editions small {
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    padding-top: 10px
}

.downloadsemanario .editions h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.downloadsemanario .editions button {
    background-color: #f6f6f6;
    padding-top: 15px;
    width: 266px;
    padding: 10px 43px 10px 27px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 27px;
    border: 1px solid #007DC5;
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

.downloadsemanario .pagination {
    margin-top: 75px;
    margin-bottom: 75px
}

.downloadsemanario .pagination hr {
    border: 0;
    height: 3px;
    background-color: #000;
    margin-top: 3px;
    margin-bottom: 3px
}

.downloadsemanario .pagination .numbers {
    display: flex;
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    align-items: center;
    gap: 30px
}

.downloadsemanario .pagination .numbers span:first-child {
    margin-left: 30px
}

.hemeroteca h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    margin-top: 55px
}

.hemeroteca .cta-box {
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    padding: 32px 24px;
    margin-top: 32px;
    text-align: center
}

.hemeroteca .cta-box h2 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 28px;
    font-style: normal;
    font-weight: 800;
    line-height: 32px;
    margin-bottom: 12px
}

.hemeroteca .cta-box p {
    color: #191919;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 24px
}

.hemeroteca .cta-actions {
    gap: 12px
}

.hemeroteca .cta-actions .btn-suscribe {
    width: 100%;
    max-width: 220px;
    border-radius: 999px;
    border: 1px solid #007dc5;
    background: #007dc5;
    color: #fff;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 10px 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: background-color .2s ease, border-color .2s ease
}

.hemeroteca .cta-actions .btn-suscribe:hover {
    background: #00639e;
    border-color: #00639e;
    color: #fff
}

.hemeroteca .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%
}

.hemeroteca .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.hemeroteca h2 {
    padding-top: 45px;
    padding-bottom: 45px;
    color: #007DC5;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px
}

.hemeroteca .years {
    list-style-type: none;
    display: flex;
    padding: 0;
    flex-direction: column
}

.hemeroteca .years li {
    padding-bottom: 15px
}

@media (min-width:992px) {
    .hemeroteca .years {
        flex-direction: row
    }
    .hemeroteca .years li {
        margin-right: 50px;
        padding-bottom: 0
    }
    .hemeroteca .years li:last-child {
        margin-right: 0
    }
}

.hemeroteca .years li {
    margin-right: 50px
}

.hemeroteca .years li:last-child {
    margin-right: 0
}

.hemeroteca .years a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #000;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px
}

.hemeroteca .years .divider {
    border-top: 2px solid gray;
    width: 100%
}

.hemeroteca .months a {
    color: #000;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    text-decoration: none
}

.hemeroteca .months ul.list-unstyled li {
    border-bottom: 2px solid #CBCBCB;
    padding: 20px 0
}

.hemeroteca .articles h3 {
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px
}

.hemeroteca .articles a {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px;
    text-decoration: none
}

.hemeroteca .articles ul.list-unstyled {
    padding: 0
}

.hemeroteca .articles ul.list-unstyled li {
    border-top: 2px solid #CBCBCB;
    padding-top: 25px;
    padding-bottom: 25px;
    margin: 0
}

.hemeroteca .articles ul.list-unstyled li:first-child {
    border-top: 2px solid #CBCBCB
}

.hemeroteca .posttags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.hemeroteca .posttags .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    margin-right: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap;
}

.hemeroteca .posttags .btn-tags:last-child {
    margin-right: 0;
}

@media (max-width:576px) {
    .hemeroteca .articles .list-unstyled {
        padding-left: 16px !important;
        padding-right: 16px !important
    }
}

@media (max-width:576px) {
    .hemeroteca .articles .list-unstyled {
        padding-left: calc(16px + env(safe-area-inset-left));
        padding-right: calc(16px + env(safe-area-inset-right))
    }
}

.most-viewed {
    padding-top: 70px;
    padding-bottom: 120px;
    background: #e5e5e5
}

.most-viewed h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.most-viewed .boxes {
    padding-top: 44px
}

.most-viewed .boxleft {
    border-radius: 15px;
    border: 1px solid #191919;
    margin-bottom: 20px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    padding: 10px
}

.most-viewed .boxright {
    border-radius: 15px;
    border: 1px solid #191919;
    margin-bottom: 20px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    padding: 10px
}

.most-viewed .boxleft:hover,
.most-viewed .boxright:hover {
    border: 2px solid #007dc5
}

.most-viewed .number-ranking {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px
}

.most-viewed .img-rankinglast {
    margin-left: 0;
    margin-right: 20px
}

.most-viewed .img-ranking img {
    width: 133px;
    height: 98px
}

@media (min-width:768px) and (max-width:991.98px) {
    .most-viewed .img-ranking img {
        width: 110px;
        height: 82px
    }
    .most-viewed .boxleft,
    .most-viewed .boxright {
        gap: 6px
    }
    .most-viewed .boxleft>.number-ranking,
    .most-viewed .boxleft>.img-ranking,
    .most-viewed .boxleft>.title-ranking,
    .most-viewed .boxright>.number-ranking,
    .most-viewed .boxright>.img-ranking,
    .most-viewed .boxright>.title-ranking {
        padding-left: 0;
        padding-right: 0;
        width: auto
    }
    .most-viewed .boxleft>.number-ranking,
    .most-viewed .boxright>.number-ranking,
    .most-viewed .boxleft>.img-ranking,
    .most-viewed .boxright>.img-ranking {
        flex: 0 0 auto
    }
    .most-viewed .boxleft>.title-ranking,
    .most-viewed .boxright>.title-ranking {
        flex: 1 1 auto
    }
}

.most-viewed .title-ranking {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 23.4px;
    letter-spacing: -.54px;
    flex: 1;
    min-width: 0
}

.most-viewed .title-ranking a {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 23.4px;
    letter-spacing: -.54px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    text-decoration: none
}

.myprofile h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    margin-top: 55px
}

.myprofile .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%
}

.myprofile .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.myprofile-tabs {
    display: flex;
    gap: 24px;
    align-items: flex-end;
    margin-top: 16px
}

.myprofile-tabs .tab {
    background: none;
    border: 0;
    padding: 8px 0 16px;
    cursor: pointer;
    color: #6B6B6B;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
    font-size: 15px;
    font-weight: 800;
    line-height: 150%;
    position: relative
}

.myprofile-tabs .tab .tab-underline {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 69px;
    height: 2px;
    display: none
}

.myprofile-tabs .tab .tab-underline svg {
    display: block;
    width: 69px;
    height: 2px
}

.myprofile-tabs .tab.active {
    color: #007DC5
}

.myprofile-tabs .tab.active .tab-underline {
    display: block
}

.myprofile-tabpanes {
    margin-top: 20px
}

.tab-pane {
    display: none;
    width: 100%
}

.tab-pane.active {
    display: block
}

.pane-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 16px
}

.btn-guardar {
    border: 0;
    border-radius: 27px;
    background: #007DC5;
    opacity: .3;
    padding: 10px 16px;
    color: #F6F6F6;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-weight: 800;
    line-height: 150%;
    cursor: not-allowed
}

.btn-guardar.is-active,
.btn-guardar:enabled {
    opacity: 1;
    cursor: pointer
}

.link-as-button {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    text-decoration: underline;
    cursor: pointer
}

.edit-photo-dropzone {
    display: flex;
    gap: 16px;
    align-items: center;
    border: 1px dashed #C9CDD1;
    border-radius: 12px;
    padding: 16px
}

.edit-photo-dropzone.is-drag {
    background: rgb(0 125 197 / .06)
}

.edit-photo-preview {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    flex: 0 0 80px
}

.edit-photo-instructions .hint {
    color: #6B7280;
    font-size: .875rem;
    margin-top: 6px
}

.field-error {
    color: #B42318;
    font-size: .875rem;
    margin-top: 6px;
    display: block
}

.edit-photo-dropzone.has-error {
    border-color: #B42318
}

#tab-suscripcion .subs-card {
    border-radius: 23px;
    border: 1px solid #CBCBCB;
    padding: 20px 16px
}

#tab-suscripcion .subs-label {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 6px 0 4px
}

#tab-suscripcion .subs-title {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -.648px;
    margin: 0 0 4px
}

#tab-suscripcion .subs-divider {
    border: 0;
    height: 1px;
    width: 100%;
    background: #CBCBCB;
    margin: 14px 0
}

#tab-suscripcion .subs-plan-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px
}

#tab-suscripcion .subs-cancel-link {
    color: #007DC5;
    text-align: right;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none;
    white-space: nowrap
}

#tab-suscripcion .subs-cancel-link:hover,
#tab-suscripcion .subs-cancel-link:focus {
    text-decoration: underline
}

#tab-suscripcion .subs-amount-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap
}

#tab-suscripcion .subs-amount {
    color: var(--Black, #191919);
    font-family: "Public Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

#tab-suscripcion .subs-amount-note {
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 139%
}

#tab-suscripcion .subs-menu {
    color: #000;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 6px 0 8px
}

#tab-suscripcion .subs-includes {
    border-radius: 5px;
    background: #E5E5E5;
    padding: 12px 14px
}

#tab-suscripcion .includes-list {
    list-style: none;
    margin: 0;
    padding: 0
}

#tab-suscripcion .includes-list li {
    position: relative;
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    padding-left: 28px;
    margin: 8px 0
}

#tab-suscripcion .includes-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg opacity='0.6'%3E%3Cpath d='M16.6665 5.8335L8.33317 14.1668L4.1665 10.0002' stroke='%23191919' stroke-width='2.08333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")
}

@media (max-width:460px) {
    #tab-suscripcion .subs-plan-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px
    }
    #tab-suscripcion .subs-cancel-link {
        align-self: flex-end
    }
}

.profile-card {
    border-radius: 20px;
    background: #E5E5E5;
    padding: 28px 16px;
    text-align: center
}

.profile-avatar {
    width: 228px;
    height: 228px;
    border-radius: 114px;
    background: #D9D9D9;
    background-image: var(--avatar, none);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0 auto 12px
}

.edit-photo-link {
    display: inline-block;
    background: none;
    border: 0;
    cursor: pointer;
    color: #007DC5;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 6px
}

.profile-email {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 4px
}

.profile-email .email-text {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-weight: 600;
    line-height: 150%
}

.profile-email .email-edit {
    background: #fff0;
    border: 0;
    padding: 0;
    line-height: 0;
    cursor: pointer
}

.datos-title {
    margin-top: 40px;
    color: #191919;
    font-family: "Libre Caslon Text", serif;
    font-size: 21.6px;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -.648px
}

.datos-form {
    margin-top: 12px;
    width: 100%;
    max-width: none;
    display: block
}

.form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
    width: 100%
}

.form-field label {
    color: #191919;
    font-family: "Public Sans";
    font-size: 14px;
    font-weight: 700;
    line-height: 150%
}

.form-field input {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #CBCBCB;
    padding: 12px 14px;
    background: #F6F6F6;
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-weight: 500;
    line-height: 150%;
    outline: none
}

.form-field input::placeholder {
    color: #6B6B6B;
    font-weight: 500
}

.myprofile .datos-form .form-field {
    position: relative;
    padding-bottom: 18px
}

.myprofile .datos-form .field-error {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: 0;
    color: #B42318;
    font-size: .875rem;
    line-height: 1rem;
    display: block
}

.myprofile .datos-form .form-field.has-error input {
    border-color: #B42318
}

@media (max-width:576px) {
    .profile-avatar {
        width: 180px;
        height: 180px;
        border-radius: 90px
    }
}

.datos-divider {
    border: 0;
    height: 1px;
    background: #CBCBCB;
    width: 100%;
    margin: 48px 0 24px
}

.datos-envio-note {
    color: #191919;
    font-family: "Public Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 8px 0 16px
}

.form-row {
    display: grid;
    gap: 16px;
    width: 100%
}

.form-row-3-2-1-1 {
    grid-template-columns: 2fr 1fr 1fr
}

.form-row-3-eq {
    grid-template-columns: repeat(3, 1fr)
}

@media (max-width:992px) {
    .form-row-3-2-1-1,
    .form-row-3-eq {
        grid-template-columns: 1fr
    }
}

.datos-divider--24 {
    margin: 24px 0
}

.section-row {
    display: flex;
    align-items: baseline;
    gap: 16px;
    justify-content: flex-start
}

.datos-title--mt24 {
    margin-top: 24px;
    margin-bottom: 0
}

.link-restablecer {
    appearance: none;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.link-eliminar {
    appearance: none;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    color: #007DC5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%
}

.link-restablecer:hover,
.link-restablecer:focus,
.link-eliminar:hover,
.link-eliminar:focus {
    opacity: .85;
    outline: none
}

#tab-suscripcion .subs-title--canceled {
    color: #E12323
}

#tab-suscripcion .subs-access-note {
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
    margin: 0 0 8px
}

#tab-suscripcion .subs-empty {
    text-align: center
}

#tab-suscripcion .subs-empty-title {
    color: #191919;
    text-align: center;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -.985px;
    margin: 4px 0 8px
}

#tab-suscripcion .subs-empty-desc {
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 8px auto 16px;
    max-width: 60ch
}

#tab-suscripcion .subs-empty-actions {
    display: flex;
    justify-content: center
}

#tab-suscripcion .subs-empty-actions .btn-primary {
    border-radius: 27px;
    background: #007DC5;
    border: 0;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
    padding: 10px 16px;
    width: auto
}

.faq h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    margin-top: 55px
}

.faq .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%
}

.faq .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.faq-cat-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 28px 0 12px
}

.faq-cat-icon svg {
    display: block
}

.faq-cat-title {
    color: #007DC5;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -.648px;
    margin: 0
}

.faq-grid {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px
}

@media (max-width:768px) {
    .faq-grid {
        grid-template-columns: 1fr
    }
}

.faq-hr {
    border: 0;
    border-top: 1px solid #E6E6E6;
    width: 100%;
    margin: 0
}

.faq-q {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #fff0;
    border: 0;
    padding: 24px 0;
    cursor: pointer;
    overflow: hidden;
    color: #191919;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%
}

.faq-q:focus {
    outline: 2px solid #007DC5;
    outline-offset: 2px
}

.faq-q .qtext {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

@media (max-width:1024px) {
    .faq-q .qtext {
        overflow: visible;
        text-overflow: initial;
        white-space: normal;
        text-align: left
    }
}

.faq-q .chev {
    flex: 0 0 auto;
    display: inline-flex;
    width: 24px;
    height: 24px;
    transition: transform .2s ease
}

.faq-a {
    margin: 6px 0 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    display: block
}

.faq-item.open .chev {
    transform: rotate(180deg)
}

.lastfrontsection {
    padding-top: 50px
}

.lastfrontsection .suscription-box {
    border-radius: 15px;
    border: 1px solid #6b6b6b;
    height: 360px
}

@media (min-width:768px) and (max-width:991.98px) {
    .lastfrontsection .suscription-box {
        height: auto;
        padding: 24px
    }
}

@media (max-width:767px) {
    .lastfrontsection .suscription-box {
        height: auto
    }
}

.lastfrontsection .rectangle {
    margin: 20px 22px 0;
    border-radius: 10px;
    min-height: 320px;
    background-color: #d9d9d9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.lastfrontsection .rectangle-image-juntos {
    background-image: url("../img/image-juntos.png")
}

@media (min-width:768px) and (max-width:991.98px) {
    .lastfrontsection .rectangle {
        margin: 20px 0 0
    }
}

@media (max-width:767px) {
    .lastfrontsection .rectangle {
        margin: 0px 0px 0
    }
}

.lastfrontsection .suscription-box .rectangle h4 {
    color: #f6f6f6;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    margin-top: 95px;
    margin-left: 47px
}

@media (max-width:767px) {
    .lastfrontsection .suscription-box .rectangle h4 {
        margin-top: 70px
    }
}

.lastfrontsection .suscription-box .text {
    margin-top: 57px
}

@media (min-width:768px) and (max-width:991.98px) {
    .lastfrontsection .suscription-box .text {
        margin-top: 40px;
        padding: 0 24px
    }
}

@media (max-width:767px) {
    .lastfrontsection .suscription-box .text {
        margin-top: 21px
    }
}

.suscription-box hr {
    width: 95%;
    background-color: #fff;
    color: #fff;
    height: 5px;
    border: none;
    margin: 0 auto
}

.lastfrontsection .suscription-box h4 {
    color: #007dc5;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 23.4px;
    letter-spacing: -.54px
}

@media (max-width:767px) {
    .lastfrontsection .suscription-box h4 {
        margin-left: 10px
    }
}

.lastfrontsection .suscription-box p {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
    margin-bottom: 28px
}

@media (max-width:767px) {
    .lastfrontsection .suscription-box p {
        margin-left: 10px
    }
}

.lastfrontsection .suscription-box span {
    color: #007dc5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px
}

@media (max-width:767px) {
    .lastfrontsection .suscription-box span {
        display: block;
        text-align: center;
        width: 100%
    }
}

.lastfrontsection .suscription-box .btn-suscribe {
    margin-top: 12px;
    display: inline-flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007dc5;
    width: 267px;
    height: 43px;
    border: 1px solid #007dc5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    color: #f6f6f6;
    margin-right: 19px;
    white-space: nowrap
}

.lastfrontsection .suscription-box .btn-suscribe:hover {
    background: #005688
}

@media (max-width:767px) {
    .lastfrontsection .suscription-box .btn-suscribe {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-bottom: 30px
    }
}

.lastfrontsection .boxes {
    margin-top: 30px;
    border-radius: 15px;
    background: #e5e5e5;
    min-height: 463px;
    padding-top: 30px;
    margin-right: 100px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.lastfrontsection .col-12.col-md-6 {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) and (max-width:991.98px) {
    .lastfrontsection .boxes {
        min-height: 100%;
        margin-left: auto;
        margin-right: auto
    }
    .lastfrontsection .boxes p {
        margin-left: 32px;
        margin-right: 32px
    }
}

@media (max-width:767px) {
    .lastfrontsection .boxes {
        min-height: 0;
        margin-left: auto;
        margin-right: auto
    }
}

.lastfrontsection h2 {
    color: #007dc5;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px
}

.lastfrontsection .boxes p {
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.2px;
    margin-right: 64px;
    margin-left: 64px;
    margin-top: 25px
}

.lastfrontsection .boxes span {
    color: #007dc5;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px
}

.lastfrontsection .boxes img {
    max-width: 200px;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.lastfrontsection .boxes .btn-download {
    margin-top: auto;
    margin-bottom: 30px;
    display: inline-flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007dc5;
    width: 144px;
    height: 43px;
    border: 1px solid #007dc5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    color: #f6f6f6;
    white-space: nowrap;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:767px) {
    .lastfrontsection .boxes .btn-download {
        margin-bottom: 30px
    }
}

.lastfrontsection .boxes .btn-download:hover {
    background: #005688
}

.lastfrontsection .boxes .btn-suscribe {
    margin-top: auto;
    margin-bottom: 30px;
    display: inline-flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007dc5;
    width: 144px;
    height: 43px;
    border: 1px solid #007dc5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    color: #f6f6f6;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:767px) {
    .lastfrontsection .boxes .btn-suscribe {
        margin-bottom: 30px
    }
}

.lastfrontsection .boxes .btn-suscribe:hover {
    background: #005688
}

.lastfrontsection .boxes span,
.boxes button {
    display: block
}

.lastfrontsection .newsletter-box {
    margin-top: 30px;
    border-radius: 15px;
    background: #e5e5e5;
    height: 240px
}

@media (min-width:768px) and (max-width:991.98px) {
    .lastfrontsection .newsletter-box {
        height: auto;
        padding: 24px
    }
}

@media (max-width:767px) {
    .lastfrontsection .newsletter-box {
        height: auto
    }
}

.lastfrontsection .newsletter-box h3 {
    color: #007dc5;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px
}

@media (max-width:767px) {
    .lastfrontsection .newsletter-box h3 {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
}

.lastfrontsection .newsletter-box p {
    color: #191919;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.2px
}

@media (max-width:767px) {
    .lastfrontsection .newsletter-box p {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
}

.lastfrontsection .newsletter-container {
    padding-top: 34px;
    padding-left: 29px;
    padding-right: 15px
}

@media (max-width:767px) {
    .lastfrontsection .newsletter-container img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-bottom: 20px
    }
}

.lastfrontsection .newsletter-box span {
    color: #007dc5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px
}

@media (max-width:767px) {
    .lastfrontsection .newsletter-box span {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
}

.lastfrontsection .newsletter-box input {
    margin-top: 15px;
    border-radius: 5px;
    border: 1px solid #191919;
    background: #f6f6f6;
    height: 53px
}

.lastfrontsection .newsletter-box small {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.lastfrontsection .newsletter-box .newsletter-radio {
    width: 24px;
    height: 24px;
    stroke-width: 1px;
    stroke: #191919
}

.lastfrontsection .newsletter-box .btn-download {
    margin-top: 12px;
    display: inline-flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007dc5;
    width: 144px;
    height: 43px;
    border: 1px solid #007dc5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    color: #f6f6f6;
    margin-right: 19px;
    white-space: nowrap;
    text-decoration: none
}

.lastfrontsection .newsletter-box .btn-download:hover {
    background: #005688
}

@media (max-width:767px) {
    .lastfrontsection .newsletter-box .btn-download {
        margin-bottom: 30px
    }
}

.socialmediasection {
    margin-top: 100px
}

.socialmediasection hr {
    margin-top: 1px;
    margin-bottom: 0;
    border: none;
    height: 2px;
    background-color: #000
}

.socialmediasection .icons {
    margin-top: 20px;
    margin-bottom: 20px
}

.icons a:not(:last-child) {
    margin-right: 30px
}

.footer-menu-container {
    padding-top: 31px;
    background-color: #000
}

.footer-menu-container .menu {
    padding-top: 33px
}

.footer-menu-container .menu h3 {
    color: #f6f6f6;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px
}

.footer-menu-container .menu ul {
    list-style-type: none;
    padding-left: 0
}

.footer-menu-container .menu ul li {
    padding: 3px 0
}

.footer-menu-container .menu ul li a {
    text-decoration: none;
    color: #f6f6f6;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%
}

.footer-menu-container p {
    color: #007dc5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 19.5px
}

.footer-menu-container .btn-suscribe {
    margin-top: 5px;
    display: inline-flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 27px;
    background: #007dc5;
    width: 144px;
    height: 43px;
    border: 1px solid #007dc5;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22.5px;
    color: #f6f6f6;
    margin-right: 19px;
    white-space: nowrap
}

.footer-menu-container .btn-suscribe:hover {
    background: #005688
}

.lineright {
    position: relative
}

.lineright::after {
    content: "";
    position: absolute;
    top: 0%;
    right: -10px;
    width: 2px;
    height: 95%;
    background: #8c8c8c;
    z-index: 1
}

.lineright h3,
.lineright ul {
    padding-right: 15px
}

.footer-menu-container .toggle-content {
    display: none
}

.footer-menu-container .toggle-header {
    cursor: pointer
}

.footer-menu-container .arrow {
    display: inline-block;
    transition: transform 0.3s ease-in-out
}

.footer-menu-container .expanded .arrow {
    transform: rotate(180deg)
}

.footer-menu-container hr {
    width: 100%;
    background-color: #fff;
    color: #fff;
    height: 4px;
    border: none;
    margin: 0 auto;
    margin-top: 14px;
    margin-bottom: 19px
}

.resetpass {
    padding-top: 60px
}

.resetpass .brand-svg {
    display: flex;
    justify-content: center
}

.resetpass .reset-title {
    margin-top: 150px;
    color: #191919;
    text-align: center;
    font-family: "Libre Caslon Text", serif;
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -1.642px
}

.resetpass .reset-subtitle {
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 12px
}

.resetpass .reset-form {
    width: min(92vw, 600px);
    margin: 24px auto 48px
}

.resetpass .reset-form .field {
    margin-bottom: 12px
}

.resetpass .reset-form input {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 15px 60px 15px 20px;
    border: 1px solid #000;
    border-radius: 10px;
    background: #fff;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    color: #191919;
    outline: none
}

.resetpass .reset-form input:focus {
    box-shadow: 0 0 0 2px rgb(0 0 0 / .12)
}

.resetpass .reset-form input::placeholder {
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    opacity: 1
}

.resetpass .reset-form .field.password {
    position: relative
}

.resetpass .reset-form .toggle-pass {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 41px;
    padding: 0;
    background: #fff0;
    border: 0;
    cursor: pointer
}

.resetpass .reset-form .toggle-pass svg {
    width: 40px;
    height: 41px;
    pointer-events: none
}

.resetpass .reset-form .toggle-pass:focus {
    outline: 2px solid rgb(0 0 0 / .25);
    outline-offset: 2px
}

.resetpass .input-msg {
    display: none;
    margin-top: 6px;
    font-family: "Public Sans";
    font-size: 13px;
    font-weight: 500;
    line-height: 150%
}

.resetpass .input-msg.error {
    color: #D32F2F
}

.resetpass .input-msg.show {
    display: block
}

.resetpass .reset-form input.is-invalid {
    border-color: #D32F2F;
    box-shadow: 0 0 0 2px rgb(211 47 47 / .15)
}

.resetpass .btn-primary {
    width: 100%;
    padding: 12px 14px;
    border: 0;
    border-radius: 27px;
    background: #007DC5;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%
}

.resetpass .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

@media (max-width:480px) {
    .resetpass .reset-title {
        margin-top: 100px
    }
}

.resetpass #resetForm .btn-primary {
    width: fit-content;
    display: block;
    margin: 16px auto 0;
    padding: 12px 24px
}

.modal-login .overlayLogin {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    z-index: 2000;
    display: none;
    overscroll-behavior: contain
}

.modal-login .login-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(92vw, 600px);
    max-height: min(90vh, 680px);
    overflow-y: auto;
    background: #fff;
    border-radius: 40px;
    padding: 24px;
    box-shadow: 0 12px 40px rgb(0 0 0 / .18);
    z-index: 2001;
    display: none
}

.modal-login .login-close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #fff0;
    border: 0;
    cursor: pointer;
    padding: 24px
}

.modal-login .login-close svg {
    width: 50px;
    height: 49px
}

.modal-login .login-title {
    color: #191919;
    font-family: "Libre Caslon Text", serif;
    font-size: 32.83px;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -.985px;
    margin-top: 65px
}

.modal-login h3 {
    color: #191919;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    padding-top: 24px;
    padding-bottom: 24px
}

.modal-login .login-form .field {
    margin-bottom: 12px
}

.modal-login .login-form input {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 15px 344px 15px 20px;
    border: 1px solid #000;
    border-radius: 10px;
    background: #fff;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    color: #191919;
    outline: none
}

.modal-login .login-form input:focus {
    box-shadow: 0 0 0 2px rgb(0 0 0 / .12)
}

.modal-login .login-form input::placeholder {
    color: #6B6B6B;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    opacity: 1
}

.modal-login .btn-primary {
    width: 100%;
    padding: 12px 14px;
    border: 0;
    border-radius: 27px;
    background: #007DC5;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%
}

.modal-login .meta {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center
}

.modal-login .meta span {
    color: #191919;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

.modal-login #recoverLink,
.modal-login #signupLink {
    color: #007DC5;
    text-decoration: none;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%
}

.modal-login #recoverLink:hover,
.modal-login #signupLink:hover,
.modal-login #recoverLink:focus,
.modal-login #signupLink:focus {
    color: #007DC5;
    text-decoration: underline
}

.modal-login .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

html.html-no-scroll {
    overflow: hidden
}

.modal-login .login-form .field.password {
    position: relative
}

.modal-login .login-form .field.password input {
    padding-right: 60px
}

.modal-login .login-form .toggle-pass {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 41px;
    padding: 0;
    background: #fff0;
    border: 0;
    cursor: pointer
}

.modal-login .login-form .toggle-pass svg {
    width: 40px;
    height: 41px;
    pointer-events: none
}

.modal-login .login-form .toggle-pass:focus {
    outline: 2px solid rgb(0 0 0 / .25);
    outline-offset: 2px
}

.modal-login .input-msg {
    display: none;
    margin-top: 6px;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 13px;
    font-weight: 500;
    line-height: 150%
}

.modal-login .input-msg.error {
    color: #D32F2F
}

.modal-login .input-msg.show {
    display: block
}

.modal-login .login-form input.is-invalid {
    border-color: #D32F2F;
    box-shadow: 0 0 0 2px rgb(211 47 47 / .15)
}

.modal-login #loginEmail {
    padding-right: 20px
}

@media (max-width:480px) {
    .modal-login .login-close svg {
        width: 20px;
        height: 20px
    }
    .modal-login .login-title {
        margin-top: 36px
    }
}

@media (max-height:540px) {
    .modal-login .login-modal {
        top: 8px;
        transform: translate(-50%, 0);
        margin-bottom: 8px
    }
}

.modal-signup .overlaySignup {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    z-index: 2000;
    display: none;
    overscroll-behavior: contain
}

.modal-signup .signup-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(92vw, 600px);
    max-height: min(90vh, 680px);
    overflow-y: auto;
    background: #fff;
    border-radius: 40px;
    padding: 24px;
    box-shadow: 0 12px 40px rgb(0 0 0 / .18);
    z-index: 2001;
    display: none
}

.modal-signup .signup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #fff0;
    border: 0;
    cursor: pointer;
    padding: 24px
}

.modal-signup .signup-close svg {
    width: 50px;
    height: 49px
}

.modal-signup .signup-title {
    color: #191919;
    font-family: "Libre Caslon Text", serif;
    font-size: 32.83px;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -.985px;
    margin-top: 65px
}

.modal-signup h3 {
    color: #191919;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    padding-top: 24px;
    padding-bottom: 24px
}

.modal-signup .signup-form .field {
    margin-bottom: 12px
}

.modal-signup .signup-form input {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 15px 344px 15px 20px;
    border: 1px solid #000;
    border-radius: 10px;
    background: #fff;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    color: #191919;
    outline: none
}

.modal-signup .signup-form input:focus {
    box-shadow: 0 0 0 2px rgb(0 0 0 / .12)
}

.modal-signup .signup-form input::placeholder {
    color: #6B6B6B;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    opacity: 1
}

.modal-signup .btn-primary {
    width: 100%;
    padding: 12px 14px;
    border: 0;
    border-radius: 27px;
    background: #007DC5;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%
}

.modal-signup .meta {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center
}

.modal-signup .meta span {
    color: #191919;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

.modal-signup .meta a {
    color: #007DC5;
    text-decoration: none;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%
}

.modal-signup .meta a:hover,
.modal-signup .meta a:focus {
    color: #007DC5;
    text-decoration: underline
}

.modal-signup .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.modal-signup .signup-form .field.password {
    position: relative
}

.modal-signup .signup-form .field.password input {
    padding-right: 60px
}

.modal-signup .signup-form .toggle-pass {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 41px;
    padding: 0;
    background: #fff0;
    border: 0;
    cursor: pointer
}

.modal-signup .signup-form .toggle-pass svg {
    width: 40px;
    height: 41px;
    pointer-events: none
}

.modal-signup .signup-form .toggle-pass:focus {
    outline: 2px solid rgb(0 0 0 / .25);
    outline-offset: 2px
}

.modal-signup .input-msg {
    display: none;
    margin-top: 6px;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 13px;
    font-weight: 500;
    line-height: 150%
}

.modal-signup .input-msg.error {
    color: #D32F2F
}

.modal-signup .input-msg.show {
    display: block
}

.modal-signup .signup-form input.is-invalid {
    border-color: #D32F2F;
    box-shadow: 0 0 0 2px rgb(211 47 47 / .15)
}

.modal-signup #signupEmail,
.modal-signup #signupName {
    padding-right: 20px
}

@media (max-width:480px) {
    .modal-signup .signup-close svg {
        width: 20px;
        height: 20px
    }
    .modal-signup .signup-title {
        margin-top: 36px
    }
}

@media (max-height:540px) {
    .modal-signup .signup-modal {
        top: 8px;
        transform: translate(-50%, 0);
        margin-bottom: 8px
    }
}

.modal-verify .overlayVerify {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    z-index: 2000;
    display: none;
    overscroll-behavior: contain
}

.modal-verify .verify-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(92vw, 600px);
    max-height: min(90vh, 680px);
    overflow-y: auto;
    background: #fff;
    border-radius: 40px;
    padding: 24px;
    box-shadow: 0 12px 40px rgb(0 0 0 / .18);
    z-index: 2001;
    display: none
}

.modal-verify .verify-close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #fff0;
    border: 0;
    cursor: pointer;
    padding: 24px
}

.modal-verify .verify-close svg {
    width: 50px;
    height: 49px
}

.modal-verify .verify-illustration {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 65px
}

.modal-verify .verify-title {
    color: #191919;
    font-family: "Libre Caslon Text", serif;
    font-size: 32.83px;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -.985px;
    text-align: center;
    margin-top: 16px
}

.modal-verify .verify-text {
    color: #191919;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 16px
}

.modal-verify .verify-text strong {
    font-weight: 800
}

.modal-verify .verify-help {
    color: #191919;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 16px
}

.modal-verify .verify-actions {
    display: flex;
    justify-content: center;
    margin-top: 8px
}

.modal-verify .btn-resend-email {
    padding: 12px 24px;
    border: 0;
    border-radius: 27px;
    background: #191919;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
    cursor: pointer
}

.modal-verify .verify-tip {
    color: #6B6B6B;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 16px
}

@media (max-width:480px) {
    .modal-verify .verify-close svg {
        width: 20px;
        height: 20px
    }
    .modal-verify .verify-illustration {
        margin-top: 36px
    }
}

@media (max-height:540px) {
    .modal-verify .verify-modal {
        top: 8px;
        transform: translate(-50%, 0);
        margin-bottom: 8px
    }
}

.modal-verify-success .overlayVerifySuccess {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    z-index: 2000;
    display: none;
    overscroll-behavior: contain
}

.modal-verify-success .verify-success-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(92vw, 600px);
    max-height: min(90vh, 680px);
    overflow-y: auto;
    background: #fff;
    border-radius: 40px;
    padding: 24px;
    box-shadow: 0 12px 40px rgb(0 0 0 / .18);
    z-index: 2001;
    display: none
}

.modal-verify-success .verify-success-close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #fff0;
    border: 0;
    cursor: pointer;
    padding: 24px
}

.modal-verify-success .verify-success-close svg {
    width: 50px;
    height: 49px
}

.modal-verify-success .verify-success-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px
}

.modal-verify-success .verify-success-title {
    color: #191919;
    font-family: "Libre Caslon Text", serif;
    font-size: 32.83px;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -.985px;
    text-align: center;
    margin-top: 24px
}

.modal-verify-success .verify-success-desc {
    color: #191919;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 16px
}

.modal-verify-success .verify-success-actions {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.modal-verify-success .verify-success-actions .btn-primary {
    border: 0;
    border-radius: 27px;
    background: #007DC5;
    cursor: pointer;
    padding: 12px 24px;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%
}

@media (max-width:480px) {
    .modal-verify-success .verify-success-close svg {
        width: 20px;
        height: 20px
    }
}

@media (max-height:540px) {
    .modal-verify-success .verify-success-modal {
        top: 8px;
        transform: translate(-50%, 0);
        margin-bottom: 8px
    }
}

.modal-recover .overlayRecover {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    z-index: 2000;
    display: none;
    overscroll-behavior: contain
}

.modal-recover .recover-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(92vw, 600px);
    max-height: min(90vh, 680px);
    overflow-y: auto;
    background: #fff;
    border-radius: 40px;
    padding: 24px;
    box-shadow: 0 12px 40px rgb(0 0 0 / .18);
    z-index: 2001;
    display: none
}

.modal-recover .recover-close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #fff0;
    border: 0;
    cursor: pointer;
    padding: 24px
}

.modal-recover .recover-close svg {
    width: 50px;
    height: 49px
}

.modal-recover .recover-title {
    color: #191919;
    font-family: "Libre Caslon Text", serif;
    font-size: 32.83px;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -.985px;
    margin-top: 65px;
    text-align: center
}

.modal-recover .recover-desc {
    color: #191919;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-top: 16px
}

.modal-recover .recover-form .field {
    margin-top: 16px;
    margin-bottom: 12px
}

.modal-recover .recover-form input {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 15px 20px;
    border: 1px solid #000;
    border-radius: 10px;
    background: #fff;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    color: #191919;
    outline: none
}

.modal-recover .recover-form input:focus {
    box-shadow: 0 0 0 2px rgb(0 0 0 / .12)
}

.modal-recover .recover-form input::placeholder {
    color: #6B6B6B;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    opacity: 1
}

.modal-recover .input-msg {
    display: none;
    margin-top: 6px;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 13px;
    font-weight: 500;
    line-height: 150%
}

.modal-recover .input-msg.error {
    color: #D32F2F
}

.modal-recover .input-msg.show {
    display: block
}

.modal-recover .recover-form input.is-invalid {
    border-color: #D32F2F;
    box-shadow: 0 0 0 2px rgb(211 47 47 / .15)
}

.modal-recover .recover-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px
}

.modal-recover .btn-link {
    background: #fff0;
    border: 0;
    cursor: pointer;
    padding: 12px 0;
    color: #191919;
    text-align: left;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
    text-decoration: none
}

.modal-recover .btn-link:hover,
.modal-recover .btn-link:focus {
    text-decoration: underline
}

.modal-recover .btn-primary {
    padding: 12px 24px;
    border: 0;
    border-radius: 27px;
    background: #007DC5;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%
}

@media (max-width:480px) {
    .modal-recover .recover-close svg {
        width: 20px;
        height: 20px
    }
    .modal-recover .recover-title {
        margin-top: 36px
    }
}

.modal-recover .btn-back {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    background: #fff0;
    border: none;
    color: #191919;
    cursor: pointer
}

.modal-recover .btn-back svg {
    width: 29px;
    height: 30px;
    flex: 0 0 auto
}

.modal-recover .btn-back:focus {
    outline: 2px solid rgb(0 0 0 / .25);
    outline-offset: 2px
}

.modal-recover-sent .overlayRecoverSent {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    z-index: 2000;
    display: none;
    overscroll-behavior: contain
}

.modal-recover-sent .recover-sent-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(92vw, 600px);
    max-height: min(90vh, 680px);
    overflow-y: auto;
    background: #fff;
    border-radius: 40px;
    padding: 24px;
    box-shadow: 0 12px 40px rgb(0 0 0 / .18);
    z-index: 2001;
    display: none
}

.modal-recover-sent .recover-sent-close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #fff0;
    border: 0;
    cursor: pointer;
    padding: 24px
}

.modal-recover-sent .recover-sent-close svg {
    width: 50px;
    height: 49px
}

.modal-recover-sent .recover-sent-title {
    color: #191919;
    font-family: "Libre Caslon Text", serif;
    font-size: 32.83px;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -.985px;
    text-align: center;
    margin-top: 65px
}

.modal-recover-sent .recover-sent-desc {
    color: #191919;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 16px
}

.modal-recover-sent .recover-sent-actions {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.modal-recover-sent .recover-sent-actions .btn-primary {
    padding: 12px 24px;
    border: 0;
    border-radius: 27px;
    background: #007DC5;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%
}

@media (max-width:480px) {
    .modal-recover-sent .recover-sent-close svg {
        width: 20px;
        height: 20px
    }
    .modal-recover-sent .recover-sent-title {
        margin-top: 36px
    }
}

@media (max-height:540px) {
    .modal-recover-sent .recover-sent-modal {
        top: 8px;
        transform: translate(-50%, 0);
        margin-bottom: 8px
    }
}

.modal-reset-success .overlayResetSuccess {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    z-index: 2000;
    display: none;
    overscroll-behavior: contain
}

.modal-reset-success .reset-success-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(92vw, 600px);
    max-height: min(90vh, 680px);
    overflow-y: auto;
    background: #fff;
    border-radius: 40px;
    padding: 24px;
    box-shadow: 0 12px 40px rgb(0 0 0 / .18);
    z-index: 2001;
    display: none
}

.modal-reset-success .reset-success-close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #fff0;
    border: 0;
    cursor: pointer;
    padding: 24px
}

.modal-reset-success .reset-success-close svg {
    width: 50px;
    height: 49px
}

.modal-reset-success .reset-success-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px
}

.modal-reset-success .reset-success-title {
    color: #191919;
    font-family: "Libre Caslon Text", serif;
    font-size: 32.83px;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -.985px;
    text-align: center;
    margin-top: 24px
}

.modal-reset-success .reset-success-headline {
    color: #191919;
    text-align: center;
    font-family: "Libre Caslon Text", serif;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -.648px;
    margin-top: 16px
}

.modal-reset-success .reset-success-desc {
    color: #191919;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 12px
}

.modal-reset-success .reset-success-actions {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.modal-reset-success .reset-success-actions .btn-primary {
    padding: 12px 24px;
    border: 0;
    border-radius: 27px;
    background: #007DC5;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%
}

@media (max-width:480px) {
    .modal-reset-success .reset-success-close svg {
        width: 20px;
        height: 20px
    }
}

@media (max-height:540px) {
    .modal-reset-success .reset-success-modal {
        top: 8px;
        transform: translate(-50%, 0);
        margin-bottom: 8px
    }
}

.modal-contact-thanks .overlayContactThanks {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    z-index: 2000;
    display: none;
    overscroll-behavior: contain
}

.modal-contact-thanks .contact-thanks-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(92vw, 600px);
    max-height: min(90vh, 680px);
    overflow-y: auto;
    background: #fff;
    border-radius: 40px;
    padding: 24px;
    box-shadow: 0 12px 40px rgb(0 0 0 / .18);
    z-index: 2001;
    display: none
}

.modal-contact-thanks .contact-thanks-close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #fff0;
    border: 0;
    cursor: pointer;
    padding: 24px
}

.modal-contact-thanks .contact-thanks-close svg {
    width: 50px;
    height: 49px
}

.modal-contact-thanks .contact-thanks-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 65px
}

.modal-contact-thanks .contact-thanks-title {
    color: #191919;
    font-family: "Libre Caslon Text", serif;
    font-size: 32.83px;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -.985px;
    text-align: center;
    margin-top: 16px
}

.modal-contact-thanks .contact-thanks-desc {
    color: #191919;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 12px
}

.modal-contact-thanks .contact-thanks-actions {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.modal-contact-thanks .contact-thanks-actions .btn-primary {
    border: 0;
    border-radius: 27px;
    background: #007DC5;
    cursor: pointer;
    padding: 12px 24px;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%
}

@media (max-width:480px) {
    .modal-contact-thanks .contact-thanks-close svg {
        width: 20px;
        height: 20px
    }
    .modal-contact-thanks .contact-thanks-icon {
        margin-top: 36px
    }
}

.modal-edit-photo .overlayEditPhoto,
.modal-reset-pass .overlayResetPass,
.modal-delete-account .overlayDeleteAccount,
.modal-edit-email .overlayEditEmail,
.modal-pass-sent .overlayPassSent,
.modal-pass-success .overlayPassSuccess,
.modal-changes-saved .overlayChangesSaved,
.modal-save-error .overlaySaveError {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    z-index: 2000;
    display: none;
    overscroll-behavior: contain
}

.modal-edit-photo .edit-photo-modal,
.modal-reset-pass .reset-pass-modal,
.modal-delete-account .delete-account-modal,
.modal-edit-email .edit-email-modal,
.modal-pass-sent .pass-sent-modal,
.modal-pass-success .pass-success-modal,
.modal-changes-saved .changes-saved-modal,
.modal-save-error .save-error-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(92vw, 600px);
    max-height: min(90vh, 680px);
    overflow-y: auto;
    background: #fff;
    border-radius: 40px;
    padding: 24px;
    box-shadow: 0 12px 40px rgb(0 0 0 / .18);
    z-index: 2001;
    display: none
}

.modal-edit-photo .edit-photo-close,
.modal-reset-pass .reset-pass-close,
.modal-delete-account .delete-account-close,
.modal-edit-email .edit-email-close,
.modal-pass-sent .pass-sent-close,
.modal-pass-success .pass-success-close,
.modal-changes-saved .changes-saved-close,
.modal-save-error .save-error-close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #fff0;
    border: 0;
    cursor: pointer;
    padding: 24px
}

.modal-edit-photo .edit-photo-close svg,
.modal-reset-pass .reset-pass-close svg,
.modal-delete-account .delete-account-close svg,
.modal-edit-email .edit-email-close svg,
.modal-pass-sent .pass-sent-close svg,
.modal-pass-success .pass-success-close svg,
.modal-changes-saved .changes-saved-close svg,
.modal-save-error .save-error-close svg {
    width: 50px;
    height: 49px
}

.modal-edit-photo .edit-photo-title,
.modal-reset-pass .reset-pass-title,
.modal-delete-account .delete-account-title,
.modal-edit-email .edit-email-title {
    color: #191919;
    font-family: "Libre Caslon Text", serif;
    font-size: 32.83px;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -.985px;
    margin-top: 65px;
    text-align: center
}

.modal-edit-photo .edit-photo-desc,
.modal-delete-account .delete-account-desc {
    color: #191919;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-top: 16px
}

.modal-edit-photo .edit-photo-actions,
.modal-reset-pass .reset-pass-actions,
.modal-edit-email .edit-email-actions {
    margin-top: 24px;
    text-align: center
}

.modal-delete-account .delete-account-actions {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    gap: 16px
}

.modal-edit-photo .btn-primary,
.modal-reset-pass .btn-primary,
.modal-delete-account .btn-primary,
.modal-edit-email .btn-primary,
.modal-pass-sent .btn-primary,
.modal-pass-success .btn-primary,
.modal-changes-saved .btn-primary,
.modal-save-error .btn-primary,
.modal-delete-success .btn-primary,
.modal-email-success .btn-primary {
    padding: 12px 24px;
    border: 0;
    border-radius: 27px;
    background: #007DC5;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%
}

.modal-reset-pass .reset-pass-icon {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.modal-reset-pass .reset-pass-desc {
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 12px
}

.modal-reset-pass .reset-pass-desc strong {
    font-weight: 800
}

.modal-reset-pass .reset-pass-actions {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

.modal-reset-pass .btn-outline {
    padding: 12px 24px;
    border-radius: 27px;
    border: 1px solid #007DC5;
    background: #FFF;
    cursor: pointer;
    color: #007DC5;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%
}

@media (max-width:420px) {
    .modal-reset-pass .reset-pass-actions {
        flex-direction: column;
        justify-content: center
    }
}

.modal-pass-sent .pass-sent-icon {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.modal-pass-sent .pass-sent-title {
    color: #191919;
    text-align: center;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -.648px;
    margin-top: 12px
}

.modal-pass-sent .pass-sent-desc {
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 12px
}

.modal-pass-sent .pass-sent-actions {
    margin-top: 24px;
    text-align: center
}

.modal-pass-success .pass-success-icon {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.modal-pass-success .pass-success-title {
    color: #191919;
    text-align: center;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -.648px;
    margin-top: 12px
}

.modal-pass-success .pass-success-actions {
    margin-top: 24px;
    text-align: center
}

.modal-changes-saved .changes-saved-icon {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.modal-changes-saved .changes-saved-title {
    color: #191919;
    text-align: center;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -.648px;
    margin-top: 12px
}

.modal-changes-saved .changes-saved-actions {
    margin-top: 24px;
    text-align: center
}

.modal-save-error .save-error-title {
    color: #191919;
    text-align: center;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -.648px;
    margin-top: 12px
}

.modal-save-error .save-error-desc {
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 12px
}

.modal-save-error .save-error-list {
    margin-top: 12px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 16px;
    line-height: 150%;
    padding-left: 24px
}

.modal-save-error .save-error-actions {
    margin-top: 24px;
    text-align: center
}

.modal-edit-photo.is-open .overlayEditPhoto,
.modal-edit-photo.is-open .edit-photo-modal {
    display: block
}

.modal-reset-pass.is-open .overlayResetPass,
.modal-reset-pass.is-open .reset-pass-modal {
    display: block
}

.modal-delete-account.is-open .overlayDeleteAccount,
.modal-delete-account.is-open .delete-account-modal {
    display: block
}

.modal-edit-email.is-open .overlayEditEmail,
.modal-edit-email.is-open .edit-email-modal {
    display: block
}

.modal-pass-sent.is-open .overlayPassSent,
.modal-pass-sent.is-open .pass-sent-modal {
    display: block
}

.modal-pass-success.is-open .overlayPassSuccess,
.modal-pass-success.is-open .pass-success-modal {
    display: block
}

.modal-changes-saved.is-open .overlayChangesSaved,
.modal-changes-saved.is-open .changes-saved-modal {
    display: block
}

.modal-save-error.is-open .overlaySaveError,
.modal-save-error.is-open .save-error-modal {
    display: block
}

.modal-delete-account .delete-account-hero-icon {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.modal-delete-account .delete-account-lead {
    color: #191919;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-top: 16px
}

.modal-delete-account .delete-account-warning {
    margin-top: 12px;
    border-radius: 20px;
    background: #E5E5E5;
    padding: 16px 16px
}

.modal-delete-account .delete-account-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.modal-delete-account .delete-account-list li {
    position: relative;
    padding-left: 28px;
    margin: 8px 0;
    color: #191919;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

.modal-delete-account .delete-account-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M14.2616 13.8637C14.3144 13.9164 14.3441 13.988 14.3441 14.0627C14.3441 14.1373 14.3144 14.2089 14.2616 14.2616C14.2089 14.3144 14.1373 14.3441 14.0627 14.3441C13.988 14.3441 13.9164 14.3144 13.8637 14.2616L9.00016 9.39813L4.13664 14.2616C4.08387 14.3144 4.01229 14.3441 3.93766 14.3441C3.86302 14.3441 3.79145 14.3144 3.73867 14.2616C3.6859 14.2089 3.65625 14.1373 3.65625 14.0627C3.65625 13.988 3.6859 13.9164 3.73867 13.8637L8.60219 9.00016L3.73867 4.13664C3.6859 4.08387 3.65625 4.01229 3.65625 3.93766C3.65625 3.86302 3.6859 3.79145 3.73867 3.73867C3.79145 3.6859 3.86302 3.65625 3.93766 3.65625C4.01229 3.65625 4.08387 3.6859 4.13664 3.73867L9.00016 8.60219L13.8637 3.73867C13.8898 3.71254 13.9208 3.69181 13.955 3.67767C13.9891 3.66353 14.0257 3.65625 14.0627 3.65625C14.0996 3.65625 14.1362 3.66353 14.1703 3.67767C14.2045 3.69181 14.2355 3.71254 14.2616 3.73867C14.2878 3.7648 14.3085 3.79582 14.3226 3.82997C14.3368 3.86411 14.3441 3.9007 14.3441 3.93766C14.3441 3.97461 14.3368 4.0112 14.3226 4.04535C14.3085 4.07949 14.2878 4.11051 14.2616 4.13664L9.39813 9.00016L14.2616 13.8637Z' fill='%23191919'/%3E%3C/svg%3E")
}

.modal-delete-account .delete-account-irreversible {
    color: #191919;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
    margin-top: 16px
}

.modal-delete-account .delete-account-actions {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.btn-danger {
    width: 100%;
    padding: 12px 24px;
    border: 0;
    border-radius: 27px;
    background: #EF1E1E;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%
}

.btn-danger:focus {
    outline: 2px solid rgb(239 30 30 / .25);
    outline-offset: 2px
}

.btn-outline-blue {
    width: 100%;
    padding: 12px 24px;
    border-radius: 27px;
    border: 1px solid #007DC5;
    background: #FFF;
    cursor: pointer;
    color: #007DC5;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%
}

.btn-outline-blue:focus {
    outline: 2px solid rgb(0 125 197 / .25);
    outline-offset: 2px
}

.modal-delete-success .overlayDeleteSuccess {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    z-index: 2000;
    display: none;
    overscroll-behavior: contain
}

.modal-delete-success .delete-success-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(92vw, 600px);
    max-height: min(90vh, 680px);
    overflow-y: auto;
    background: #fff;
    border-radius: 40px;
    padding: 24px;
    box-shadow: 0 12px 40px rgb(0 0 0 / .18);
    z-index: 2001;
    display: none
}

.modal-delete-success .delete-success-close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #fff0;
    border: 0;
    cursor: pointer;
    padding: 24px
}

.modal-delete-success .delete-success-close svg {
    width: 50px;
    height: 49px
}

.modal-delete-success .delete-success-icon {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.modal-delete-success .delete-success-title {
    color: #191919;
    font-family: "Libre Caslon Text", serif;
    font-size: 32.83px;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -.985px;
    text-align: center;
    margin-top: 24px
}

.modal-delete-success .delete-success-desc {
    color: #191919;
    text-align: center;
    font-family: "Public Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 12px
}

.modal-delete-success .delete-success-actions {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.modal-delete-success.is-open .overlayDeleteSuccess,
.modal-delete-success.is-open .delete-success-modal {
    display: block
}

@media (max-width:480px) {
    .modal-delete-success .delete-success-close svg {
        width: 20px;
        height: 20px
    }
}

@media (max-height:540px) {
    .modal-delete-success .delete-success-modal {
        top: 8px;
        transform: translate(-50%, 0);
        margin-bottom: 8px
    }
}

.modal-edit-email .edit-email-form .field input {
    width: 100%;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid #000;
    text-align: center;
    color: #191919;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

.modal-edit-email .edit-email-form .field input::placeholder {
    color: #6B6B6B;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

.modal-edit-email .edit-email-actions {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.modal-edit-email .edit-email-actions .btn-primary,
.modal-edit-email .edit-email-actions .btn-outline-blue {
    width: 100%
}

.modal-email-verify .overlayEmailVerify {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    z-index: 2000;
    display: none;
    overscroll-behavior: contain
}

.modal-email-verify .email-verify-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(92vw, 600px);
    max-height: min(90vh, 680px);
    overflow-y: auto;
    background: #fff;
    border-radius: 40px;
    padding: 24px;
    box-shadow: 0 12px 40px rgb(0 0 0 / .18);
    z-index: 2001;
    display: none
}

.modal-email-verify .email-verify-close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #fff0;
    border: 0;
    cursor: pointer;
    padding: 24px
}

.modal-email-verify .email-verify-close svg {
    width: 50px;
    height: 49px
}

.modal-email-verify .email-verify-icon {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.modal-email-verify .email-verify-title {
    color: #191919;
    text-align: center;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -.648px;
    margin-top: 12px
}

.modal-email-verify .email-verify-desc {
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 12px
}

.modal-email-verify .email-verify-note {
    color: #6B6B6B;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-align: center;
    margin-top: 8px
}

.modal-email-verify .email-verify-help {
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 12px
}

.btn-dark {
    padding: 12px 24px;
    border-radius: 27px;
    border: 0;
    background: #191919;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%
}

.modal-email-verify .email-verify-resend {
    display: flex;
    justify-content: center;
    margin-top: 12px
}

.modal-email-verify .email-verify-spam {
    color: #6B6B6B;
    text-align: center;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 12px
}

.modal-email-verify.is-open .overlayEmailVerify,
.modal-email-verify.is-open .email-verify-modal {
    display: block
}

.modal-email-success .overlayEmailSuccess {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    z-index: 2000;
    display: none;
    overscroll-behavior: contain
}

.modal-email-success .email-success-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(92vw, 600px);
    max-height: min(90vh, 680px);
    overflow-y: auto;
    background: #fff;
    border-radius: 40px;
    padding: 24px;
    box-shadow: 0 12px 40px rgb(0 0 0 / .18);
    z-index: 2001;
    display: none
}

.modal-email-success .email-success-close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #fff0;
    border: 0;
    cursor: pointer;
    padding: 24px
}

.modal-email-success .email-success-close svg {
    width: 50px;
    height: 49px
}

.modal-email-success .email-success-icon {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.modal-email-success .email-success-title {
    color: #191919;
    text-align: center;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -.648px;
    margin-top: 12px
}

.modal-email-success .email-success-desc {
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 12px
}

.modal-email-success .email-success-actions {
    margin-top: 20px;
    text-align: center
}

.modal-email-success.is-open .overlayEmailSuccess,
.modal-email-success.is-open .email-success-modal {
    display: block
}

.modal-cancel-sub .overlayCancelSub,
.modal-cancel-done .overlayCancelDone {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    z-index: 2000;
    display: none;
    overscroll-behavior: contain
}

.modal-cancel-sub .cancel-sub-modal,
.modal-cancel-done .cancel-done-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(92vw, 600px);
    max-height: min(90vh, 680px);
    overflow-y: auto;
    background: #fff;
    border-radius: 40px;
    padding: 24px;
    box-shadow: 0 12px 40px rgb(0 0 0 / .18);
    z-index: 2001;
    display: none
}

.modal-cancel-sub .cancel-sub-close,
.modal-cancel-done .cancel-done-close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #fff0;
    border: 0;
    cursor: pointer;
    padding: 24px
}

.modal-cancel-sub .cancel-sub-close svg,
.modal-cancel-done .cancel-done-close svg {
    width: 50px;
    height: 49px
}

.modal-cancel-sub .cancel-sub-icon,
.modal-cancel-done .cancel-done-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px
}

.modal-cancel-sub .cancel-sub-title,
.modal-cancel-done .cancel-done-title {
    color: #191919;
    font-family: "Libre Caslon Text", serif;
    font-size: 32.83px;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -.985px;
    text-align: center;
    margin-top: 24px
}

.modal-cancel-sub .cancel-sub-desc {
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-top: 12px
}

.modal-cancel-sub .cancel-sub-note,
.modal-cancel-done .cancel-done-note {
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 12px
}

.modal-cancel-done .cancel-done-desc {
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 12px
}

.modal-cancel-sub .cancel-sub-actions {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.modal-cancel-sub .cancel-sub-actions .btn-primary,
.modal-cancel-sub .cancel-sub-actions .btn-outline-blue {
    width: 100%
}

.modal-cancel-done .cancel-done-actions {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.modal-cancel-sub.is-open .overlayCancelSub,
.modal-cancel-sub.is-open .cancel-sub-modal {
    display: block
}

.modal-cancel-done.is-open .overlayCancelDone,
.modal-cancel-done.is-open .cancel-done-modal {
    display: block
}

@media (max-width:480px) {
    .modal-cancel-sub .cancel-sub-close svg,
    .modal-cancel-done .cancel-done-close svg {
        width: 20px;
        height: 20px
    }
}

@media (max-height:540px) {
    .modal-cancel-sub .cancel-sub-modal,
    .modal-cancel-done .cancel-done-modal {
        top: 8px;
        transform: translate(-50%, 0);
        margin-bottom: 8px
    }
}

#keepSubscriptionBtn.btn-primary,
#cancelDoneOk.btn-primary {
    display: block;
    width: 100%;
    margin: 12px auto 0;
    padding: 12px 24px;
    border-radius: 27px;
    background: #007DC5;
    border: 0;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
    cursor: pointer
}

#keepSubscriptionBtn.btn-primary:hover,
#cancelDoneOk.btn-primary:hover {
    filter: brightness(.95)
}

#keepSubscriptionBtn.btn-primary:focus-visible,
#cancelDoneOk.btn-primary:focus-visible {
    outline: 2px solid #005f96;
    outline-offset: 2px
}

#keepSubscriptionBtn.btn-primary:disabled,
#cancelDoneOk.btn-primary:disabled {
    opacity: .6;
    cursor: not-allowed
}

.newsfrontlandone .newstitlesmall h3 a,
.ribera-de-chapalanews .newstitle h2 a,
.ribera-de-chapalanews .newstitlesmall h3 a,
.jalisconews .newstitle h2 a,
.jalisconews .newstitlesmall h3 a,
.charquitosnews .charquitoscontainer .newstitle h4 a,
.seguridadnews .newstitlesmall h3 a,
.gentenews .newstitlesmall h3 a,
.zmgnews .newstitle h2 a,
.zmgnews .newstitlesmall h3 a,
.politicanews .newstitle h2 a,
.politicanews .newstitlesmall h3 a,
.politicanews .newstitlemini h3 a,
.deportesnews .newstitle h2 a,
.deportesnews .newstitlesmall h3 a,
.nacionalnews .newstitle h2 a,
.nacionalnews .newstitlesmall h3 a,
.turismonews .newstitlesmall h3 a,
.culturanews .newstitlesmall h3 a,
.movilidadnews .newstitle h2 a,
.movilidadnews .newstitlesmall h3 a,
.entretenimientonews .newstitle h2 a,
.entretenimientonews .newstitlesmall h3 a,
.videosnews .newstitle h2 a,
.videosnews .newstitlesmall h3 a {
    color: #191919;
    text-decoration: none
}

.newsfooter img.author,
.newsfootersmall img.author,
.newsfootermini img.author,
.newscategorypost .newstop img.author,
.newssearchpost .newstop img.author,
.newstagspost .newstop img.author {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    background: #FFF
}

.addsbanner {
    width: 267px !important;
    height: 346.095px !important;
    flex-shrink: 0;
    overflow: hidden;
    background: #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important
}

.addsbanner a,
.addsbanner img {
    width: 100%;
    height: 100%;
    display: block
}

.addsbanner img {
    object-fit: cover
}

.addsbanner p {
    color: #6b6b6b;
    font-family: Arial;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.744px;
    letter-spacing: -.648px;
    opacity: .3
}

#semanarioModal .modal-content {
    background: #fff0;
    border: 0
}

#semanarioModal .semanario-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: #fff0;
    border: 0;
    z-index: 1
}

#semanarioModal #semanarioFs {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    background: #fff0;
    border: 0
}

.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999
}

.page-loader .spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top-color: #191919;
    border-radius: 50%;
    animation: spin 1s linear infinite
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.profile-link {
    text-decoration: none
}

.newstitle h2,
.newstitle h2 a,
.newstitlesmall h3,
.newstitlesmall h3 a,
.newstitlemini h3,
.newstitlemini h3 a,
.newspshort p,
.newspshortsmall p {
    word-wrap: break-word;
    overflow-wrap: anywhere;
    word-break: break-word
}

.mobile-menu-search-container {
    padding: 15px 30px 5px;
}

.mobile-menu-search-form {
    display: flex;
    align-items: center;
    width: 100%;
}

.mobile-menu-search-form .icon-Search {
    pointer-events: none;
    font-size: 30px;
    display: inline-block;
}

.mobile-menu-search-form .mobile-menu-search-icon {
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.mobile-menu-search-form .search {
    height: 50px;
    width: 100%;
    max-width: 100%;
    border-radius: 40px;
    background: #fff;
    border: 2px solid #fff;
    padding-left: 40px;
}

.mobile-menu-search-form .search::placeholder {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    padding-left: 10px;
}

.ads-tablet-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem
}

.ads-tablet-item {
    display: flex;
    justify-content: center
}

.ads-tablet-item .addsbanner {
    margin: 0
}

@media (max-width:991.98px) {
    .newscategorypost .bsidebar,
    .newssearchpost .bsidebar,
    .newstagspost .bsidebar {
        position: static;
        height: auto;
        overflow: visible;
        border-left: none;
        padding-left: 0;
        margin-top: 0
    }
    .newscategorypost .bsidebar .addsbanner,
    .newssearchpost .bsidebar .addsbanner,
    .newstagspost .bsidebar .addsbanner {
        height: auto;
        padding: 16px 0;
        margin: 24px auto 32px;
        max-width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden
    }
    .newscategorypost .bsidebar .addsbanner a,
    .newssearchpost .bsidebar .addsbanner a,
    .newstagspost .bsidebar .addsbanner a {
        display: block;
        width: 100%;
        max-width: 100%
    }
    .newscategorypost .bsidebar .addsbanner img,
    .newssearchpost .bsidebar .addsbanner img,
    .newstagspost .bsidebar .addsbanner img {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto
    }
    .newscategorypost .bsidebar .footerlinks,
    .newssearchpost .bsidebar .footerlinks,
    .newstagspost .bsidebar .footerlinks {
        padding: 0 12px 24px
    }
}

/* =========================
   Aviso de Privacidad
   ========================= */
.privacy-policy h1 , .terms-conditions h1 {
    color: #191919;
    font-family: "Abril Fatface";
    font-size: 70px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    margin-top: 37px;
}

.privacy-policy .blackline , .terms-conditions .blackline {
    height: 2px;
    width: 100%;
    background: #191919;
    margin-top: 13px;
}

.privacy-policy .blueoverline , .terms-conditions .blueoverline {
    height: 5px;
    width: 157px;
    background: #007dc5;
}

.privacy-policy h2 , .terms-conditions h2 {
    color: #191919;
    font-family: "Abril Fatface";
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin: 18px 0 12px;
}

.privacy-policy h3 , .terms-conditions h3 {
    color: #191919;
    font-family: "Public Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin: 26px 0 10px;
}

.privacy-policy p, .terms-conditions p,
.privacy-policy li , .terms-conditions li {
    color: #191919;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}

.privacy-policy p , .terms-conditions p {
    margin-bottom: 12px;
}

.privacy-policy ul , .terms-conditions ul {
    margin: 0 0 14px;
    padding-left: 1.2rem;
}

.privacy-policy a , .terms-conditions a {
    color: #007dc5;
    text-decoration: none;
}

.privacy-policy a:hover , .terms-conditions a:hover {
    text-decoration: underline;
}

.privacy-policy strong , .terms-conditions strong {
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .privacy-policy h1 , .terms-conditions h1 {
        font-size: 44px;
        margin-top: 28px;
    }

    .privacy-policy h2 , .terms-conditions h2 {
        font-size: 28px;
    }

    .privacy-policy h3 , .terms-conditions h3 {
        font-size: 20px;
    }

    .privacy-policy p, .terms-conditions p,
    .privacy-policy li , .terms-conditions li {
        font-size: 16px;
    }
}

@media (max-width: 575.98px) {
    .privacy-policy h1 , .terms-conditions h1 {
        font-size: 34px;
    }

    .privacy-policy .blueoverline , .terms-conditions .blueoverline {
        width: 120px;
    }
}

/* Ajuste visual Aviso de Privacidad (referencia de maqueta legal) */
.privacy-policy, .terms-conditions {
    padding-bottom: 24px;
}

.privacy-policy .blackline , .terms-conditions .blackline {
    display: block;
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    background: none;
}

.privacy-policy .blueoverline , .terms-conditions .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5;
}

.privacy-policy .pp-title, .terms-conditions .pp-title,
.privacy-policy .pp-subtitle, .terms-conditions .pp-subtitle,
.privacy-policy .pp-section-title , .terms-conditions .pp-section-title {
    color: #191919;
}

.privacy-policy .pp-title , .terms-conditions .pp-title {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    text-align: left;
    margin-top: 55px;
    margin-bottom: 0;
}

.privacy-policy .pp-subtitle , .terms-conditions .pp-subtitle {
    font-family: "Abril Display";
    font-size: 32px;
    font-weight: 800;
    line-height: 120%;
    text-align: left;
    margin-top: 2px;
    margin-bottom: 20px;
}

.privacy-policy .pp-welcome , .terms-conditions .pp-welcome {
    color: #191919;
    font-family: "Abril Display";
    font-size: 26px;
    font-weight: 800;
    line-height: 120%;
    text-align: left;
    margin-top: 2px;
    margin-bottom: 20px;
}


.privacy-policy p, .terms-conditions p,
.privacy-policy ul, .terms-conditions ul,
.privacy-policy li , .terms-conditions li {
    color: #000;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px;
    margin: 0;
}

.privacy-policy p , .terms-conditions p {
    margin: 0 0 14px;
}

.privacy-policy ul, .terms-conditions ul,
.privacy-policy ol , .terms-conditions ol {
    margin: 8px 0 18px;
}

.privacy-policy li , .terms-conditions li {
    margin: 6px 0;
}

.privacy-policy a , .terms-conditions a {
    text-decoration: underline;
}

.privacy-policy .list-arrow, .terms-conditions .list-arrow,
.privacy-policy .list-roman , .terms-conditions .list-roman {
    padding-left: 0;
}

.privacy-policy .list-arrow , .terms-conditions .list-arrow {
    list-style: none;
    margin-left: 26px;
}

.privacy-policy .list-arrow li , .terms-conditions .list-arrow li {
    position: relative;
    padding-left: 54px;
    margin-bottom: 8px;
}

.privacy-policy .list-arrow li::before , .terms-conditions .list-arrow li::before {
    content: "➔";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 800;
    color: #191919;
}

.privacy-policy .list-roman , .terms-conditions .list-roman {
    list-style-type: upper-roman;
    margin-left: 28px;
}

.privacy-policy .list-roman li::marker , .terms-conditions .list-roman li::marker {
    font-weight: 800;
}

.privacy-policy .pp-section-title , .terms-conditions .pp-section-title {
    font-family: "Public Sans";
    font-size: 28px;
    font-weight: 800;
    line-height: 130%;
    text-align: left;
    margin: 30px 0 16px;
}

.privacy-policy .pp-history-title , .terms-conditions .pp-history-title {
    margin-top: 36px;
}

@media (max-width: 991.98px) {
    .privacy-policy .pp-title, .terms-conditions .pp-title,
    .privacy-policy .pp-subtitle, .terms-conditions .pp-subtitle,
    .privacy-policy .pp-welcome, .terms-conditions .pp-welcome,
    .privacy-policy .pp-section-title , .terms-conditions .pp-section-title {
        font-size: 26px;
    }

    .privacy-policy p, .terms-conditions p,
    .privacy-policy li , .terms-conditions li {
        font-size: 17px;
    }
}

@media (max-width: 575.98px) {
    .privacy-policy .pp-title, .terms-conditions .pp-title,
    .privacy-policy .pp-subtitle, .terms-conditions .pp-subtitle,
    .privacy-policy .pp-welcome, .terms-conditions .pp-welcome,
    .privacy-policy .pp-section-title , .terms-conditions .pp-section-title {
        font-size: 22px;
    }

    .privacy-policy p, .terms-conditions p,
    .privacy-policy li , .terms-conditions li {
        font-size: 16px;
    }

    .privacy-policy .list-arrow li , .terms-conditions .list-arrow li {
        padding-left: 28px;
    }
}

.privacy-policy .list-decimal-blue , .terms-conditions .list-decimal-blue {
    margin-left: 28px;
}

.privacy-policy .list-decimal-blue li::marker , .terms-conditions .list-decimal-blue li::marker {
    color: #191919;
    font-weight: 800;
}

.privacy-policy .list-disc-blue , .terms-conditions .list-disc-blue {
    margin-left: 22px;
}

.privacy-policy .list-disc-blue li::marker , .terms-conditions .list-disc-blue li::marker {
    color: #1f4d86;
}

.privacy-policy .pp-history-title , .terms-conditions .pp-history-title {
    color: #191919;
    font-family: "Public Sans";
    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    text-decoration: underline;
    margin-top: 24px;
}

.privacy-policy .pp-history-list , .terms-conditions .pp-history-list {
    margin-top: 10px;
}

.entretenimientonews {
    margin-top: 45px;
    margin-bottom: 50px
}

.entretenimientonews h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.entretenimientonews .addsbanner {
    height: 348.441px;
    background: #e5e5e5;
    padding-top: 147px
}

@media (max-width:767px) {
    .entretenimientonews .addsbanner:first-child {
        margin-bottom: 20px;
        margin-top: 40px
    }
}

.entretenimientonews .addsbanner p {
    color: #6b6b6b;
    font-family: Arial;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.744px;
    letter-spacing: -.648px;
    opacity: .3
}

.entretenimientonews .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    margin-bottom: 50px
}

.entretenimientonews .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.entretenimientonews .addsbanner {
    height: 348px;
    background: #e5e5e5;
    padding-top: 145px
}

.entretenimientonews .addsbanner p {
    color: #6b6b6b;
    font-family: Arial;
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.744px;
    letter-spacing: -.648px;
    opacity: .3
}

.entretenimientonews .newsimage {
    height: 308px;
    border-radius: 15px
}

.entretenimientonews .newssubtitle small {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.5px
}

.entretenimientonews .newstitle {
    margin-top: 0
}

.entretenimientonews .newstitle h2 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px
}

.entretenimientonews .newspshort p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.entretenimientonews .newsfooter h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.entretenimientonews .newsfooter .dot {
    position: relative;
    top: -4px
}

.entretenimientonews .newsfooter h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.entretenimientonews .newsfooter .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.entretenimientonews .newsimagesmall {
    border-radius: 15px;
    height: 169px
}

.entretenimientonews .newstitlesmall h3 {
    padding-top: 12px;
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px
}

.entretenimientonews .newsfootersmall h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.entretenimientonews .newsfootersmall .dot {
    position: relative;
    top: -4px
}

.entretenimientonews .newsfootersmall h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.entretenimientonews .newsfootersmall .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.entretenimientonews .top-margin-20 {
    margin-top: 20px
}

.entretenimientonews .borderright {
    border-right: .4px solid #cbcbcb
}

.entretenimientonews .borderleft {
    border-left: .4px solid #cbcbcb
}

@media (max-width:767px) {
    .entretenimientonews .borderright {
        border-right: 0
    }
    .entretenimientonews .borderleft {
        border-left: 0
    }
}

.entretenimientonews .borderbottom {
    border-bottom: .4px solid #cbcbcb;
    width: 100%;
    padding-bottom: 20px;
    margin: 0 auto
}

@media (max-width:767px) {
    .entretenimientonews .borderbottom {
        border-bottom: 0;
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .entretenimientonews .bordermobile {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .entretenimientonews .bordermobile {
        position: relative;
        padding-bottom: 20px
    }
    .entretenimientonews .bordermobile::after {
        content: "";
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 0;
        border-bottom: .4px solid #cbcbcb
    }
    .entretenimientonews .bordermobile .borderright {
        border-right: none
    }
}


/* Nuevas secciones: Movilidad y Entretenimiento (mismo layout visual que Turismo) */
.movilidadnews {
    margin-top: 45px;
    margin-bottom: 50px
}

.movilidadnews h1 {
    color: #191919;
    font-family: "Abril Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px
}

.movilidadnews .blackline {
    margin-top: 16px;
    position: relative;
    height: 12px;
    border-top: 2px solid #000;
    width: 100%;
    margin-bottom: 50px
}

.movilidadnews .blueoverline {
    position: absolute;
    top: -6px;
    width: 170px;
    height: 10px;
    background-color: #007dc5
}

.movilidadnews .newsimage {
    height: 308px;
    border-radius: 15px
}

.movilidadnews .newstitle {
    margin-top: 0
}

.movilidadnews .newstitle h2 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 32.83px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.679px;
    letter-spacing: -1.642px
}

.movilidadnews .newspshort p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.movilidadnews .newsfooter h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.movilidadnews .newsfooter .dot {
    position: relative;
    top: -4px
}

.movilidadnews .newsfooter h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.movilidadnews .newsfooter .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.movilidadnews .newsimagesmall {
    border-radius: 15px;
    height: 169px
}

.movilidadnews .newssubtitle {
    padding-bottom: 12px
}

.movilidadnews .newssubtitle small {
    color: #6b6b6b;
    font-family: "Public Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.5px
}

.movilidadnews .newstitlesmall h3 {
    color: #191919;
    font-family: "Libre Caslon Text";
    font-size: 21.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.08px;
    letter-spacing: -.648px;
    padding-top: 12px
}

.movilidadnews .newspshortsmall p {
    color: #6b6b6b;
    font-family: "Libre Caslon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px
}

.movilidadnews .newsfootersmall h6.author {
    margin-top: 10px;
    color: #191919;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.movilidadnews .newsfootersmall .dot {
    position: relative;
    top: -4px
}

.movilidadnews .newsfootersmall h6.date {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px
}

.movilidadnews .newsfootersmall .btn-tags {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px solid #e5e5e5;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 27px;
    background: #e5e5e5;
    color: #191919;
    text-align: center;
    font-family: "Public Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.5px;
    white-space: nowrap
}

.movilidadnews .top-margin-20 {
    margin-top: 20px
}

.movilidadnews .borderright {
    border-right: .4px solid #cbcbcb
}

.movilidadnews .borderleft {
    border-left: .4px solid #cbcbcb
}

.movilidadnews .borderbottom {
    border-bottom: .4px solid #cbcbcb;
    width: 100%;
    padding-bottom: 20px;
    margin: 0 auto
}

@media (max-width:767px) {
    .movilidadnews .borderbottom {
        border-bottom: 0;
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .movilidadnews .borderright {
        border-right: 0
    }

    .movilidadnews .borderleft {
        border-left: 0
    }
}

@media (max-width:767px) {
    .movilidadnews .bordermobile {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .movilidadnews .bordermobile {
        position: relative;
        padding-bottom: 20px
    }

    .movilidadnews .bordermobile::after {
        content: "";
        position: absolute;
        left: 5%;
        right: 5%;
        bottom: 0;
        border-bottom: .4px solid #cbcbcb
    }

    .movilidadnews .bordermobile .borderright {
        border-right: none
    }
}