/* MODAL */
.news_contenedor {
    position: relative;
}
.newsmodal_content {
    max-width: 1000px;
}
.newsmodal .newsmodal_content h2 {
    font-size: 1.75rem;
}
.newsmodal .newsmodal_content h3 {
    font-size: 1rem;
    line-height: 1rem;
}
.newsmodal .newsmodal_content .just_desk,
.newsmodal .newsmodal_content .just_mob {
    display: block !important;
}
.newsmodal {
    position: absolute;
    top: 40px;
    left: 20px;
    right: 20px;
    margin-inline: auto; 
    width: fit-content;
    background-color: #fff;
    padding: 40px 24px;
    display: none;
    border-radius: 24px;
}
.modal_abierto {
    display: block;
    z-index: 999;
}
.newsmodal_fondo {
    position: fixed;
    top: 0;
    left: 0; 
    right: 0;
    bottom: 0;
    background-color: rgb(14, 37, 54, 0.0);
    transition: all 400ms;
    z-index: -1;
    overflow-y: scroll;
}
.newsmodal_fondo::after {
    content: ' ';
    display: block;
    width: 100%;
    height: 40px;
}

.modal_fondo_abierto {
    display: block;
    z-index: 9999999;
    background-color: rgb(14, 37, 54, 0.8);
}

.news_modal_abrir,
.news_modal_cerrar {
    cursor: pointer;
}
.news_modal_abrir {
    border-radius: 56px;
    background: #FD5B00;
    display: flex;
    padding: 10px 40px;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    transition: all 400ms;
    width: fit-content;
    margin: 0 auto;
    font-family: "Nunito-Bold", sans-serif !important;
    font-weight: 800 !important;
}
.news_modal_abrir:hover {
    background: #b14100;
}
.news_modal_cerrar {
    position: absolute;
    top: 0;
    right: 0;
}
.news_modal_cerrar img {
    padding: 16px;
    transition: all 400ms;
}
.news_modal_cerrar img:hover {
    filter:brightness(70%);
}
/* /MODAL */

.just_mob {
  display: none;
}
.just_desk {
  display: flex;
}

body {
    background-color: #F6F9FC;
}

.news *,
.newsmodal * {
    box-sizing: border-box;
    font-family: "Nunito-Regular", sans-serif;
    font-weight: 400;
    color: #122E43;
}
.news li,
.newsmodal li {
    margin-bottom: 10px;
}
.news img,
.newsmodal img {
    display: block;
}
.news h1, 
.news h2, 
.news h3, 
.news h4, 
.news h5, 
.news h6, 
.news strong,
.news a {
    font-family: "Nunito-Bold", sans-serif;
    font-weight: 800;
}
.newsmodal h1, 
.newsmodal h2, 
.newsmodal h3, 
.newsmodal h4, 
.newsmodal h5, 
.newsmodal h6, 
.newsmodal strong,
.newsmodal a {
    font-family: "Nunito-Bold", sans-serif;
    font-weight: 800;
}
.news .news_encabezado h2 {
    font-family: "Nunito-Regular", sans-serif;
    font-weight: 400;
}
.news {
    padding: 40px 20px 80px 20px;
}
.contenedor {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            justify-content: center;
            gap: 20px;
            background-color: #fff;
            max-width: 1256px;
            margin: auto;
            padding: 20px 20px 40px 20px;
        }
        .card  {
            display: none;
            max-width: 370px;
            min-height: 426px;
            background-color: #fff;
            padding: 16px;
            border-radius: 16px;
            position: relative;
            color: #122e43;
            text-decoration: none;
            flex-direction: column;
            justify-content: space-between;
            border-radius: 8px;
            border: 1px solid #E3EDF7;
            background:  #F6F9FC;
        }
        .card  .card_foto img {
            width: 100%;
        }
        .card  .card_foto {
            border-radius: 8px;
            overflow: hidden;
            max-height: 206px;
        }
        .card  h3 {
            font-size: 1.3rem;
            margin-block-start: 1rem;
            margin-block-end: 0rem;
            font-weight: 700;
            line-height: 1.7rem;
        }
        .newsmodal h4 {
            margin-block-start: 1.33rem;
            margin-block-end: 0rem;
        }
        .card  p {
            margin-block-start: 0.5rem;
            margin-block-end: 0rem;
        }
        
        .card_dcto {
            position: absolute;
            left: 18px;
            top: 18px;
            background-color: #fff;
            color: #122e43;
            font-size: 0.9rem;
            padding: 5px 8px;
            display: flex;
            line-height: 1;
            gap: 8px;
            align-items: center;
            border-radius: 4px;
        }
        .card_dcto span {
            font-size: 1.3rem;
            /* Google Fonts */
            font-weight: 800;
            /* /Google Fonts */
        }

        .card > div:first-child {
            padding-bottom: 20px;
        }

        .news_encabezado {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px 0px 40px 0px;
            gap: 10px;
        }
        .news h1,
        .news h2 {
            margin-block-start: 0rem;
            margin-block-end: 0rem;
            text-align: center;
        }
