display{ 
    background: linear-gradient(#f1f1f1,#444);
}
.fondoplano-ratio{
     background-color: lightslategray;
}
.fondodegrada-ratio{
     background-color: lightslategray;
     background-image: linear-gradient(lightslategray,azure);
}
.fondodegradainverso-ratio{
     background-color: lightslategray;
     background-image: linear-gradient(azure,lightslategray);
}
.fondodegrada-ratio-claro{
     background-color: azure;
     background-image: linear-gradient(azure,white);
}
.color-ratio{ 
    color:azure;
}
.topbar{
    background: linear-gradient(#222,#444);
    box-shadow: 0px 0px 5px 0px;
}
.tabla-edit  .tabla-linea:nth-child(even){
    background: gainsboro;
}
.tab-label {
        background-color: inherit;
	color:gray;
        border-color:#80808063;
        border-bottom: solid #80808063;
}
.tab-input:hover + .tab-label,.tab-label:has(input:not(:checked)):hover {
	background:linear-gradient(#ddd,#f1f1f1);  /* Fondo de las pesta�as al pasar el cursor por encima */
	color: #444 !important;  /* Color del texto de las pesta�as al pasar el cursor por encima */
}
.tab-input:checked + .tab-label,.tab-label:has(input:checked) {
	color: #444; /* Color de las pesta�as al presionar */
        border: solid #80808063;
        border-bottom: none;
}
#colaboracion .tab-input:checked + [ventana=""] {
	color: chartreuse; /* Color de las pesta�as al presionar */
}
#colaboracion .tab-input:checked + [ventana=""] {
	color: lightskyblue; /* Color de las pesta�as al presionar */	
}
#colaboracion .tab-input:checked + [ventana=""] {
	color: yellow; /* Color de las pesta�as al presionar */	
}