/*
    Nota del 02/02/2021
    El menú superior tiene las siguientes alturas según la anchura de la pantalla:
    56px  [  0 - 767]
    70px  [768 - 991]
    56px  [992 - ...]

*/

body {
    background-color: #d2dee9;
    background-color: #F5F5F5;    
    background-image: linear-gradient(130deg,#00ccff 25%,#ffffff 100%);
    background-image: linear-gradient(130deg,#00CCFF 25%,#0077FF 100%);
}

/*
    Estos tres elementos hacen que el contenido de la página este siembre debajo
    del menú superior, evitando que éste oculte contenido útil.
*/
@media (max-width: 767px) {
    #page-content {
        /* margin-top: 56px; */
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #page-content {
        margin-top: 56px;
    }
}

@media (min-width: 992px) {
    #page-content {
        margin-top: 56px;
    }
}

a:hover {    
    text-decoration: none !important    
}

.page-header {
    background-size: cover;    
    background-position: center;                                    
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: center; 
}

.page-header-text {
    color: white;    
}

/* Color de fondo del menú superior */ 
.bg-dark {
    background-color: #1969d3!important;    
    background-color: white!important;        
}

#page-content {
    background-image: url("../img/background/main1.png");
    background-repeat: no-repeat;    
}


.smart-scroll{
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.scrolled-down{
	transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
	transform:translateY(0); transition: all 0.3s ease-in-out;
}


.destacado {
    max-width: 400px;
    color: white;
    padding: 16px;
    border-width: 0px!important;
    border-color: rgba(0,0,0,0);
    border-radius: 4px;
    letter-spacing: 5px;
    font-size: 15px;
    font-family: 'Nunito Sans',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-image: linear-gradient(90deg,#f92c8b 0%,#b02cd6 100%);
    margin: auto;
}


.blink {
    animation: blinker 1s linear infinite;
}
  
@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.card-column-list {
    font-size: 14px;
    color: gray;
}
  
.card-container {      
    padding: 12px;
}

.main-header-text {
    color: white;
    font-family: 'Ubuntu', 
    sans-serif; 
    font-size: calc(2em + 2vw); 
}

.report-tag {
    color: white;
    font-size: 14px;      
}
  
@media all and (min-width: 992px) and (max-width: 1199px) {
    .turigest-download-info-button:before {      
        content: "";
    }
}

@media not all and (min-width: 992px) and (max-width: 1199px) {
    .turigest-download-info-button:before {        
        content: "Zeta80app ";
    }
}

#mobile-search-bar {
    padding: 6px; 
    background-color: #F92C8B; 
    opacity: 0.95;
}

#back-button-I {
    color: #f92c8b;
    font-size: 24px;
    cursor: pointer;
}

#back-button-II {
    color: white;     
    font-size: 24px;
    cursor: pointer;         
}

#clear-search-box-desktop {
    position: relative;
    left: -74px;
    top: -3px;        
    font-size: 20px;
    cursor: pointer;
    color: #C0C0C0;
}

#clear-search-box-mobile {
    position: relative;
    left: -76px;
    top: -1px;        
    font-size: 22px;    
    cursor: pointer;
    color: #C0C0C0;
    z-index: 100;
}