#popup{
	overflow-y:scroll;
}

#editor p{margin: 0;padding-left:10px; padding-right:10px;}
#editor .container.principal p, .articulos .container.principal p{margin:0px;padding-left:10px; padding-right:10px;}
  .titulo-popup-cafelito{font-size:48px;color:#ffffff;font-weight:bold;line-height:64px;}

  .texto-popup-cafelito{font-size:32px;color:#ffffff;line-height:38px;}

/*p a{color:#FF9225;text-decoration:underline;}*/

#editor .titulo-articulo, .articulos .titulo-articulo{color:#00C6E3;font-weight:bold;font-size:32px!important;line-height:40px!important;padding-bottom: 20px;}

#editor .titulo-popup, .articulos .titulo-popup{color:#000000;font-weight:bold;font-size:32px;padding-bottom: 20px;}

#editor .titulo-texto, .articulos .titulo-texto{color:rgba(0,198,227,0.6);font-size:20px!important;line-height:28px!important;padding-bottom: 16px;padding-top:32px;}

#editor .texto, .articulos .texto{color:#999999;font-size:20px!important;line-height:28px!important;padding-bottom: 6px;}

.articulos a,#editor a {color:#FF9225!important;font-weight:bold!important;/*font-size:20px!important;padding-bottom: 16px;*/}
#editor .link, .articulos .link{color:#FF9225!important;font-weight:bold!important;font-size:20px!important;padding-bottom: 16px;}

#editor .historia, .articulos .historia{color:#999999;font-style: italic;font-size:18px;padding-bottom: 16px;}

#editor .explicacion, .articulos .explicacion{color:#00C6E3;font-size:16px;} 

#editor .nombre-personaje, .articulos .nombre-personaje{font-weight:bold;font-size:18px;line-height:32px;color:#1E1E1E;padding-bottom:6px;margin-bottom:0px;margin-top:-20px;}
 
#editor .accion, .articulos .accion{font-size:16px;line-height:20px;color:#1E1E1E;padding-bottom:16px;margin-bottom:16px;}

#editor ul, .articulos ul{color:#999999;font-size:20px!important;line-height:28px!important;padding-bottom: 24px;}

#editor ol, .articulos ol{color:#999999;font-size:20px!important;line-height:28px!important;padding-bottom: 24px;}
#editor ul li, .articulos ul li{padding-bottom:20px;}
#editor ol li, .articulos ol li{padding-bottom:20px;}
#editor ol>li:before, .articulos ol>li:before {
  font-weight:bold;
}

#editor ol>li::marker, .articulos ol>li::marker {
  font-weight:bold;
}


@media (min-width: 768px) {
    .articulos .container.principal p{margin:0px;padding-left:20px; padding-right:20px;}
    .articulos .titulo-articulo{color:#00C6E3;font-weight:bold;font-size:32px!important;line-height:60px!important;padding-bottom: 10px;}
    .articulos .titulo-popup{color:#000000;font-weight:bold;font-size:48px;padding-bottom: 24px;}
    .articulos .titulo-texto{color:rgba(0,198,227,0.6);font-size:32px!important;line-height:36px!important;padding-bottom: 16px;}
    .articulos .texto{color:#999999;font-size:24px!important;line-height:32px!important;padding-bottom: 18px;}
    .articulos a{color:#FF9225!important;font-weight:bold!important;/*font-size:20px!important;padding-bottom: 16px;*/}  
    .articulos .link{} 
    .articulos .articulos .historia{color:#999999;font-style: italic;font-size:24px;padding-bottom: 18px;}
    .articulos .explicacion{color:#00C6E3;font-size:32px;}
    .articulos .nombre-personaje{font-weight:bold;font-size:36px;line-height:32px;color:#1E1E1E;}
    .articulos .accion{font-size:20px;line-height:24px;color:#1E1E1E;}
    .articulos ul{color:#999999;font-size:24px!important;line-height:28px!important;padding-bottom: 24px;}
    .articulos ol{color:#999999;font-size:24px!important;line-height:28px!important;padding-bottom: 24px;}
    .articulos ul li{padding-bottom:18px;}
    .articulos ol li{padding-bottom:18px;}
    
}