.activity-item .activity-altcontent.activity-description {
    margin-left: -35px;
}

.Title_module_title__c87a7c0c{
display: none!important;
}


/*tamaño modal*/
    .modal-xl {
        --bs-modal-width: 70%!important;
    }

 /*redimensionar contenido principal*/
@media (min-width: 768px) {
    .pagelayout-standard #page.drawers .main-inner, body.limitedwidth #page.drawers .main-inner {
        max-width: 100%;
    }
}
 /* transparencias main */
#region-main {
    overflow-y: visible;
    background-color: rgb(0 0 0 / 0%);
}

 /* transparencias main */
#page.drawers .main-inner {
    background-color: #dddddd00;
}


/* transparencia menus laterales */

.drawer {
    background-color: rgb(0 0 0 / 3%);

}

/*color barra navegacion */
.courseindex .courseindex-item.pageitem {
    background-color: #f4a800;

}

.courseindex .courseindex-item:hover.pageitem, .courseindex .courseindex-item:hover .pageitem, .courseindex .courseindex-item:focus.pageitem, .courseindex .courseindex-item:focus .pageitem {
    background-color: #16933e;
   
}
/* clase personalisada para solo visu toma desde el bopdy todos los hijos solo funciona cuando existe algun elemento creado por visu*/
body.visu_oriente .activity-item {
    position: relative;
    padding: .75rem;
    background-color: transparent!important;
}

/* clase personalisada para solo visu toma desde el bopdy todos los hijos*/
body.visu_oriente h4 {
   font-size: 1rem !important;
    font-weight: 600 !important;
}

/*textos en links*/
a {
    color: #1c451a;
    text-decoration: none;
    background-color: #fff0;
}

/*lineas de menu */

.moremenu .nav-link.active {
   
    border-bottom-color: #28a745;
}

/*hover  lineas menu */
.moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
    background-color: #f8f9fa;
    border-bottom-color: #f4b472;
}




:root {
  --orange: #f07b06;
  --green:  #3e8c3e;
  --gray-700: #4a4a4a;
  --gray-500: #6f6f6f;
  --hover-bg: rgba(50,50,50,0.9);
  --text-hover: #fff;
}

body {
  margin: 0;
  font-family: Arial, sans-serif;
  background: #f0f0f0;
}

/* Contenedor principal */
.informate {
  position: relative;    /* para el overlay */
  overflow: hidden;      /* recorta el overlay */
  max-width: 900px;
  margin: 1px auto;
  padding-left: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  border-radius: 82px;
  transition: box-shadow .3s;
  margin-right: 16%;
    max-height: 100px;
}
.informate:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* Sólo ocultamos el texto al hacer hover */
.informate__texto {
  flex: 1;
  padding-right: 20px;
  padding-left: 50px;
  transition: opacity .2s ease;
}
.informate:hover .informate__texto {
  opacity: 0;
}

.informate:hover .informate__texto {
  opacity: 0;
}

/* Tu aro e imagen redonda siempre visibles */
.informate__imagen {
  position: relative;
  z-index: 3;           /* por encima del overlay */
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: conic-gradient(
    from 90deg,
    var(--orange) 0deg 180deg,
    var(--green) 180deg 360deg
  );
  padding: 6px;         /* grosor del “aro” */
  display: flex;
  align-items: center;
  justify-content: center;
}
.informate__imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

/* Overlay que “wipea” de derecha a izquierda */
.informate__overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: var(--hover-bg);
  transition: width .5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;           /* debajo de la imagen */
}

.video{
  background: var(--orange);
}

.podcast{
  background:#15933f;
}
.calendario{
    background:#3a4e66
}
.documentos{
    background:rgb(22 148 147);
}

.encuentros{
    background:rgb(230 152 16);
}
.actividad{
    background:rgb(229 120 15);

}

.foro{
    background:rgb(21 148 105);
}

.cuestionario{
    background:rgb(165 108 53);
}



.informate:hover .informate__overlay {
  width: 100%;
}


.informate:hover .informate__texto .glosario {
    opacity: revert;
}

/* Contenido que aparece en el hover */
.informate__hover-content {
  color: var(--text-hover);
  text-align: center;
  padding: 20px;
  opacity: 0;
  transition: opacity .3s ease .4s;
}
.informate:hover .informate__hover-content {
  opacity: 1;
}
.informate__hover-content p {
  margin-bottom: 1rem;
  font-size: 1.1rem;
  color: white;
}
.informate__hover-content button {
  padding: .5em 1em;
  font-size: 1rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  background: var(--orange);
  color: #fff;
  transition: background .2s;
}
.informate__hover-content button:hover {
  background: #d96b05;
}

/* Responsivo */
@media (max-width: 600px) {
  .informate {
    flex-direction: column;
    text-align: center;
  }
  .informate__texto {
    padding-right: 0;
  }
  .informate__imagen {
    margin-top: 20px;
  }
}


.informate__botones button {
  margin: 0.5rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
}

/*cards */

.card-general {
  position: relative;
  overflow: visible;
}

/* 1. El wrapper, que dibuja el “aro” con degradado */
.card-general__img-wrapper {
  position: absolute;
  top: -80px;            /* sube la mitad del wrapper (160/2) */
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;            /* por encima de la card-body */

  width: 160px;
  height: 160px;
  padding: 6px;          /* grosor del aro */

  border-radius: 50%;
  background: conic-gradient(
    from 90deg,
    var(--orange) 0deg 180deg,
    var(--green) 180deg 360deg
  );

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;      /* recorta la img al borde circular */
}

/* 2. La imagen, centrada dentro del aro */
.card-general__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;    /* para que la img también sea circular */
  position: relative;    /* no es estrictamente necesario */
  z-index: 1;            /* por debajo del wrapper, aunque overflow lo recorta */
}

/* 3. Asegura que el cuerpo de la card quede por debajo */
.card-general .card-body {
  position: relative;
  z-index: 1;
  padding-top: 100px;    /* espacio suficiente para la mitad inferior del wrapper */
}

/* boton principal unidades*/

.btn_unidades {
    text-align: center;
    padding: 0;
    background-color: transparent;
    border: none;
}

.btn_unidades:hover {
    color: var(--bs-btn-hover-color);
    background-color: #5c636a00;
    border-color: var(--bs-btn-hover-border-color);
}



  .foro_unidad table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
  }
  .foro_unidad th,
  .foro_unidad td {
    border: 1px solid #444;
    padding: 0.5rem;
    text-align: left;
  }
  /* Cabecera con fondo naranja */
  .foro_unidad thead {
    background-color: #e67810;
    color: #fff; /* ajusta si quieres otro color de texto */
  }
  /* Filas del tbody intercalando dos grises neutros */
  .foro_unidad tbody tr:nth-child(odd) {
    background-color: #edeceb;
  }
  .foro_unidad tbody tr:nth-child(even) {
    background-color: #dddddd;
  }

    .software-recursos table {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0.5rem;
      margin-top: 1rem;
    }
    .software-recursos th,
    .software-recursos td {
      border: 1px solid #444;
      padding: 0.75rem 1rem;
      text-align: left;
      border-radius: 0.5rem;
      background-clip: padding-box;
    }
    .software-recursos thead {
      background-color: #e67810;
      color: #fff;
    }
    .software-recursos tbody tr:nth-child(odd) td {
      background-color: #edeceb;
    }
    .software-recursos tbody tr:nth-child(even) td {
      background-color: #9b9b9b;
      color: #000;
    }
    .software-recursos a {
      color: inherit;
      text-decoration: underline;
    }

    .entrybox {
      background-color: white;
    }