@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&display=swap');

body {
  font-family: 'Comfortaa', sans-serif;
}

b, strong {
  font-weight: bold;
  font-family: 'Comfortaa', sans-serif;
}
p{
  text-align: justify;
}
/* COLOR MORADO A TODO */
a{
  color: #802c7c;
}
.maincalendar .calendarmonth td.today .day-number-circle{
  background-color: #802c7c;

}
.btn-primary {
  color: #fff;
  background-color: #802c7c;
  border-color: #802c7c;
}

/* Strong de los titulos */
#mod_book-chapter > h3{ font-weight: bold;}

/* Límite de las cajas */

div#mod_book-chapter.box.py-3.generalbox.book_content > div.no-overflow{
  max-width: 792px;
  margin: 0 auto;
  padding-bottom: 80px;
  margin-top: 50px;
}
div#mod_book-chapter.box.py-3.generalbox.book_content.custom-box > div.no-overflow{
  max-width: 792px;
  margin: 0;
  padding-bottom: 40px;
  margin-top: 25px;
}
/* Acordeon general */

.accordion {
  
  border-radius: 5px;
  margin-bottom: 0.5rem;
}

.accordion-item {
  margin-top: 20px;
  /* border: 1px solid #802c7c; */
}

.accordion-item:last-child {
  /* border: none; */
}
label {

  margin-bottom: 0rem;
}
.accordion-label {
  display: flex;

  justify-content: space-between;
  align-items: center;
  padding: 15px;
  background-color: #ffffff; /* Blanco */
  color: #802c7c; 
  cursor: pointer;
  font-weight: bold;
  border: 3px solid #802c7c;
  transition: all 0.3s ease;
  font-family: 'Comfortaa', sans-serif;
}

.accordion-content {
  display: none;
  padding: 15px;
  background-color: #fff;
}

.accordion input[type="checkbox"] {
  display: none;
}

.accordion input[type="checkbox"]:checked + .accordion-label {
  background-color: #802c7c; 
  color: #ffffff; /* Blanco */
}

.accordion input[type="checkbox"]:checked + .accordion-label .arrow {
  transform: rotate(180deg);
}

.accordion input[type="checkbox"]:checked + .accordion-label + .accordion-content {
  display: block;
}


.tabla-factores-personalizada {
  width: 100%;
  border-collapse: collapse;
}

