.container, .boxes {
    max-width: 660px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}


#adblock-aviso-flotante {
  display: none;
  position: fixed; 
  z-index: 999999; 
  left: 0; 
  top: 0; 
  width: 100%; 
  height: 100%; 
  background-color: rgba(0,0,0,0.6); 
  backdrop-filter: blur(3px); 
  align-items: center; 
  justify-content: center; 
  font-family: sans-serif;
}


.modal-card-adblock {
  background-color: transparent !important; 
  border: none !important;                  
  border-radius: 0 !important;              
  box-shadow: none !important;              
  overflow: visible !important;             
  max-width: 500px;             
  width: 92%; 
  position: relative; 
  box-sizing: border-box;
  padding: 0;                   
}


#adblock-aviso-flotante img, .cartel-fondo-img {
  width: 100%;
  height: auto;
  display: block;
}


.contenido-interno-cartel {
  position: absolute;
  top: 43%;     
  left: 7%;     
  right: 7%;    
  bottom: 6%;   
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 10px;
}

.titulo-anime {
  color: #ba161c; 
  margin: 0 0 10px 0; 
  padding-top: 15px;
  font-size: 1.35rem;
  font-weight: bold;
}

.texto-anime {
  color: #444444; 
  font-size: 0.88rem; 
  line-height: 1.45; 
  margin: 0 0 15px 0;
  padding-top: 25px;
  text-align: center;
}


.botton {
  width: 160px;                
  height: 30px;               
  display: block;
  margin: 25px auto 0 auto;
  background-color: #ba161c; 
  border: solid 1px #545454;  
  border-radius: 4px;         
  cursor: pointer;
  overflow: hidden;
  transition: all 0.5s ease;
  z-index: 1;
  position: relative;
  backface-visibility: hidden;
  padding: 0;
}

.botton::before {
  content: "";
  width: 280px;        
  height: 90px;        
  position: absolute;
  background-color: #545454;
  top: -15px;
  left: -300px;        
  border-radius: 20px;
  transition: all 0.5s ease;
  z-index: -1;
}

.botton:hover::before {
  top: -15px;
  left: 0px;
}

.botton:hover {
  transform: scale(1.1);
}

.botton:hover .text {
  color: white;
  font-size: 10px;             
}

.text {
  color: white; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px;             
  letter-spacing: 1px;         
  font-weight: 900;            
  width: 100%;
  height: 80%;
  text-align: center;
  line-height: 23px;           
  transition: all 0.5s ease;
  display: block;
  position: relative;
  z-index: 2;
}


@media (max-width: 440px) {
  .contenido-interno-cartel {
    top: 37%; 
  }

  .titulo-anime { 
    font-size: 14px; 
    margin: 0 0 12px 0; 
  }
  
  .texto-anime { 
    font-size: 11px; 
    line-height: 1.3; 
    margin: 0 0 auto 0; 
  }
  
  .botton { 
    width: 130px; 
    height: 26px; 
    margin-top: 8px; 
  }
}


@media (max-width: 440px) {
  .titulo-anime { font-size: 1rem; margin-bottom: 4px; }
  .texto-anime { font-size: 0.72rem; line-height: 1.3; margin-bottom: 8px; }
  .botton { width: 130px; height: 26px; }
  .text { font-size: 10px; line-height: 20px; }
}


hr { 
  border: 3px solid #ba161c; 
  border-radius: 900px /10px; 
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: center; 
} 


.entry-content img, .post-content img, img {
    max-width: 100%;
    height: auto;  
    display: block;
    margin: 15px auto;
}


#comments.comments-area,
.wpd-main-wrapper:not(.zona-comentarios-forzada .wpd-main-wrapper) {
    display: none !important;
}

.box-content #comments,
.box-content .wpd-main-wrapper {
    display: block !important;
}

.box-content,
.box-content #comments,
.box-content .wpd-main-wrapper,
.box-content * {
    pointer-events: auto !important;
}

.zona-comentarios-forzada {
    max-width: 700px !important;
    margin: -60px auto 0 auto !important;
    padding: 0px !important;

}


.zona-comentarios-forzada #wpdcom {
    margin-top: 0px !important;
    padding-top: 0px !important;
}


.zona-comentarios-forzada #wpdcom .wpd-comment,
.zona-comentarios-forzada #wpdcom .wpd-comment-wrap,
.zona-comentarios-forzada #wpdcom .wpd-thread-head,
.zona-comentarios-forzada #wpdcom [id^="wpd-comm-"] {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background: transparent !important;
}



p {
  font-size: 80%;
  font-family: Arial, Helvetica, sans-serif;
}



}

.container {
    padding: 20px;
}
    
.box-content {
    padding: 10px;
    padding-bottom: 0%;
}

.box-cell {
    margin-bottom: 0px;
}

.box-cell.one {
    background-color: rgba(255, 255, 255, 0.96);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 0px 0px 8px;
    -webkit-border-radius: 8px 8px 0px 0px;
    border: 0px solid #fff;
}

.box-cell.two {
    background-color: rgba(255, 255, 255, 0.96);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border: 0px solid #fff;
}

.box-cell.three {
    background-color: rgba(255, 255, 255, 0.96);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    border-radius: 0px 0px 0px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border: 0px solid #fff;
}



button {
    margin: 10px;
}

.custom-btn {
    width: 130px;
    height: 40px;
    color: rgba(255, 255, 255, 0.90);
    border-radius: 5px;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5),
                7px 7px 20px 0px rgba(0,0,0,.1),
                4px 4px 5px 0px rgba(0,0,0,.1);
    outline: none;
}

.btn-DS {
    right: 20px;
    bottom: 20px;
    border: none;
    box-shadow: none;
    line-height: 40px;
}

.btn-DS span {
    background: linear-gradient(0deg, rgba(187, 22, 27, 1) 0%, rgba(187, 22, 27, 1) 100%);
    -webkit-box-shadow: inset 10px 10px 5px -5px rgba(0,0,0,0.31);
    -moz-box-shadow: inset 10px 10px 5px -5px rgba(0,0,0,0.31);
    box-shadow: inset 10px 10px 5px -5px rgba(0,0,0,0.31);
    display: block;
    position: absolute;
    width: 125px;
    height: 37px;
    border-radius: 6px/18px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.btn-DS span:nth-child(1) {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 50% -20px;
    -moz-transform-origin: 50% 50% -20px;
    transform-origin: 50% 50% -20px;
}

.btn-DS span:nth-child(2) {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: 50% 50% -20px;
    -moz-transform-origin: 50% 50% -20px;
    transform-origin: 50% 50% -20px;
}

.btn-DS:hover span:nth-child(1) {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.btn-DS:hover span:nth-child(2) {
    color: transparent;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}

@media only screen and (min-width: 720px) {
    .boxes {
        display: table;
        width: 100%;
    }
    .box-row {
        display: table-row;
    }
    .box- {
        display: table-cell;
        vertical-align: top;
        width: 33.333333333%;
    }
}

.box-cell.two {
  overflow: hidden !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
