@keyframes show
{
    from
    {
        opacity : 0;
        scale   : 90%;
    }
    to
    {
        opacity : 1;
        scale   : 100%;
    }
}
@keyframes mostrarScalar {
	from 
    {
        opacity   : 0;
        transform : scale3d(.5, .5, .5);
	}
	to 
    {
        opacity: 1;
	}
}


.bloque-1 .titulo, .bloque-1 .descripcion, .bloque-1 .buscador, .bloque-1 .tipo-articulo
{
    animation: mostrarScalar 1.5s ease 0s 1 normal forwards;
}
.col-noticia
{
    view-timeline-name   : --fadeA;
    view-timeline-axis   : block;
    animation-timeline   : --fadeA;
    animation-name       : show;
    animation-range      : entry 10% cover 35%;
    animation-fill-mode  : both;
}




.bloque-1
{
    background       : url('../imagenes/fondo_home.png')  no-repeat;
    background-color : #F4F7FE;
}
.bloque-1 .titulo
{
    color       : #244079;
    text-align  : center;
    font-size   : 44px;
    font-style  : normal;
    font-weight : 800;
    line-height : 57.2px;
    padding     : 100px 0px 20px 0px;
}
.bloque-1 .descripcion
{
    color       : #737B7D;
    text-align  : center;
    font-size   : 18px;
    font-style  : normal;
    font-weight : 400;
    line-height : 23.4px;
    max-width   : 540px;
}
.bloque-1 .buscador
{
    max-width     : 760px;
    height        : 56px;
    flex-shrink   : 0;
    border-radius : 8px;
    background    : #FFFFFF;
    margin        : 50px 0px 50px 0px;
}
.bloque-1 .buscador .search-icon
{
    padding: 16px 16px 0px 20px;
}
.bloque-1 .buscador .search-input
{
    padding: 15px 0px 0px 0px;
}
.bloque-1 .buscador .search-input input
{
    width : 100%;
    border : 0px;
}
.bloque-1 .buscador .bt-buscar
{
    background-color : #385DA8;
    margin           : 8px;
    color            : #FFFFFF;
    border-radius    : 5px;
    text-align       : center;
    font-size        : 16px;
    font-style       : normal;
    font-weight      : 600;
    line-height      : normal;
    padding-top      : 8px;
}
.bloque-1 .tipo-articulo
{
    padding : 0px 0px 45px 0px;
}
.bloque-1 .tipo-articulo .tipo
{
    color       : #5B616E;
    text-align  : center;
    font-size   : 16px;
    font-style  : normal;
    font-weight : 800;
    line-height : normal;
    padding     : 0px;
}
.bloque-1 .tipo-articulo .tipo a:hover
{
    color : #DD082D;
}

.bloque-1 .tipo-articulo .separador
{
    padding : 0px 30px 0px 30px;
}
.bloque-1 .row-noticias
{
    padding : 0px 165px 0px 165px;
}
.bloque-1 .row-noticias .col-noticia
{
    margin : 0px 0px 30px 0px;
}
.bloque-1 .ver-mas
{
    color       : #DD082D;
    font-size   : 18px;
    font-style  : normal;
    font-weight : 800;
    line-height : 23.4px;
    margin      : 0px 0px 150px 0px;
}
.bloque-1 .ver-mas svg
{
    margin : -2px 0px 0px 0px;
}




@media (min-width: 1440px)  /*XXXL*/
{
}
@media (min-width: 1400px)  and (max-width: 1440px) /*XXL*/
{
}
@media (min-width: 1200px)  and (max-width: 1399px) /*XL*/
{
    .bloque-1 .row-noticias
    {
        padding: 0px 110px 0px 110px !important;
    }
}
@media (min-width: 992px)  and (max-width: 1199px) /*LG*/
{
    .bloque-1 .row-noticias
    {
        padding: 0px 50px 0px 70px !important;
    }
    .bloque-1 .buscador 
    {
        margin    : 50px 0px 50px 20px !important;
    }
}
@media (min-width: 768px)  and (max-width: 991px) /*MD*/
{
    .bloque-1 .row-noticias
    {
        padding: 0px 50px 0px 70px !important;
    }
    .bloque-1 .buscador 
    {
        max-width : 600px !important;
        margin    : 50px 0px 50px 20px !important;
    }
}
@media (min-width: 576px)  and (max-width: 767px) /*SM*/
{
    .bloque-1 .row-noticias
    {
        padding: 0px 20px 0px 40px !important;
    }
    .bloque-1 .buscador 
    {
        max-width : 470px !important;
        margin    : 50px 0px 50px 20px !important;
    }
}
@media (min-width: 0px)  and (max-width: 575px) /*XS*/
{ 
    .bloque-1 .titulo
    {
        padding: 50px 0px 20px 0px !important;
    }
    .bloque-1 .row-noticias
    {
        padding: 0px 0px 0px 20px !important;
    }
    .noticia .contenido-noticia 
    {
        padding: 20px 20px 20px 20px;
    }
    .bloque-1 .buscador 
    {
        max-width : 95% !important;
        margin    : 50px 0px 50px 20px !important;
    }
    .bloque-1 .tipo-articulo .separador
    {
        padding: 0px 10px 0px 10px !important;
    }
    .bloque-1 .ver-mas 
    {
        margin: 0px 0px 50px 0px;
    }
}