.news h1 {
    color: #122E43;
    font-family: Nunito-Bold;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: 42px; 
}
.news h2 {
    color: #000;
    font-family: Nunito-Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.cont_filtro {
    width: 100%;
    max-width: 1150px;
    overflow-x: auto;
}
.cont_filtro::-webkit-scrollbar {
  display: none;
}
.filtro {
    display: flex;
    gap: 24px;
}
.filtro > div {
    display: flex;
    padding: 8px 24px;
    border-radius: 16px;
    background: #F6F9FC;
    color: #1E415B;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    font-family: Nunito-Bold;
    cursor: pointer;
    transition: background 400ms;
}
.filtro > div:hover {
    background: #1E415B;
    color: #fff;
}
.filtro > div.filtro_activo {
    background: #1E415B;
    color: #fff;
}

.cat_seguridad::before,
.cat_pagos::before {
    content: '';
    position: absolute;
    height: 5px;
    top: -5px;
    left: 8px;
    right: 8px;
    border-radius: 20px 20px 0px 0px;
}
.cat_seguridad::before {
    background: #18A0FB;
}
.cat_pagos::before {
    background: #04C532;
}
.cat_seguridad .card_dcto::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #18A0FB;
    border-radius: 100%;
}
.cat_pagos .card_dcto::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #04C532;
    border-radius: 100%;
}
.newsmodal_cont_A {
    display: flex;
    gap: 40px;
}
.newsmodal_cont_A img {
    width: 344px;
    padding: 20px;
}
.card_activa {
    display: flex;
}

/* Card snap */
.newsmodal_cards_ext {
    overflow-x: auto;
    margin-bottom: 40px;
}
.newsmodal_cards {
    display: flex;
    max-width: max-content;
    margin: auto;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    gap: 16px;
    /* padding-left: 20px; */
    justify-content: start;
}
.newsmodal_cards > div:first-child {
    scroll-margin-inline-start: 20px;
}
.newsmodal_cards > div {
    scroll-snap-align: start;
    scroll-margin-inline-start: 20px;
    flex-shrink: 0;
    flex: 1;
    background-color: #F6F9FC;
    padding: 24px 16px;
    min-width: 220px;
    border-radius: 16px;
}
/* For Webkit browsers (Chrome, Safari, Opera) */
.newsmodal_cards::-webkit-scrollbar {
  display: none; /* Hides the scrollbar visually */
}
/* For IE and Edge */
.newsmodal_cards {
  -ms-overflow-style: none; /* Hides the scrollbar in IE and older Edge */
}
/* For Firefox */
.newsmodal_cards {
  scrollbar-width: none; /* Hides the scrollbar in Firefox */
}
/* /Card snap */

.tag {
    color: #0D2535;
    font-family: Nunito;
    font-size: 18px;
    border-radius: 8px;
    background: #E3EDF7;
    width: fit-content;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.tag::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
}
.tag_seguridad::before {
    background: #18A0FB;
}
.tag_pagos::before {
    background: #04C532;
}

.newsmodal_cards h3 {
    margin-block-start: 0em;
    margin-block-end: 0em;
}
.newsmobile_titulo_ico {
    display: flex;
    gap: 8px;
}

.newsmodal_info {
    display: flex;
    background: #E8F5FF;
    border-radius: 8px;
    border: 1px solid #99D6FF;
    gap: 16px;
    padding: 16px;
    max-width: 620px;
    margin: auto;
}
.newsmodal_info a {
    text-decoration: none;
    color: #18A0FB;
}
.news_nota {
    display: flex;
    gap: 20px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 2px 16px -3px rgba(65, 97, 127, 0.20);
}
.newsmodal_cont_A .news_nota img {
    width: auto;
    padding: 0px;
}
.newsmodal_fondo_falso {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}




/* Mobile */
@media only screen and (max-width: 600px) {
    .just_mob {
        display: flex;
    }
    .just_desk {
        display: none;
    }
    .filtro {
        gap: 16px;
    }
    .newsmodal_cont_A {
        flex-direction: column;
    }
    .newsmodal {
        width:auto;
    }
}
/* /Mobile */