body{
    font-family: 'Montserrat', sans-serif; 
    font-weight: 500;
    color: #1d3662;
}

.bg {

    background-image: url("../web/BLOG/FONDO.png");
    height: 100%; 
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    }

    .exito-header{ color: #0099cc; font-weight: bold;}
    .exito-subheader{color:#626467; font-weight: bold;}
    .txt-blue-light{color: #0099cc;}
    .txt-blue-strong{color:#1d3662;}


.font-mnu-bttm{
    letter-spacing: .2rem;
}

.blog-title-more:hover {
    color:#0099CC;
    cursor: pointer;
}

.blog-header-post{
    font-weight: bold;
    color: #1d3662;
   }

.blog-header-post-light{
    font-weight: bold;
    color: #0099cc;
}



.txt-blog-blue-strong{
    color:#1d3662;
    font-weight: bold;
    font-size: 1.9rem !important;
    }

    .blog-title-more{
    letter-spacing: .2rem;
    font-size: 14px !important;
    color: #1d3662;
    padding-top: 1.5rem!important;
    }
    
    .fecha_blog .blog-title-date {
        letter-spacing: 1.2rem;
        font-weight: 500;
        font-size: 1.7rem;
        padding-left: 1.5rem!important;
    }

    .fecha_blog{
        border-left: 6px solid #0099cc;
    }
    
    .blog-txt-post{
    font-size: 15px;
     color: #1d3662;
    }
    .blog-mini-txt-post{
    font-size: 13px;
     color: #1d3662;
    }
    
    .blog-big-header-post{
     font-weight: bold;
     font-size: 22px;
     color: #1d3662;
    }
    
    .year {
    padding-top: 2.8rem!important;
    padding-left: 1.5rem!important;
   }

   .blog-contenido{
    margin-top: 5.5rem!important;
   }
    
   .img-fluid {
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
    padding-right: 30px !important;
}

.scroll_blog {
    height: 23em;
    line-height: 1em;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
}

.form-control {
    
    border: 1px solid #1d3662 !important;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-form{   
    position: absolute;
    bottom: -7%;   
    left: 36%;
}

.btn-primary {
    color: #fff;
    background-color: #1d3662;
    border-color: #1d3662;
}
.border-secondary {
    border-color: #1d3662!important;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 3.75rem !important;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.fecha_blog {
    border-left: 6px solid #0099cc;
}

.rounded {
    border-radius: 0.75rem!important;
}

.titulo-formulario-blog{
    padding-top: 8%; 
            padding-bottom: 2%; 
            letter-spacing: 0.5rem;
            font-weight: 500;
            font-size: 1rem;
            padding-left: 1.5rem!important;
            color: #0099CC;
}

.detail-format-date{
           padding-top: 8%; 
            padding-bottom: 8%; 
            letter-spacing: 0.8rem;
            font-weight: 500;
            font-size: 1.1rem;
            padding-left: 1.5rem!important;
}



    /* responsive */
@media only screen and (max-width: 4000px) {
        .padding-pc{
            padding-top: 1rem!important;
            padding-bottom: 1rem!important;  
        }

        .elem-pc{
            display: block !important;
        }
    
        .elem-mb{
            display: none !important;
        }
    
        .container {
            max-width: 1740px !important;
        }

.txt-blog-blue-strong{
    color:#1d3662;
    font-weight: bold;
    font-size: 2.3rem !important;
    }

    .blog-title-more{
    letter-spacing: .2rem;
    font-size: 23px !important;
    color: #1d3662;
    padding-top: 1.5rem!important;
    }
    
    .fecha_blog .blog-title-date {
        letter-spacing: 1.2rem;
        font-weight: 500;
        font-size: 2.7rem;
        padding-left: 1.5rem!important;
    }
    
    .blog-txt-post{
    font-size: 15px;
     color: #1d3662;
    }
    .blog-mini-txt-post{
    font-size: 13px;
     color: #1d3662;
    }
    
    .blog-big-header-post{
     font-weight: bold;
     font-size: 22px;
     color: #1d3662;
    }
    
    .year {
    padding-top: 2.8rem!important;
    padding-left: 1.5rem!important;
   }

   .blog-contenido{
    margin-top: 5.5rem!important;
   }
    
   .img-fluid {
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
    padding-right: 30px !important;
    }

    .scroll_blog {
    height: 32em;
    line-height: 1em;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    }

   

    }

    @media only screen and (max-width: 2400px) {
        .padding-pc{
            padding-top: 1rem!important;
            padding-bottom: 1rem!important;  
        }

        .elem-pc{
            display: block !important;
        }
    
        .elem-mb{
            display: none !important;
        }
    
        .container {
            max-width: 1740px !important;
        }

        .txt-blog-blue-strong{
            color:#1d3662;
            font-weight: bold;
            font-size: 1.9rem !important;
            }
        
            .blog-title-more{
            letter-spacing: .2rem;
            font-size: 14px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
            }
            
            .fecha_blog .blog-title-date {
                letter-spacing: 1.2rem;
                font-weight: 500;
                font-size: 1.7rem;
                padding-left: 1.5rem!important;
            }
            
            .blog-txt-post{
            font-size: 15px;
             color: #1d3662;
            }
            .blog-mini-txt-post{
            font-size: 13px;
             color: #1d3662;
            }
            
            .blog-big-header-post{
             font-weight: bold;
             font-size: 22px;
             color: #1d3662;
            }
            
            .year {
            padding-top: 2.8rem!important;
            padding-left: 1.5rem!important;
           }
        
           .blog-contenido{
            margin-top: 5.5rem!important;
           }
            
           .img-fluid {
            max-width: 100% !important;
            height: auto !important;
            width: 100% !important;
            padding-right: 30px !important;
            }
        
            .scroll_blog {
            height: 32em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
            }
 
            .blog-title-more {
                letter-spacing: .2rem;
                font-size: 23px !important;
                color: #1d3662;
                padding-top: 1.5rem!important;
            }

            .txt-blog-blue-strong {
                color: #1d3662;
                font-weight: bold;
                font-size: 2.4rem !important;
            }

            .fecha_blog .blog-title-date {
                letter-spacing: 1.2rem;
                font-weight: 500;
                font-size: 2.7rem;
                padding-left: 1.5rem!important;
            }

    }
    
    @media only screen and (max-width: 2000px) {

        .padding-pc{
            padding-top: 1rem!important;
            padding-bottom: 1rem!important;  
        }
    
        .elem-pc{
            display: block !important;
        }
    
        .elem-mb{
            display: none !important;
        }
    
        .container {
            max-width: 1640px !important;
        }

        .txt-blog-blue-strong{
            color:#1d3662;
            font-weight: bold;
            font-size: 1.9rem !important;
            }
        
            .blog-title-more{
            letter-spacing: .2rem;
            font-size: 14px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
            }
            
            .fecha_blog .blog-title-date {
                letter-spacing: 1.2rem;
                font-weight: 500;
                font-size: 1.7rem;
                padding-left: 1.5rem!important;
            }
            
            .blog-txt-post{
            font-size: 15px;
             color: #1d3662;
            }
            .blog-mini-txt-post{
            font-size: 13px;
             color: #1d3662;
            }
            
            .blog-big-header-post{
             font-weight: bold;
             font-size: 22px;
             color: #1d3662;
            }
            
            .year {
            padding-top: 2.8rem!important;
            padding-left: 1.5rem!important;
           }
        
           .blog-contenido{
            margin-top: 5.5rem!important;
           }
            
           .img-fluid {
            max-width: 100% !important;
            height: auto !important;
            width: 100% !important;
            padding-right: 30px !important;
            }
        
            .scroll_blog {
            height: 32em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
            }

            .blog-title-more {
                letter-spacing: .2rem;
                font-size: 23px !important;
                color: #1d3662;
                padding-top: 1.5rem!important;
            }

            .txt-blog-blue-strong {
                color: #1d3662;
                font-weight: bold;
                font-size: 2.4rem !important;
            }

            .fecha_blog .blog-title-date {
                letter-spacing: 1.2rem;
                font-weight: 500;
                font-size: 2.7rem;
                padding-left: 1.5rem!important;
            }
 
    }
    
    @media only screen and (max-width: 1900px) {

        .padding-pc{
            padding-top: 1rem!important;
            padding-bottom: 1rem!important;  
        }
     
        .elem-pc{
            display: block !important;
        }
    
        .elem-mb{
            display: none !important;
        }
    
        .container {
            max-width: 1440px !important;
        }

        .txt-blog-blue-strong{
            color:#1d3662;
            font-weight: bold;
            font-size: 1.9rem !important;
            }
        
            .blog-title-more{
            letter-spacing: .2rem;
            font-size: 14px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
            }
            
            .fecha_blog .blog-title-date {
                letter-spacing: 1.2rem;
                font-weight: 500;
                font-size: 1.7rem;
                padding-left: 1.5rem!important;
            }
            
            .blog-txt-post{
            font-size: 15px;
             color: #1d3662;
            }
            .blog-mini-txt-post{
            font-size: 13px;
             color: #1d3662;
            }
            
            .blog-big-header-post{
             font-weight: bold;
             font-size: 22px;
             color: #1d3662;
            }
            
            .year {
            padding-top: 2.8rem!important;
            padding-left: 1.5rem!important;
           }
        
           .blog-contenido{
            margin-top: 5.5rem!important;
           }
            
           .img-fluid {
            max-width: 100% !important;
            height: auto !important;
            width: 100% !important;
            padding-right: 30px !important;
            }
        
            .scroll_blog {
            height: 27em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
            }

            .blog-title-more {
                letter-spacing: .2rem;
                font-size: 23px !important;
                color: #1d3662;
                padding-top: 1.5rem!important;
            }

            .txt-blog-blue-strong {
                color: #1d3662;
                font-weight: bold;
                font-size: 2.0rem !important;
            }

            .fecha_blog .blog-title-date {
                letter-spacing: 1.2rem;
                font-weight: 500;
                font-size: 2.0rem;
                padding-left: 1.5rem!important;
            }
 
    }
    
     @media only screen and (max-width: 1700px) {

        .padding-tb{
            padding-top: 1rem!important;
            padding-bottom: 1rem!important;  
        }
    
        .elem-pc{
            display: block !important;
        }
    
        .elem-mb{
            display: none !important;
        }
    
        .container {
            max-width: 1380px !important;
        }

        .txt-blog-blue-strong{
            color:#1d3662;
            font-weight: bold;
            font-size: 1.9rem !important;
            }
        
            .blog-title-more{
            letter-spacing: .2rem;
            font-size: 14px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
            }
            
            .fecha_blog .blog-title-date {
                letter-spacing: 1.2rem;
                font-weight: 500;
                font-size: 1.7rem;
                padding-left: 1.5rem!important;
            }
            
            .blog-txt-post{
            font-size: 15px;
             color: #1d3662;
            }
            .blog-mini-txt-post{
            font-size: 13px;
             color: #1d3662;
            }
            
            .blog-big-header-post{
             font-weight: bold;
             font-size: 22px;
             color: #1d3662;
            }
            
            .year {
            padding-top: 2.8rem!important;
            padding-left: 1.5rem!important;
           }
        
           .blog-contenido{
            margin-top: 5.5rem!important;
           }
            
           .img-fluid {
            max-width: 100% !important;
            height: auto !important;
            width: 100% !important;
            padding-right: 30px !important;
            }
        
            .scroll_blog {
            height: 25em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
            }

            .blog-title-more {
                letter-spacing: .2rem;
                font-size: 23px !important;
                color: #1d3662;
                padding-top: 1.5rem!important;
            }

            .txt-blog-blue-strong {
                color: #1d3662;
                font-weight: bold;
                font-size: 2.0rem !important;
            }

            .fecha_blog .blog-title-date {
                letter-spacing: 1.2rem;
                font-weight: 500;
                font-size: 2.0rem;
                padding-left: 1.5rem!important;
            }
    
    }  
    
    @media only screen and (max-width: 1500px) {

        .padding-tb{
            padding-top: 1rem!important;
            padding-bottom: 1rem!important;  
        }
    
        .elem-pc{
            display: block !important;
        }
    
        .elem-mb{
            display: none !important;
        }
    
        .container {
            max-width: 1180px !important;
        }
        .txt-blog-blue-strong{
            color:#1d3662;
            font-weight: bold;
            font-size: 1.9rem !important;
            }
        
            .blog-title-more{
            letter-spacing: .2rem;
            font-size: 14px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
            }
            
            .fecha_blog .blog-title-date {
                letter-spacing: 1.2rem;
                font-weight: 500;
                font-size: 1.7rem;
                padding-left: 1.5rem!important;
            }
            
            .blog-txt-post{
            font-size: 15px;
             color: #1d3662;
            }
            .blog-mini-txt-post{
            font-size: 13px;
             color: #1d3662;
            }
            
            .blog-big-header-post{
             font-weight: bold;
             font-size: 22px;
             color: #1d3662;
            }
            
            .year {
            padding-top: 2.8rem!important;
            padding-left: 1.5rem!important;
           }
        
           .blog-contenido{
            margin-top: 5.5rem!important;
           }
            
           .img-fluid {
            max-width: 100% !important;
            height: auto !important;
            width: 100% !important;
            padding-right: 30px !important;
            }
        
            .scroll_blog {
            height: 23em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
            }

            .blog-title-more {
                letter-spacing: .2rem;
                font-size: 23px !important;
                color: #1d3662;
                padding-top: 1.5rem!important;
            }

            .txt-blog-blue-strong {
                color: #1d3662;
                font-weight: bold;
                font-size: 1.8rem !important;
            }

            .fecha_blog .blog-title-date {
                letter-spacing: 1.2rem;
                font-weight: 500;
                font-size: 1.8rem;
                padding-left: 1.5rem!important;
            }
    
    }
    
    @media only screen and (max-width: 1367px) {

        .padding-tb{
            padding-top: 1rem!important;
            padding-bottom: 1rem!important;  
        }
    
        .elem-pc{
            display: block !important;
        }
    
        .elem-mb{
            display: none !important;
        }
    
        .container {
            max-width: 1180px !important;
        }
        .txt-blog-blue-strong{
            color:#1d3662;
            font-weight: bold;
            font-size: 1.9rem !important;
            }
        
            .blog-title-more{
            letter-spacing: .2rem;
            font-size: 14px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
            }
            
            .fecha_blog .blog-title-date {
                letter-spacing: 1.2rem;
                font-weight: 500;
                font-size: 1.7rem;
                padding-left: 1.5rem!important;
            }
            
            .blog-txt-post{
            font-size: 15px;
             color: #1d3662;
            }
            .blog-mini-txt-post{
            font-size: 13px;
             color: #1d3662;
            }
            
            .blog-big-header-post{
             font-weight: bold;
             font-size: 22px;
             color: #1d3662;
            }
            
            .year {
            padding-top: 2.8rem!important;
            padding-left: 1.5rem!important;
           }
        
           .blog-contenido{
            margin-top: 5.5rem!important;
           }
            
           .img-fluid {
            max-width: 100% !important;
            height: auto !important;
            width: 100% !important;
            padding-right: 30px !important;
            }
        
            .scroll_blog {
            height: 23em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
            }
    
            .blog-title-more {
                letter-spacing: .2rem;
                font-size: 23px !important;
                color: #1d3662;
                padding-top: 1.5rem!important;
            }

            .txt-blog-blue-strong {
                color: #1d3662;
                font-weight: bold;
                font-size: 1.8rem !important;
            }

            .fecha_blog .blog-title-date {
                letter-spacing: 1.2rem;
                font-weight: 500;
                font-size: 1.8rem;
                padding-left: 1.5rem!important;
            }
       
    }
        
    @media only screen and (max-width: 1240px) {

        .padding-lr{
            padding-left: 1rem!important;
            padding-right: 1rem!important;  
        }
        .padding-tb{
            padding-top: 1rem!important;
            padding-bottom: 1rem!important;  
        }
    
        .elem-pc{
            display: block !important;
        }
    
        .elem-mb{
            display: none !important;
        }
    
        .container {
            max-width: 1080px !important;
        }

        .scroll_blog {
            height: 21em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
        }
        
        .blog-title-more {
            letter-spacing: .2rem;
            font-size: 20px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
        }

        .txt-blog-blue-strong {
            color: #1d3662;
            font-weight: bold;
            font-size: 1.4rem !important;
        }

        .fecha_blog .blog-title-date {
            letter-spacing: 1.2rem;
            font-weight: 500;
            font-size: 1.4rem;
            padding-left: 1.5rem!important;
        }

       
    }
    
    @media only screen and (max-width: 1070px) {

        .padding-lr{
            padding-left: 1rem!important;
            padding-right: 1rem!important;  
        }
        .padding-tb{
            padding-top: 1rem!important;
            padding-bottom: 1rem!important;  
        }

    
        .elem-pc{
            display: block !important;
        }
    
        .elem-mb{
            display: none !important;
        }
    
        .container {
            max-width: 880px !important;
        }
    

        .scroll_blog {
            height: 26em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
        }
        
        .blog-title-more {
            letter-spacing: .2rem;
            font-size: 16px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
        }

        .txt-blog-blue-strong {
            color: #1d3662;
            font-weight: bold;
            font-size: 1rem !important;
        }

        .fecha_blog .blog-title-date {
            letter-spacing: 1.2rem;
            font-weight: 500;
            font-size: 1rem;
            padding-left: 1.5rem!important;
        }
    
}
    @media only screen and (max-width: 991px) {

        .padding-lr{
            padding-left: 1rem!important;
            padding-right: 1rem!important;  
        }
        .padding-tb{
            padding-top: 1rem!important;
            padding-bottom: 1rem!important;  
        }
    
        .elem-pc{
            display: block !important;
        }
    
        .elem-mb{
            display: none !important;
        }

        .container {
            max-width: 840px !important;
        }
         
        .scroll_blog {
            height: 26em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
        }
        
        .blog-title-more {
            letter-spacing: .2rem;
            font-size: 16px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
        }

        .txt-blog-blue-strong {
            color: #1d3662;
            font-weight: bold;
            font-size: 1rem !important;
        }

        .fecha_blog .blog-title-date {
            letter-spacing: 1.2rem;
            font-weight: 500;
            font-size: 1rem;
            padding-left: 1.5rem!important;
        }
    
    }
    
    @media only screen and (max-width: 900px) {

        .padding-lr{
            padding-left: 1rem!important;
            padding-right: 1rem!important;  
        }
        .padding-tb{
            padding-top: 1rem!important;
            padding-bottom: 1rem!important;  
        }
    
        .elem-pc{
            display: block !important;
        }
    
        .elem-mb{
            display: none !important;
        }
    
        .container {
            max-width: 740px !important;
        }
        .txt-blog-blue-strong {
            color: #1d3662;
            font-weight: bold;
            font-size: 0.7rem !important;
        }
    
        .fecha_blog .blog-title-date {
            letter-spacing: 1.2rem;
            font-weight: 500;
            font-size: 0.8rem;
            padding-left: 1.5rem!important;
        }
      
        .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
            margin-bottom: 0.1rem;
            font-family: inherit;
            font-weight: 500;
            line-height: 1.2;
            color: inherit;
        }

        .scroll_blog {
            height: 26em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
        }
        
        .blog-title-more {
            letter-spacing: .2rem;
            font-size: 16px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
        }

        .txt-blog-blue-strong {
            color: #1d3662;
            font-weight: bold;
            font-size: 1rem !important;
        }

        .fecha_blog .blog-title-date {
            letter-spacing: 1.2rem;
            font-weight: 500;
            font-size: 1rem;
            padding-left: 1.5rem!important;
        }
    
    }
    
    
    @media only screen and (max-width: 780px) {
        .padding-lr{
            padding-left: 1rem!important;
            padding-right: 1rem!important;  
        }
        .padding-tb{
            padding-top: 0rem!important;
            padding-bottom: 0rem!important;  
        }
        .elem-pc{
            display: block !important;
        }
    
        .elem-mb{
            display: none !important;
        }
    
        .container {
            max-width: 650px !important;
        }

        .scroll_blog {
            height: 26em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
        }
        
        .blog-title-more {
            letter-spacing: .2rem;
            font-size: 16px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
        }

        .txt-blog-blue-strong {
            color: #1d3662;
            font-weight: bold;
            font-size: 1rem !important;
        }

        .fecha_blog .blog-title-date {
            letter-spacing: 1.2rem;
            font-weight: 500;
            font-size: 1rem;
            padding-left: 1.5rem!important;
        }

        .fecha_blog {
            border-left: 3px solid #0099cc;
        }
         
    }
    
    @media only screen and (max-width: 767px) {
        .padding-lr{
            padding-left: 0rem!important;
            padding-right: 0rem!important;  
        }
        .padding-tb{
            padding-top: 2rem!important;
            padding-bottom: 0rem!important;  
        }

        .texto-video br{
            display: none;
        }
    
    
        .texto-imagen br{
            display: none;
        }

          /* checar esto */
        .elem-pc{
            display: none !important;
        }
    
        .elem-mb{
            display: block !important;
        }

    
        .container {
            max-width: 650px !important;
        }
         
        
        .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: 15px;
            margin-left: 15px;
        }

        
        .txt-blog-blue-strong {
            color: #1d3662;
            font-weight: bold;
            font-size: 1.1rem !important;
            padding-top: 1.1rem !important;
        }

        .fecha_blog .blog-title-date {
            letter-spacing: 0.3rem;
            font-weight: 500;
            font-size: 1rem;
            padding-left: 1.5rem!important;
        }
    
        .scroll_blog {
            height: 25em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
        }

        .blog-title-more {
            letter-spacing: .2rem;
            font-size: 14px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
            padding-bottom: 2.5rem !important;
        }
    }   
    
    @media only screen and (max-width: 575px) {
        .padding-lr{
            padding-left: 0rem!important;
            padding-right: 0rem!important;  
        }
        .padding-tb{
            padding-top: 2rem!important;
            padding-bottom: 0rem!important;  
        }
    
      		
        .elem-pc{
            display: none !important;
        }
    
        .elem-mb{
            display: block !important;
        }
        
        .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: 15px;
            margin-left: 15px;
        }        

        .txt-blog-blue-strong {
            color: #1d3662;
            font-weight: bold;
            font-size: 1.1rem !important;
            padding-top: 1.1rem !important;
        }

        .fecha_blog .blog-title-date {
            letter-spacing: 0.3rem;
            font-weight: 500;
            font-size: 1rem;
            padding-left: 1.5rem!important;
        }
    
        .scroll_blog {
            height: 25em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
        }

        .blog-title-more {
            letter-spacing: .2rem;
            font-size: 14px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
            padding-bottom: 2.5rem !important;
        }
    }
    
    
    @media only screen and (max-width: 550px) {
        .padding-lr{
            padding-left: 0rem!important;
            padding-right: 0rem!important;  
        }
        .padding-tb{
            padding-top: 2rem!important;
            padding-bottom: 0rem!important;  
        }
    
        .elem-pc{
            display: none !important;
        }
    
        .elem-mb{
            display: block !important;
        }
        .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: 15px;
            margin-left: 15px;
        }

        .txt-blog-blue-strong {
            color: #1d3662;
            font-weight: bold;
            font-size: 1.1rem !important;
            padding-top: 1.1rem !important;
        }

        .fecha_blog .blog-title-date {
            letter-spacing: 0.3rem;
            font-weight: 500;
            font-size: 1rem;
            padding-left: 1.5rem!important;
        }
    
        .scroll_blog {
            height: 25em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
        }

        .blog-title-more {
            letter-spacing: .2rem;
            font-size: 14px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
            padding-bottom: 2.5rem !important;
        }
    

    }
    
    @media only screen and (max-width: 500px) {

        .padding-lr{
            padding-left: 0rem!important;
            padding-right: 0rem!important;  
        }
        .padding-tb{
            padding-top: 2rem!important;
            padding-bottom: 0rem!important;  
        }
    
        .elem-pc{
            display: none !important;
        }
    
        .elem-mb{
            display: block !important;
        }
    
        .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: 15px;
            margin-left: 15px;
        }   

        .txt-blog-blue-strong {
            color: #1d3662;
            font-weight: bold;
            font-size: 1.1rem !important;
            padding-top: 1.1rem !important;
        }

        .fecha_blog .blog-title-date {
            letter-spacing: 0.3rem;
            font-weight: 500;
            font-size: 1rem;
            padding-left: 1.5rem!important;
        }
    
        .scroll_blog {
            height: 25em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
        }

        .blog-title-more {
            letter-spacing: .2rem;
            font-size: 14px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
            padding-bottom: 2.5rem !important;
        }

    }
    
    @media only screen and (max-width: 475px) {
        .padding-lr{
            padding-left: 0rem!important;
            padding-right: 0rem!important;  
        }
        .padding-tb{
            padding-top: 2rem!important;
            padding-bottom: 0rem!important;  
        }

        .elem-pc{
            display: none !important;
        }
    
        .elem-mb{
            display: block !important;
        }
    
        .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: 15px;
            margin-left: 15px;
        }

        .txt-blog-blue-strong {
            color: #1d3662;
            font-weight: bold;
            font-size: 1.1rem !important;
            padding-top: 1.1rem !important;
        }

        .fecha_blog .blog-title-date {
            letter-spacing: 0.3rem;
            font-weight: 500;
            font-size: 1rem;
            padding-left: 1.5rem!important;
        }
    
        .scroll_blog {
            height: 25em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
        }

        .blog-title-more {
            letter-spacing: .2rem;
            font-size: 14px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
            padding-bottom: 2.5rem !important;
        }
    
    }
    
    @media only screen and (max-width: 450px) {
        .padding-lr{
            padding-left: 0rem!important;
            padding-right: 0rem!important;  
        }
        .padding-tb{
            padding-top: 2rem!important;
            padding-bottom: 0rem!important;  
        }
      
        .elem-pc{
            display: none !important;
        }
    
        .elem-mb{
            display: block !important;
        }
    
        .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: 15px;
            margin-left: 15px;
        }

        .txt-blog-blue-strong {
            color: #1d3662;
            font-weight: bold;
            font-size: 1.1rem !important;
            padding-top: 1.1rem !important;
        }

        .fecha_blog .blog-title-date {
            letter-spacing: 0.3rem;
            font-weight: 500;
            font-size: 1rem;
            padding-left: 1.5rem!important;
        }
    
        .scroll_blog {
            height: 25em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
        }

        .blog-title-more {
            letter-spacing: .2rem;
            font-size: 14px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
            padding-bottom: 2.5rem !important;
        }
         
    }
       
    @media only screen and (max-width: 400px) {
        .padding-lr{
            padding-left: 0rem!important;
            padding-right: 0rem!important;  
        }
        .padding-tb{
            padding-top: 2rem!important;
            padding-bottom: 0rem!important;  
        }
        
        .elem-pc{
            display: none !important;
        }
    
        .elem-mb{
            display: block !important;
        }
    
        .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: 15px;
            margin-left: 15px;
        }

        .txt-blog-blue-strong {
            color: #1d3662;
            font-weight: bold;
            font-size: 0.9rem !important;
            padding-top: 1.1rem !important;
        }

        .fecha_blog .blog-title-date {
            letter-spacing: 0.3rem;
            font-weight: 500;
            font-size: 1rem;
            padding-left: 1.5rem!important;
        }
    
        .scroll_blog {
            height: 25em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
        }

        .blog-title-more {
            letter-spacing: .2rem;
            font-size: 14px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
            padding-bottom: 2.5rem !important;
        }
    
    }
    
    
    @media only screen and (max-width: 360px) {
        .padding-lr{
            padding-left: 0rem!important;
            padding-right: 0rem!important;  
        }
        .padding-tb{
            padding-top: 2rem!important;
            padding-bottom: 0rem!important;  
        }
       
        .elem-pc{
            display: none !important;
        }
    
        .elem-mb{
            display: block !important;
        }
    
       
        .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: 15px;
            margin-left: 15px;
        }

        .txt-blog-blue-strong {
            color: #1d3662;
            font-weight: bold;
            font-size: 0.9rem !important;
            padding-top: 1.1rem !important;
        }

        .fecha_blog .blog-title-date {
            letter-spacing: 0.3rem;
            font-weight: 500;
            font-size: 1rem;
            padding-left: 1.5rem!important;
        }
    
        .scroll_blog {
            height: 25em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
        }

        .blog-title-more {
            letter-spacing: .2rem;
            font-size: 14px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
            padding-bottom: 2.5rem !important;
        }
    
    }
    
    @media only screen and (max-width: 310px) {
        .padding-lr{
            padding-left: 0rem!important;
            padding-right: 0rem!important;  
        }
        .padding-tb{
            padding-top: 2rem!important;
            padding-bottom: 0rem!important;  
        }
      
        .elem-pc{
            display: none !important;
        }
    
        .elem-mb{
            display: block !important;
        }
    
       
        .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: 15px;
            margin-left: 15px;
        }

        .txt-blog-blue-strong {
            color: #1d3662;
            font-weight: bold;
            font-size: 0.8rem !important;
            padding-top: 1.1rem !important;
        }

        .fecha_blog .blog-title-date {
            letter-spacing: 0.3rem;
            font-weight: 500;
            font-size: 0.8rem;
            padding-left: 0.7rem!important;
        }
    
        .scroll_blog {
            height: 18em;
            line-height: 1em;
            overflow-x: hidden;
            overflow-y: scroll;
            width: 100%;
        }

        .blog-title-more {
            letter-spacing: .2rem;
            font-size: 14px !important;
            color: #1d3662;
            padding-top: 1.5rem!important;
            padding-bottom: 2.5rem !important;
        }
    
    }