a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }


@font-face {
    font-family: "FrontPageNeue";
    src: url("../fonts/FrontPageNeue.otf") format('truetype');
    }

.logo h1{
    font-family:FrontPageNeue!important;  
    font-size: 40px!important;  
    line-height: 20%;
    font-weight: 200;
    letter-spacing: -1px;
    text-decoration: inherit;
    color: rgb(39, 38, 38);
}

.logo h1 small{
    font-size: 40%;
}

.logo h1 span{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    font-size: 16px;
    margin-left: 0;
    padding: 0 5px;
    position: relative;
    top: -3px;
    color: rgb(90, 90, 90);
}

.logoblanco h1{
    font-family:FrontPageNeue!important;  
    font-size: 40px!important;  
    line-height: 20%;
    font-weight: 200;
    letter-spacing: -1px;
    text-decoration: inherit;
    color: rgb(255, 255, 255);
}

/* .logoblanco h1{
    font-family:Roboto!important;  
    font-size: 40px!important;  
    line-height: 20%;
    font-weight: 200;    
    letter-spacing: -1px;
    text-decoration: inherit;
    color: rgb(255, 255, 255);
} */

.logoblanco h1 small{
    font-size: 40%;
}

.logoblanco h1 span{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    font-size: 16px;
    margin-left: 0;
    padding: 0 5px;
    position: relative;
    top: -3px;
    color: rgb(189, 189, 189);
}

.logoblanco h7 {
    font-size:x-small;
    color: rgb(189, 189, 189);
}

.logoG h1{
    font-family:FrontPageNeue!important;  
    font-size: 80px!important;  
    line-height: 20%;
    font-family:FrontPageNeue!important;      
    font-weight: 200;
    letter-spacing: -2px;
    text-decoration: inherit;
    color: rgb(39, 38, 38);
}

.logoG h1 small{
    font-size: 40%;
    letter-spacing: -1px;
}

.logoG h1 span{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    font-size: 20px;
    margin-left: 0;
    padding: 0 5px;
    position: relative;
    top: -3px;
    color: rgb(90, 90, 90);
    letter-spacing: 0px;
}

.logoloader h1{
    font-family:FrontPageNeue!important;  
    font-size: 160px!important;  
    line-height: 20%;
    font-family:FrontPageNeue!important;      
    font-weight: 200;
    letter-spacing: -2px;
    text-decoration: inherit;
    color: rgb(255, 255, 255);  
}

.logoloader h1 small{
    font-size: 40%;
    letter-spacing: -1px;    
}

.logoloader{
    position: fixed;
    left: 30%;
    top: 40%;
}


.logoloader h1 span{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    font-size: 40%;
    margin-left: 0;
    padding: 0 5px;
    position: relative;
    color: rgb(90, 90, 90);
    letter-spacing: 0px;    
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /* background: url("../images/sp_loader.gif?ver=2") 50% 50% no-repeat rgb(0,0,0); */
    background: rgb(0, 0, 0);
    opacity: .7;
    transition: opacity 1s ease-in-out 1s;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
}

.msgCarga {
    position: fixed;
    left: 42%;
    top: 70%;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 1;    
    color: white;
}

main{
    padding: 0px 15px 0;
}

.main2{
    padding: 110px 15px 0;
}

.perfil{
    padding: 30px 15px 0;
}

.circuloseguidor{
    width:95px;
    height:95px;
}

.circuloseguidorexpandido{
    width:75px;
    height:75px;
}

.cuentanotificaciones{
    position: relative;
    top: -5px; /* Ajusta la posición vertical */
    right: 20px; /* Ajusta la posición horizontal */
    background-color: #FE0000; /* Color de fondo del contador */
    color: white; /* Color del texto */
    font-size: 12px; /* Tamaño del texto */
    font-weight: bold;
    padding: 3px 6px; /* Espaciado interno */
    border-radius: 50%; /* Hace que el contador sea circular */
    min-width: 20px; /* Ancho mínimo */
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Sombra para resaltar */
}

@media (max-width: 768px) {    
    main{        
        padding: 0px 0px 0;
    }

    .main2{
        padding: 110px 15px 0;
    }

    .circuloseguidor{
        width:50px;
        height:50px;
    }

    .circuloseguidorexpandido{
        width:60px;
        height:60px;
    }

    .perfil{
        padding: 0px 15px 0;
    }


    p{
        font-size: 18px!important;  
    }

    .logoloader h1{
        font-family:FrontPageNeue!important;  
        font-size: 80px!important;  
        line-height: 20%;
        font-family:FrontPageNeue!important;      
        font-weight: 200;
        letter-spacing: -2px;
        text-decoration: inherit;
        color: rgb(255, 255, 255);  
    }
    
    .logoloader h1 small{
        font-size: 40%;
        letter-spacing: -1px;    
    }
    
    .logoloader{
        position: fixed;
        left: 10%;
        top: 40%;
    }
     
    .logoloader h1 span{
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        font-size: 40%;
        margin-left: 0;
        padding: 0 5px;
        position: relative;
        color: rgb(90, 90, 90);
        letter-spacing: 0px;    
    }
    .msgCarga {        
        font-size: 80%;
        position: fixed;
        left: 25%;
        top: 60%;
        width: 100%;
        height: 100%;
        z-index: 9999;
        opacity: 1;    
        color: white;
    }
  }


/* ESTILOS DEL TIMELINE */
.bgcolormenu{
    background-color:'#ffffff';
    color:'#101010';
}

.divtimegrupo{
    position: relative;
    top:-1.8em;
}

.mes{
    font-size: 12px!important;
}

.zonahoraria{
    font-size: 10px!important;
}

.timelinehr{
    border-top: 1px dotted gray;
}

.denuncia{
    background-color: #E2E2E2; 
    color: red;
}

.liga{
    word-wrap: break-word;
}

.drivefile{
    border-top: 1px dotted gray;
}

.video_type{
    border-top: 1px dotted gray;
}

.parrafo{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5; /* corta en 5 lineas*/
}

.botoncompartir{
    font-weight: bold; color: #7f7f7f;
}

.compartirdropdown{
    background-color:#ffffff;
	color:#101010;
}

.hrreacciones{
    border-top: 1px dotted gray;
}

.botoncomentar{
    font-weight: bold; color: #7f7f7f;
}
/*Sistema de comentarios*/
.hrcomentarios{
    border-top: 1px dotted gray;
}

.comentariostexto{
    height: 70px;
}

.comentar{
    display: grid; place-items: normal start; padding-left:0; padding-right:0;
}

.comentariosopc{
    background-color:#ffffff;
	color:#101010;
}

.seguidos{
    max-height: 90vh; overflow-y: auto; line-height:2.5em;
}

.justificar-centrar{
    justify-content: center;
}

.padding{
    padding-left:0; padding-right:0;
}

.descripcionimagen{
    height: 80px;
}

.descripciondoc{
    height: 80px;
}

.compartirtexto{
    height: 100px;
}