.aviso {
  position:absolute;
   margin: 1% 0 0 10%;     
 /* top: 10%;*/
  /*left: 20px;*/
  z-index: 300; /* Asegúrate de que el aviso esté por encima de otros elementos */
  width: 80%;
  height: auto;
  background-color: rgba(165, 248, 255, 0.8);
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
 /*  display: none; Oculta el aviso por defecto */
}


.aviso button {
/*  float: right;*/
  padding: 5px 10px;
  background-color: #db6e01;
  border: 1px solid #ccc;
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  font-weight: 600;  
  /*  -webkit-text-stroke: 2px #007454;*/
}
.aviso button:hover {
/*  float: right;*/
  padding: 5px 10px;
  background-color: #ffc75e;
  border: 2px solid #ccc;
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  font-weight: 600;  
  -webkit-text-stroke: 2px #ffc75e;
}
.h1float{

    font-size: 30px;
    color: red;
    font-weight: 900;
    font-style: italic;
    text-align: center;
   text-shadow: 2px 2px 2px #fff;
}

.h2float{
    font-size: 25px;
    font-style: italic;
    font-weight: 600;
    color: darkblue;
    text-align: center;
}
.h3float{
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
}

.h32{
    text-align: left;
}
.pfloat{
color: #292929;    
padding: 1px;
margin-bottom: 5px;    
 font-size: 16px; 
text-align: justify;  
    font-weight: 400;
}
.pfloat strong i {
  font-size: 23px;
  font-weight: 600;
    color: darkblue;
}
.sccfloat{
    display: flex;
    margin-bottom: 0.5em;
}
.pft1{
    text-align: center;
    
}
.columnasfloat{
flex: 2 1 auto;
width: 100%; /*este en caso de querer poner una columna mas dentro del sccfloat*/
display: flex;
flex-flow: row wrap;
 line-height: 20px;
color: #141313;

    
}
.columnasfloats {
    
    flex: 1 1 45%;
    font-size: 15px;
    letter-spacing: 0.25px;
    margin: 10px 10px 0 0px;

  background-color: rgba(255, 255, 255, 0.65);
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

}


/*********************/

@media screen and (max-width: 700px) {
    .aviso {
    z-index: 800;
    }
    
  .columnasfloat {
    
    flex-direction: column; /* Already set in .columnasfloat */
    align-items: flex-start; /* Align elements to the left */
    height: auto;
margin: 10px 0; /* Space between elements */
  }


.columnasfloats {
    
flex: 1 1;
    }
}