:root {
  --colorimdp: rgb(0,12,36);
  --colortxt: black ;
  --tamanio-fuente: 16px;
}

.Aviso { position: absolute;  width:540px;  top: 40%;  left: 50%;
         transform: translate(-50%, -50%);  margin: auto;  color: var(--colorimdp);
         border-radius: 16px;  border: 2px solid white;  text-align:left;
         font-size: 140%;  padding:32px;  background-color:rgb(200,240,200); 
         z-index:1000 ;  box-shadow: 4px 4px 7px 7px rgba(50,50,50,0.8); 
         background-image: url("media/bk1.jpg"); background-size: 100% 100%;
         background-position: center; }

.Aviso button { font-size:80%; padding:8px 30px; background: rgb(200,200,230); 
                border-radius: 16px; }
.Aviso button:hover { background: rgb(240,240,240); color: navy;  }


icmenu {  font-weight:normal;  vertical-align:middle;  background:transparent;  color:var(--colortxt);  cursor:pointer;  }
icmenu::before { content:"\039E"; font-family: "Symbola", "Times New Roman", "Georgia", serif;    /* Ξ */
                 font-weight:900; display:inline-block; vertical-align:middle;  color:var(--colortxt);
                 padding:0 0.5rem 0 0.5rem; transform: scaleX(1.4); 
                 text-shadow: 0 0 4px rgba(144,238,144,0.9),  0 0 8px rgba(50,205,50,0.7),
                              0 0 12px rgba(0,255,127,0.6),   0 0 18px rgba(0,255,127,0.5);
                 transition: color 0.18s ease-in-out, text-shadow 0.18s ease-in-out; }
icmenu::after { content:""; padding:0 0.5rem 0 0; }
icmenu:hover { color: white;  text-shadow: 0 0 3px rgba(0,0,0,0.7),   0 0 7px rgba(0,0,0,0.6),
                                           0 0 12px rgba(0,0,0,0.5),  0 0 18px rgba(0,0,0,0.4);  }

.askwin { display:none; position:fixed; width:300px; height:240px; top:50%; left:50%;
          text-align:center; background:rgba(200,200,200,.94); color:var(--colortxt); border:1px solid black;
          box-shadow:4px 4px 8px grey; translate: -50% -50%; padding:24px; z-index: 1000;
          border-radius: 14px; font-size:18px; } 
.xbtn { position: absolute; top: 4px; right: 8px; font-weight: bold; cursor: pointer;
        color: red; background: none; border: none; font-size: 18px; }
.xbtn:hover { text-shadow: 0px 0px 10px black; color: white; cursor: pointer; }
.infod { width:100%; text-align:center; border-radius: 6px; border: 1px solid gray; margin: 4px 0;
         font-size:19px; line-height:120%; }
.ok { border-radius: 8px; border: 1px solid gray; padding: 6px 40px; cursor: pointer; font-size:18px; }
.ok:hover { background: grey; color: white; }
.op2 { border-radius: 6px; border: 1px solid gray; padding: 3px 10px; margin: 25px 20px;
       width:90px;  cursor: pointer; font-size:14px; }
       .op2:hover { background: grey; color: white; } 
       @media (max-width: 499px) {
       .askwin { height:260px; }
       .infod { width:80%; }
}