/*Insertar manualmente banner*/
.image-container-page {
    background: url(https://www.fna.gov.co/juntos/PublishingImages/Banners%20principales/Banner_beneficios_fna.jpg) center center / cover;
}
/*Fin banner*/
.text-center .col-md-4 {
    display: flex;
    justify-content: center;
}
/*Estilos secciones*/
.categories-section {
    border-radius: 15px;
    color: #003087;
    padding: 20px 100px;
    text-align: center;
}

.redention-section {
    display: flex;
    justify-content: center;
    align-items: center;
}

.allies-section {
    height: 185px;
    border-radius: 15px;
    color: #003087;
    padding: 20px 0;
    text-align: center;
    margin-top: 20px
}
/*Fin estilos secciones*/
.category-card {
    display: flex;
    width: 225px;
    height: 145px;
    background-color: #fff;
    color: #003087;
    margin: 10px;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 3px 8px rgba(99, 97, 134, 0.2);
    transition: 0.3s;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
/*Estilos categoria*/
.category-card img {
    width: 60px;
    margin: 5px;
    transition: transform 0.5s ease;
    transform-origin: center center;
}

.category-card img:hover {
    transform: scale(1.1);
}

.category-card:hover {
    box-shadow: 0 6px 10px rgba(99, 97, 134, 0.3);
}

.category-card p {
    font-size: 20px;
    margin: 0;    
    line-height: 18px !important;
}

.category-card p {
    margin: 0;
}

.category-card a {
    text-decoration: none;
}

.category-card a:hover {
    cursor: pointer;
}

.all-categories {
    background-color: #8BC400;
    color: white;
    margin-top: 20px;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
}

.categories-section h3,
.redention-section h3,
.allies-section h3 {
    margin: 10px 0;
    text-align: center;
}

.pasos-modal {
    display: flex;
    width: 100%;
    background-color: #407ac8;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 10px;
    padding: 10px 20px;
    border-radius: 25px;
    border: none;
    justify-content: center;
}

.pasos-modal:hover,
.all-categories:hover {
    background-color: #4a8ee7;
    color: #fff !important;
    text-decoration: none;
}

.pasos-modal:hover {
    color: #fff;
}

.hidden {
    display: none;
}

.container-description {
    background-color: #003087;
    border-radius: 15px;
    padding: 20px;
    margin: 15px 0;
}

.container-description p {
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin: 0;
}
/*Fin estilos categoria*/
/* menu sticky */
.contenedor-menu-prevencion {
    top: 0px;
    background-color: #ffffff;
    border-bottom: 2px solid #efefef;

    z-index: 1;
    position: sticky;
}

.menu-centrado {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    border-radius: 0px 0px 15px 15px;
    background: #003086;
    margin-bottom: 10px;
}

.menu-regresar {
    left: 30px;
    position: absolute;
    color: white;
}

.menu-regresar a:hover {
    color: #c1c1c1;
}

.menu-regresar a:visited {
    color: white;
}

.menu-regresar a:active {
    color: white;
}

.link-regresar {
    color: #ffffff;
    display: flex;
    align-items: center;
}

.link-regresar span {
    margin-left: 10px;
}

.menu-defecto {
    border-bottom: 1px solid #ffffff;
    min-width: 160px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.menu-defecto span {
    color: #ffffff;
}

.menu-prevencion ul {
    list-style: none !important;
    padding-left: 0 !important;

}

.menu-prevencion li {
    font-size: 14px !important;
}

@media (max-width: 991px) {
    .menu-regresar #regresar {
        display: none;
    }

}
/*Fin menu sticky */

/*mediaquerys*/
@media screen and (max-width: 664px) {
    div#pdf-descarga {
        background: url(https://www.fna.gov.co/juntos/PublishingImages/Banners%20principales/Banner_beneficios_fna_responsive.jpg) center center / cover !important;

        .data-image {
            top: 5% !important;
        }
    }
}

/*Estilos Alianzas*/
.aliados-slider img {
    width: 140px;
    margin: 0 auto;
    display: block;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.aliados-slider img:hover {
    filter: grayscale(0%);
}

.aliados-slider .slick-slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100px;
}

/*Fin estilos Alianzas*/
/*Ocultar ayuda*/
#Ayuda {
    display: none;
}

/*Estilos Carrusel*/
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    top: 45%;
}

.center-carousel {
    display: flex;
    justify-content: center;
    margin: 10px;
}

#myCarousel .carousel-inner .item {
    transition: transform 2s ease-in-out;
}

#myCarousel .carousel-inner .active.left {
    left: 0% !important;
}

#myCarousel .carousel-inner .active.right {
    left: 0% !important;
}

#myCarousel .carousel-inner .next {
    left: 80% !important;
}

#myCarousel .carousel-inner .prev {
    left: -80% !important;
}

.carousel-control {
    color: #fff;
    background: none !important;
    border: none;
}

.carousel-control:hover {
    color: #f2f2f2;
    background: none;
    border: none;
}

.carousel-control:focus {
    color: #3883c4;
}

.carousel-inner {

    background: none !important;
    border: none !important;
}

.carousel-inner .item {
    background: none !important;
    border: none !important;
}

.carousel-indicators {
    display: none;
    bottom: 0 !important;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    border: 1px solid #286090;
    border-radius: 10px;
    padding: none;
}

.carousel-indicators .active {
    background-color: #286090 !important;
}

.contenedor-imagenes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.img-style {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 35px 10px;
}

.size-container {
    width: 800px;
}

.ms-rtestate-field ol>li {
    padding: 5px;
}

.ms-rtestate-field ol>li:before {
    display: none;
    content: counter(list) ".";
    position: absolute;
    left: -2.5em;
    width: 2em;
    text-align: right;
    color: #002E83;
    font-family: 'source_sans_probold';
    font-size: 22px;
}

.contenedor-carrusel #myCarousel {
    display: flex;
    justify-content: center;
}

.row.contenedor-carrusel {
    height: 330px;
}

@media screen and (max-width: 768px) {
    .row.contenedor-carrusel {
        height: auto;
    }

    .allies-section {
        margin-top: 0;
    }
}
/*Fin Estilos Carrusel*/

/*Estilos Modal Center*/
.pasos-modal .modal {
    text-align: center;
    padding: 0 !important;
}

.pasos-modal .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
    /* Ajuste por inline-block */
}

.pasos-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/*Boton center*/
#btn-afiliados, #btn-empresas {
    background: #003087;
    color: #fff;
    font-size: 18px;
    height: 40px;
    border-radius: 10px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    text-align: center;
    margin: 10px auto 15px;
    width: calc(100% - 30px);
    cursor: pointer;
}
#btn-afiliados:hover, #btn-empresas:hover {
    background: #003060; 
    color: #f2f2f2;
}