body{
    font-family: "Poppins", Sans-serif;
}
body p{
    font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #7A7A7A;
    padding-bottom: 18px;
}
.section-title-block h2{
    font-size: 30px;
    padding: 10px 10px 30px 10px;
}
h4.team-title{
    font-size: 1.1rem;
}
.columna-inicio-contenido{
    margin: 20px 0;
    padding: 100px 30px 5px 80px;
}
.noticias-inicio .event-info-desc{
    min-height: 130px;
}
.cuadro-firma{
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.cuadro-firma h3{
    font-size: 29px;
    color: #559AB7;
    line-height: 1.1em;
    font-weight: 600;
}
.cuadro-firma p{
    line-height: 1.6em;
    color: rgb(122, 122, 122);
    font-size: 16px;
}
.divisor-firma{
    width: 80px;
    margin: 0 auto;
    margin-left: 0;
    border-top-color:rgb(80, 118, 170);
    margin: 20px 0 20px 0;
}

/*Animaciones*/
.animacion-firma{position: relative;}
.fila-cuadro-cabecera, .event-info{
    opacity: 0;
    transform: scale(1.2);
}
.bloquelanding-transicion-inicio, 
.col-firma-imagen .animacion-firma{
    left: -1500px;
}
.col-fima-texto .animacion-firma{
    right: -1500px;
}
@media (prefers-reduced-motion: no-preference) {
    #titles{
        animation-name: logo;
        animation-duration: 2s;
    }
    .slidershop, .titulo, .imagen-qs{
        animation-name: slider;
        animation-duration: 2s;
    }
    .fila-cuadro-cabecera, .event-info {
        transition: opacity 1.5s ease, transform 1.5s ease;
    }
    .bloquelanding-transicion-inicio, .col-firma-imagen .animacion-firma{
        transition: left 3s ease;
    }
    .col-fima-texto .animacion-firma{
        transition: right 3s ease;
    }
}
.transicion-fade-fin{
    opacity: 1;
    transform: none;
}
.bloquelanding-transicion-fin, .col-firma-imagen .transicion-entrada{
    left:0px;
}
.col-fima-texto .transicion-entrada{
    right: 0px;
}

@keyframes logo {
    0%   {display:none; top:-100px;}
    50% {display:block; top:-500px;}
    100% {display:block; top:0;}
}
@keyframes slider {
    0%   {display:none; left:-1500px;}
    50% {display:block; left:-1500px;}
    100% {display:block; left:0;}
}
@keyframes cuadro {
    0%   {display:none; bottom:1000px;}
    50% {display:block; bottom:1000px;}
    100% {display:block; bottom:0;}
}
/*Animaciones fin*/

@media only screen and (max-width: 575px){
    .columna-inicio-contenido {
        margin: 10px 0;
        padding: 50px 10px 5px 10px;
    }
}