.tabla-encabezado {
  background-color: #802c7c; /* Morado */
  color: #fff; /* Blanco */
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
th, td {
  border: 1px solid #000;
  padding: 10px;
  text-align: left;
}

th:not(.header):not(.cell) {
  background-color: #802c7c; /* Morado */
  color: #fff; /* Blanco */
  font-weight: bold;
  text-align: center;
}
.tabla-celda-nivel {
  background-color: #f2f2f2; /* Gris claro */
  padding: 10px;
  text-align: left;
  vertical-align: top;
  font-weight: bold;
  color: #802c7c; /* Morado */
  align-content: center;
}

.tabla-celda-factores {
  background-color: #f2f2f2; /* Gris claro */
  padding: 25px;
  text-align: left;
  vertical-align: top;
}

.lista-factores {
  /* list-style-type: none; */
  padding-left: 0;
}

.lista-factores li {
  margin-bottom: 5px;
}

.arrow {
  font-size: 18px;
  transition: transform 0.3s ease;
}

/* Nuevas clases para el nuevo acordeón */

.nuevo-accordion {
  border: 1px solid #802c7c;
  border-radius: 5px;
  margin-top: 20px;
}

.nuevo-accordion-item {
  border-bottom: 1px solid #802c7c;
}

.nuevo-accordion-item:last-child {
  border-bottom: none;
}

.nuevo-accordion-titulo {
  display: block;
  padding: 15px;
  background-color: #ffffff; /* Blanco */
  color: #802c7c; /* Naranja */
  cursor: pointer;
  font-weight: bold;
  border: 3px solid #802c7c;
  transition: all 0.3s ease;
  font-family: 'Comfortaa', sans-serif;
  margin-bottom: 0px;
}

.nuevo-accordion-contenido {
  display: none;
  padding: 15px;
  background-color: #fff;
}

.nuevo-accordion-titulo.active {
  background-color: #802c7c; 
  color: #ffffff; /* Blanco */
}

.nuevo-accordion-contenido.show {
  display: block;
}

/* TABLA MOD 1 part 3 */
.tabla-desplegable {
  width: 100%;
  border-collapse: collapse;
}

.tabla-desplegable td {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: center;
}

.fila-desplegable:hover {
  background-color: #f1f1f1;
}

.explicacion {
  display: none;
}

.expanded .explicacion {
  display: table-cell;
}

/* Tarjeta */
.custom-card-container {
  position: relative;
  border-radius: 10px;
  overflow: visible;
  max-width: 750px;
  margin: 0 auto;
  box-shadow: 10px 10px 0px 10px rgba(128, 44, 124, 1);
  border-radius: 10px;
}

.custom-card {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  position: relative; 
}
.custom-card-text {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.custom-card-text p {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}
/* Explicaciones */
.ejemplo-accordion {
  border: 1px solid #802c7c;
  border-radius: 10px;
  background-color: #802c7c;
  color: #ffffff;
  max-width: 791px;
  margin: auto;
}

.ejemplo-accordion-item {
  border-bottom: 1px solid #802c7c;
}

.ejemplo-accordion-item:last-child {
  border-bottom: none;
}

.ejemplo-accordion-label {
  display: block;
  padding: 15px;
  background-color: #802c7c; /* Morado */
  color: #ffffff; /* Blanco */
  cursor: pointer;
  font-weight: bold;
  border-radius: 10px;
  transition: all 0.3s ease;
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  font-family: 'Comfortaa', sans-serif;
}

.ejemplo-accordion-content {
  display: none;
  padding: 15px;
  background-color: #802c7c;
  color: #ffffff;
  border-radius: 0 0 10px 10px;
}

.ejemplo-accordion input[type="checkbox"] {
  display: none;
}


.ejemplo-accordion input[type="checkbox"]:checked + .ejemplo-accordion-label + .ejemplo-accordion-content {
  display: block;
}
/* CAJA INFORMACION CUSTOM
---------------------------------- */
.caja-informacion {
  background-color: #802c7c; /* Morado */
  color: #ffffff; /* Blanco */
  padding: 20px;
  border-radius: 20px;
  max-width: 800px;
  margin: 20px auto;
  text-align: left;
  width: fit-content;
}

.caja-informacion p {
  margin: 10px 0;
}

.caja-informacion strong {
  font-size: 1.2em;
}

.caja-informacion em {
  display: block;
  font-size: 1em;
}

/* GRID IMAGENES */
.grid-container {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 20px;
  place-content: center;
  place-items: center;
}

.grid-item img {
  width: auto;
  max-width: 350px;
  height: auto;
  display: block;
  border: 2px solid #ccc;
}


/* TEMA 2 Módulo 4 imagen texto */
.lista-datos {
  list-style-type: disc;
  margin: 20px 0;
  padding-left: 20px;
}
.seccion-imagen-texto {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.seccion-imagen-texto img {
  max-width: 150px;
  margin-right: 20px;
}
.seccion-imagen-texto p {
  margin: 0;
  font-size: 16px;
  color: #333;
}
.subtitulo {
  font-weight: bold;
  margin-top: 20px;
}
.border-orange{
  border: 3px solid #ec7700;
}
div#page-content.row > div#region-main-box.col-12{
  max-width: 1280px;
  margin: auto;
}
.info-course div:nth-child(2){
  display: none !important;
  visibility: hidden !important;
  height: 0px;
}
.info-course div:nth-child(1){
  background-color: #e0ecd4;
  font-weight: bold;
}

/* Respuesta correcta cuando se muestra la solución */
.h5p-answer.h5p-should {
  background-color: #d4edda !important; /* Fondo verde claro */
  border: 2px solid #28a745 !important; /* Borde verde */
  color: #155724 !important; /* Texto verde oscuro */
}

/* Agregar un icono de tick a la respuesta correcta */
.h5p-answer.h5p-should .h5p-alternative-inner::before {
  content: "✔ " !important; /* Icono de tick */
  color: #28a745 !important;
  font-weight: bold !important;
  margin-right: 8px !important;
}

/* Respuesta incorrecta */
.h5p-answer.h5p-wrong {
  background-color: #f8d7da !important; /* Fondo rojo claro */
  border: 2px solid #dc3545 !important; /* Borde rojo */
  color: #721c24 !important; /* Texto rojo oscuro */
}

/* Icono de cruz en respuestas incorrectas */
.h5p-answer.h5p-wrong .h5p-alternative-inner::before {
  content: "✘ " !important; /* Icono de cruz */
  color: #dc3545 !important;
  font-weight: bold !important;
  margin-right: 8px !important;
}

/* Mejorar visibilidad del mensaje "Debería haber sido verificado" */
.h5p-solution-icon {
  font-weight: bold !important;
  color: #28a745 !important; /* Verde */
}