@media (min-width: 1080px) {
    #politicas {
        margin-left: 200px;
    }

    #politicas li {
        float: left;
        margin-left: 29px;
    }

    .linkrevela {
        text-decoration: none;
        color: black;
    }
    .rojo_error{
        color:#ff3f3f;
    }
    .naranja_alerta{
        color:#ff9f3f;
    }
}
/* Estilos para estados y rectángulos */
.estado {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.estado .punto {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    position: relative;
    overflow: hidden;
}
.estado .punto::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 50%);
    border-radius: 50%;
}
.estado .texto {
    font-weight: bold;
}
.estado.rojo .punto { background: linear-gradient(to bottom, #ff7f7f, #ff3f3f); }
.estado.rojo .texto { color: #ff3f3f; }
.estado.naranja .punto { background: linear-gradient(to bottom, #ffc07f, #ff9f3f); }
.estado.naranja .texto { color: #ff9f3f; }
.estado.verde .punto{ background: linear-gradient(to bottom, #00C957, #008B45); }
.estado.verde .texto { color: #008B45; }
.estado.azul .punto{ background: linear-gradient(to bottom, #7ba2dd, #0b5986); }
.estado.azul .texto { color: #6e95cf; }
.estado.gris .punto { background: linear-gradient(to bottom, #909090, #505050); }
.estado.gris .texto { color: #505050; }

.icono.verde {color: #008B45 !important;  font-weight: bold !important;}
.icono.rojo { color: #ff3f3f !important; font-weight: bold !important;}

.rectangulo {
    display: inline-flex;
    align-items: center;
    height: 18px;
	min-width:30px;
    padding: 2px 10px;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    font-weight: bold;
}
.rectangulo.azul {
    background: linear-gradient(to bottom, #4FC3F7, #039BE5);
    color: black;
}
.rectangulo.rojo {
    background: linear-gradient(to bottom, #ff7f7f, #ff3f3f);
    color: white;
}
.rectangulo.verde {
    background: linear-gradient(to bottom, #00C957, #008B45); 
    color: white;
}
.rectangulo.blanco {
    background: linear-gradient(to bottom, #ffffff, #f0f0f0);
    color: #333;
    border: 1px solid #ddd;
}