/* html:has(.dialog[open]){overflow:hidden; filter: brightness(0.5);} */

body{
  background:var(--bk_gral);color:var(--fr_gral);
  margin:0; padding:0;
}

/* DIV MEDIO PERSONALIZADO*/
.main_detail{
  display:flex; justify-content:space-around; align-items:center;
  float:left; width:100%; height:10rem; margin:0; padding:0; position:relative;
  margin-top:2rem!important;
  background:var(--bk_middle); 
  padding-left: 10%; padding-right: 10%;
  .detail_item{
    width:20%; height:9rem; 
    display:flex; flex-direction: column; align-items:center; justify-content:center; gap:5px;
    & div{ width:80px; height:80px; border-radius: 50%; }
    & label{ width:100%; height:2rem; text-align:center; font-size:0.9rem; color:#000;}
    & img{max-height:4rem;}
  }
}

.banner_fijo{
  display:flex; justify-content:center; align-items:center;
  float:left; width:100%; height:auto; margin:0; padding:0; position:relative;
  margin-top:4rem!important;
}
.banner_fijo img{max-width:100%;}
.cls_roll{
  margin-top:3rem!important;
  & section{
    width:100%; height:2rem; margin:0; padding:0; position:relative; 
    border-bottom:2px solid var(--btn_bk_alt);
    & label{
      display:inline-block; width:15%; height:2rem; margin:0; padding:0; float:left; background:var(--btn_bk_alt);
      padding:7px; text-align:center; color:var(--btn_hover);
    }
    .roll_sub{
      display:inline-flex; justify-content:flex-end; align-items:center; 
      width:20%; height:2rem; margin:0; padding:0; float:right;
      font-size:0.8rem; padding-right:1%;
      ._todas{ color:var(--btn_bk); cursor: pointer;}
    }    
  }
  
}

@media only screen and (min-width : 300px) and (max-width : 580px){

}