/* ÁREA DE MENSAJES */

#main-sensei_message article.sensei_message  .message-content h2{
	font-size: 1.25rem;
}

#main-sensei_message article.sensei_message {
    border: solid 1px grey !important;
    border-radius: 15px;
    padding: 10px;
    margin-bottom: 2.5em!important;
}

/* MENSAE TIPO CHAT */

article.sensei_message .entry-content > header > h1, .sensei_message .entry-content > header + p, .sensei_message .entry-content > header + p + p {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px !important;
  padding-right: 20px !important;
	margin-bottom: 0px!important;		
}

article.sensei_message .entry-content > header > h1{
    font-size: 1.375rem !important;
    font-weight: var(--ast-blog-title-font-weight, normal)
normal
 !important;		
}

/* Contendor de mensajes tipo chat */
article.sensei_message #comments {
  padding-left: 12.5rem !important;
  padding-right: 12.5rem !important;
  background-color: white;
  background-image: url('https://cursos.terravision.com.mx/wp-content/plugins/personalizar/assets/css/img/bg-pattern-inverse.png');
  border: 1px solid black;
  margin-bottom: 50px;
  margin-top:50px;
  border-radius: 15px;
  padding-bottom:30px;
  padding-top:30px;
}

/* Mensaje de número de comentarios*/
article.sensei_message #comments .comments-title{
	display: none;	
}

/* Diseño de las burbujas */
article.sensei_message #comments .ast-comment-list {
margin: 0;
word-wrap: break-word;
padding-bottom: 0.5em;
list-style: none;
}

article.sensei_message #comments .ast-comment-cite-wrap cite {
font-style: normal;
}

/* Link responder mensaje */
article.sensei_message #comments .ast-reply-link{
display:none;	
}

/* Avatar responder mensaje */
article.sensei_message #comments .ast-comment-avatar-wrap{
	display:none;	
}


/* Contenedor de la burbuja */
article.sensei_message #comments .ast-comment-meta {
justify-content: right;
padding: 20px;
font-size:13px;
	font-size:0.8125rem
		margin-bottom: 0.5em;
}

/* Diseño burbuja mensaje repuesta */
article.sensei_message #comments .byuser{
	max-width: 70%;
  padding: 10px 15px;
  margin: 35px 0;	
	border-radius: 15px;

background-color: #f1f0f0;
  float: left;
  text-align: left;
  border-top-left-radius: 0;
	
	position: relative;
  clear: both;
}

/* Diseño burbuja mensaje pregunta */
article.sensei_message #comments .bypostauthor{
  background-color: #d1e7dd;
  float: right; 
  border-top-left-radius: 15px;	
  border-top-right-radius: 0;
}



article.sensei_message #comments .comment-reply-title{

}


/* Estilo para tablets y celulares (pantallas menores a 768px) */
@media (max-width: 1024px) {
  article.sensei_message #comments {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: transparent;
    background-image: none;
    border: none;
  }

  input,
  textarea,
  select {
    font-size: 18px; /* Puedes ajustar este valor según lo que se vea mejor */
  }



}