:root {    
    --scroollTope:0;
    --scroollMenu:0;
    --posB:0;
    --ColorHover:#457298;      
    --ColorBg:#88aecd;   
    --BTOCBg:#88aecd;
}

:root {    
  --ColorHover:#457298;      
  --ColorBg:#88aecd;   
  --BTOCBg:#88aecd;
}
.cmenu{
  overflow-y: auto;
  overflow-x: hidden;
  display: none;
  padding: 0px;
}
.BotonTOC{      
  top:0px;    
  margin: 0px;    
  z-index: 500;
  text-align: left;
  width: 100%;
  height: 40px;  
  font-family: aguila3000;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
  background-color: var(--ColorBg);
  color:white;   
  border-width: 0;    
}
.BotonTOC:hover{
  background-color: var(--ColorHover);
}
.cont-toc{
  /*width: 90%;*/
  /*max-width: 1000px;    */
  /*margin: auto;*/
  margin-top: 4px;
  display: grid;
  grid-template-columns: 2fr 1fr;         
  margin-bottom: 4px;
}
.capitulos{
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(40px,1fr));
  justify-content: start;     
  overflow-y: auto;
  min-height: 40px;
  max-height: 84px;
  gap:4px;
}
.capitulos > sp {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 40px;
  font-family: aguila3000;    
  font-weight: bold;
  margin: 0;
  padding: 0px;
  color: #eeeeee;
  background-color:var(--ColorBg);    
  cursor: pointer;   
}
.capitulos > sp:hover {
  background-color:var(--ColorHover);
}
.des{
  background-color: var(--ColorHover);
  color: white;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  min-height: 40px;
  max-height: 84px;
  font-family: aguila3000;    
  font-weight: bold;
  margin-left: 4px;
  overflow: hidden;  
}
.des > p{
  margin: 0;  
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;  
  display: -webkit-box;    
  -webkit-box-orient: vertical;
  overflow: hidden;    
  -webkit-line-clamp: 2;
  line-clamp: 2;
  width: 90%;
  text-align: center;
  vertical-align: middle;
  color: white;
}
.nada{
  display: none;
}
.dest{
  cursor: pointer;
}

@media (max-width: 600px ){
  .cont-toc{
    grid-template-columns: 1fr;                                
  }
  .des{
    height: 80px;
    max-height: 80px;
    overflow-y: auto;
    margin-left: 0px;
    margin-top: 4px;
  }
  .des > p {
    height: fit-content;
    font-size: 18px;
  }
}    
























/*
.listaG{           
    padding-top: 4px;
    padding-bottom: 4px; 
    color: #3a3a3a;     
}

.BAbreCierra {
    cursor: pointer;
    font-size: 16px;       
    padding-left: 40px;       
    padding-top: 4px;
    padding-bottom: 4px;   
    text-align: left;  
    text-indent: -18px;    
}

.listaG .BAbreCierra:nth-child(n+10){    
    padding-left: 50px;
    text-indent: -28px;    
}*/
/*
.subcap{
    display: none;
    padding-top: 4px;
    padding-bottom: 4px; 
    margin-left: 0px;
    padding-left: 0px;
    color: #3a3a3a;     
    columns: 4 200px;
    column-gap: 10px;
    column-rule: 1px dotted #88aecd;  
}

.subcap button{      
    font-size: 16px;                    
    font-family: aguila3000;

    margin-top: 0px;
    margin-left: 0px;
    margin-right: 4px;
    margin-bottom: 0px;

    padding-top: 0px;     
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 1px;
    
    width: 30px; 
    height: 30px;
    background-color: var(--ColorBg);
    color: white;
    cursor: pointer;

    vertical-align:bottom;
}
.subcap button:hover{
    background-color: var(--ColorHover);
}
*/
/*
.BAbreCierra:hover{
    background-color: #88aecd;
    color: white;
}
*/
/*
.tsubcap{    
    font-size: 18px;
    text-align: left;
    padding-left: 55px;    
    margin-left: 0px;
    text-indent: -55px;
    padding-bottom: 4px;
    margin-bottom: 4px;
    column-span: all;
    border-bottom: #88aecd solid 2px;
    cursor: pointer;
}
.tsubcap:hover{
    background-color: #88aecd;
    color: white;
}*/

/*
.cmenu div:nth-child(n+10) .tsubcap{
    padding-left: 65px;        
    text-indent: -65px;
}*/
/*
.enl {
    display: block;
    cursor: pointer;
    color: #3a3a3a;  
    font-size: 16px;       
    padding-top: 4px;
    padding-bottom: 4px;   
    text-align: left;  
    padding-left: 70px;   
    text-indent: -28px;
    text-decoration: none;      
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;  
}
.enl:hover {
    background-color: #88aecd;
    color: white;
}

.cmenu div:nth-child(n+10) .enl{
    padding-left: 70px;   
    text-indent: -38px;
}*/