/* Estilo para la columna izquierda con fondo gris */


.group-header{
	margin-bottom: 30px;
}

#contenido-wrapper {
    display: flex;
}

/* Estilo para la columna izquierda */
.group-left {
    flex: 1; /* Otra opción puede ser establecer un valor específico en función de tus necesidades */
    background: #ececec;
    padding: 20px;
    border-radius: 10px;
    width: 20%;
    float: left;
    margin-bottom: 20px;
}

/* Estilo para la columna derecha */
.group-right {
    flex: 2; /* Puedes ajustar este valor para que la columna derecha sea más grande */
    padding-left: 30px;
    float: left;
    width: 74%;
    text-align: justify;
} 

.imagen-microcredenciales{
	margin-bottom: 20px;
}
.node .text-formatted.field div, .node .text-formatted.field p, .block .text-formatted.field p, .block .text-formatted.field div{
	color: black;
}

.field__label{
	color: black;
}

.field__item{
	color: black;
	margin-bottom: 1rem;
	margin-top: 1rem;
}

.field--name-field-mailto {
	background-color: #1d3564;
	border-radius: 5px;
  padding: 7px 22px;
  font-size: 16px;
  margin-top:20px;
  width: fit-content;
  transition: background-color 0.3s;
}

.field--name-field-mailto a{
	color: white;
	
}

.field--name-field-mailto:hover {
  background-color: #2858a1; /* Cambia el color de fondo al hacer hover */
}

.field--name-field-boton-extra-micro{
	background-color: #1d3564;
	border-radius: 5px;
  padding: 7px 22px;
  font-size: 16px;
  margin-top:20px;
  width: fit-content;
  transition: background-color 0.3s;
}

.field--name-field-boton-extra-micro a{
	color: white;
}

.boton-ayudas-estudio{
	border:1px solid #1d3564;
	border-radius: 5px;
  padding: 7px 22px;
  font-size: 16px;
  margin-top:20px;
  width: fit-content;
  transition: background-color 0.3s;
}

.boton-ayudas-estudio a{
	color: #1d3564;
}

.field--name-field-boton-extra-micro:hover {
  background-color: #2858a1; /* Cambia el color de fondo al hacer hover */
}
.paragraph--type--bloque-solo-imagen img {
    width: 100%;
}

/*
.field--name-field-imagen {
    text-align: center; 
}
*/

/*
.group-right img {
    max-width: 300px; 
    height: auto; 
    margin-left: auto; 
    margin-right: auto;
    margin-top: 20px;
}*/

.group-left img{
	margin-top:20px;
}

@media screen and (max-width: 1200px){
	.paragraph, .field--name-field-modular > .field__item > .paragraph{
		padding-left: 0;
	}
}

@media screen and (max-width: 960px) {
  .group-left{
  	width: 100%;
  }
  
  .group-right{
  	width:100%;
  	padding-left: 0px;
  }
  
  .imagen-microcredenciales{
		display: none;
	}
	
  
}

.field--name-field-mc-codigo{
	  background: #ebebeb;
    display: inline-flex;
    padding: 0 2rem;
    align-items: center;
    border-radius: 4px;
    & .field__label, .field__item{
    	margin: 0;
    	color: gray!important;
    	& p{
    		margin: 0!important;
    		color: gray!important;
    	}
    }
}