/* #titulo {
    background: https://www.zonafacil.com/rl(logo/logo_1.png);
    background-size: cover;
    background-repeat: repeat-x;
    background-position: center;
    border-radius: 50px;
} */

.nota:hover {
    z-index: 9999 !important;
    transition: .2s;
    transform: scale(1.02);
    border-radius: 10px !important;
    box-shadow: 5px 5px 20px -10px #000000 !important;

}


@media (max-width:768px) {

    .nota {
        border-radius: 0 !important;
        /* box-shadow: none !important; */
        border-bottom: 1px dotted #ccc;

    }

    .encabezado {
        font-size: medium !important;
        font-weight: 500;
    }

    .categoria {
        font-size: small !important;
    }

    .fuente {
        background: transparent !important;
    }

}


.form-control:focus {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.25);
}


.form-control:focus~#boton_buscar {
    border-color: rgba(255, 255, 255, 0.25) !important;
    /* border-color: #cfcfcf; */
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.25);


}


.pointer {
    cursor: pointer;
}



/*  @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap'); */

.conforta {
    font-family: 'Comfortaa', cursive;
}




@media only screen and (max-width: 600px) {
    #titulo {
        font-size: 30px !important;
    }

    #contenido {
        font-size: 12px !important;
    }

    #buscador_principal:focus>#cuerpo {
        padding: 0px !important;
        background-color: blueviolet !important;
        background: blueviolet !important;
    }

}

@media only screen and (min-width: 1300px) {
    #titulo {
        font-size: 70px !important;
    }
}














@-webkit-keyframes rotating

/* Safari and Chrome */
    {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 40s linear infinite;
    -moz-animation: rotating 40s linear infinite;
    -ms-animation: rotating 40s linear infinite;
    -o-animation: rotating 40s linear infinite;
    animation: rotating 40s linear infinite;
}
















.world {
    /*width: 20vw;
    height: 20vw;*/
    border-radius: 50%;
    background: url(mapa_mundi.jpg);
    background-size: cover;
    box-shadow: inset 0 0 0px #024b90a2,
        inset -20px -5px 20px #024b90a9
        /* ,
-500px -0px 200px -50px #fffb00ab,
-500px -0px 3px -100px #fffb00ab */
    ;
    animation: world 150s linear infinite;

}

@keyframes world {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 2000px;
    }
}

@media (max-width:1000px) {
    .no-responsivo {
        display: none;
    }
}

@media (min-width:1000px) {
    .responsivo {
        display: none;
    }
}



.bordear {
    /* border: 1px solid #2764e7 !important; */
    border-bottom: 4px solid #2764e7 !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;

}





.tem {
    transform: translateY(150%);
}

.icon_b,
.icon_a {
    border: 4px solid white;
}

.icon_b:hover {
    transition: 0.05s;
    transform: scale(1.9);
    cursor: pointer;
    border: 0px solid rgb(255, 255, 255);
}

.icon_a:hover {
    transition: 0.05s;
    transform: scale(1.9);
    cursor: pointer;
    border: 0px solid rgb(255, 255, 255);
}

@media only screen and (max-width: 768px) {
    .icon_a {
        height: 120px !important;
        transform: translate(-7%, -30%) !important;
    }

    .icon_b {
        height: 70px !important;
    }
}

@media only screen and (max-width: 500px) {
    .icon_a {
        height: 90px !important;
    }

    .icon_b {
        height: 50px !important;
    }
}



@media (min-width:700px) {

    .ficha:hover>.ficha_enlace {
        transition: 0.3s;
        transform: translateY(-20%);
    }

    .ficha_titulo {
        z-index: -10;
        font-size: small;
        color: #00000000;
    }

    .ficha:hover .ficha_titulo {

        transition: 0.3s;
        color: #000000;
        bottom: 0 !important;
        transform: translateY(50%);

    }
}





@media (max-width:700px) {
    .texto_enlace {
        font-size: small !important;
    }
}






.letra_m {
    font-size: normal !important;
    text-shadow: 0px 0px 3px #00000066;
}

.letra_m_white {
    font-size: normal !important;
    text-shadow: 0px 0px 3px #ffffff66;
}

.letra_p {
    font-size: smaller !important;
    text-shadow: 0px 0px 4px #000000bc;
}

.letra_xp {
    font-size: small !important;
    text-shadow: 0px 0px 4px #000000bc;
}

@media (max-width:700px) {
    .letra_m {
        font-size: smaller !important;
        text-shadow: 0px 0px 3px #00000066;
    }

    .letra_m_white {
        font-size: smaller !important;
        text-shadow: 0px 0px 3px #ffffff66;
    }

    .letra_p {
        font-size: small !important;
        font-weight: normal;
        text-shadow: 0px 0px 4px #000000bc;
    }

    .letra_xp {
        font-size: x-small !important;
        font-weight: normal;
        text-shadow: 0px 0px 4px #000000bc;
    }

}




.contenedor_noticias {
    background-image: url(https://images.pexels.com/photos/2798008/pexels-photo-2798008.jpeg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}





.cargando {
    opacity: 100%;
    animation-name: cargar;

    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-delay: 3s;
    animation-direction: alternate;

}

@keyframes cargar {
    from {
        opacity: 100%;
    }

    to {
        opacity: 0%;
    }
}


.obtener_noticias:hover {
    background: #00000011;
}

.obtener_noticias:active {
    background: #00000011;
}