/* CSS Document */
.catalogo_uned, .formulario_uned{
  font-family: "Quicksand", Arial, sans-serif;
  background:url(../images/catalogo_uned/uned_bg.png) no-repeat;
  background-size: 100%;
  scroll-behavior: smooth;
}
.microcredenciales, .microcredenciales_formulario{
  font-family: "Quicksand", Arial, sans-serif;
  background:url(../images/catalogo_uned/uned_microcredenciales_bg.jpg) no-repeat;
  background-size: 100%;
  scroll-behavior: smooth;
}
.catalogo_uned {
  margin-bottom: 3rem;
}
.catalogo_uned .contenedor_busqueda{
	width:100%;	
}
.catalogo_uned .logos {
  text-align: center;
}
.logo_uned{
	height: 120px;
	float:none;
margin: 10px auto;
}
.logo_dred{
	width:200px;
	float:none;
margin: 10px auto;

}
@media (min-width: 768px) {
	.logo_uned{
	height: 120px;
	float:right;
	margin-right: 10px;
	margin-bottom:10px;
}
.logo_dred{
	height: 120px;
	float:left;
	margin-left: 10px;
	margin-bottom:10px;
}
}
#cursoAccordion {
  clear: both;
}
.catalogo_uned .container.mt-5 {
  padding: 20px 0;
  border-radius: 20px;
  border: 1px solid #fff;
  overflow: hidden;
  backdrop-filter: blur(10px);
}
.formulario_uned .container.mt-5 {
  backdrop-filter: blur(10px);
  padding-top: 30px;
  border: 1px solid #fff;
  border-radius: 20px;
} 
.catalogo_uned .busqueda {
	padding: 5px !important;
	padding-top: 5px;
	padding-top: 5px;
	background:#EEE;
	border-radius: 15px;
	box-shadow: inset 0px 0px 3px #ccc;
	padding-top: 25px !important;
	width: auto;
	display: table;
	margin: 0 auto;
	color: #000;
}
.busqueda  a {
  color: #000;
  text-decoration: none;
}
.busqueda  a:hover {
  color: #437910;
  text-decoration: underline;
}
.catalogo_uned .busqueda ul {
	margin-bottom:0px !important;
	clear: both;
	text-align: right;
	list-style: none;
	padding-left: 0
}
.catalogo_uned .busqueda_horas{
	background:none !important;
	color:#437910 !important;
	font-weight:bold ;
}
.titulo_uned {
  text-align: center;
} 
.titulo_uned h2, .titulo_formulario_uned {
  margin: 0 8%;
  color: #004b2a;
	font-size: 1.8rem;
}
.titulo_uned h1, .titulo_formulario_uned {
border-bottom: #ddd solid 3px;
  font-weight: bold;
  font-size: 2.8rem;
}

.titulo_uned_abajo {
  float: right;
  margin-right: 20px;
  font-size: 0.5rem !important;
  background: #ddd;
}
.titulo_uned_abajo h2 {
  font-size: 1.2rem;
}
.catalogo_uned #codigo {
	text-align:center;
}
.catalogo_uned .accordion-item {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(184,184,184,0.87);
  -moz-box-shadow: 0px 0px 20px 0px rgba(184,184,184,0.87);
  box-shadow: 0px 0px 20px 0px rgba(184,184,184,0.87);
  margin: 20px;
  padding-bottom: 26px;
  font-family: "Quicksand", Arial, sans-serif;
  border-radius: 5px;
  border:1px solid #fff;
  background: #ffffffbd;
}
.catalogo_uned .accordion-button {
	border-radius: 3px;
	    
}
.catalogo_uned .accordion-header {
  background: none;
  font-weight: 800;
  color: #fff;
  text-align: left;
  padding: 5px;
}
.catalogo_uned .accordion-button:not(.collapsed),.catalogo_uned .accordion-button {
  color: var(--bs-accordion-active-color);
  background-color: #fff;
  box-shadow: none;
  font-weight: 800;
  color: #000;
  text-align: left;
  padding: 5px;
  text-transform: uppercase !important;
  font-family: "Quicksand", Arial, sans-serif!important;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(184,184,184,0.87);
  -moz-box-shadow: 0px 0px 20px 0px rgba(184,184,184,0.87);
  box-shadow: 0px 0px 20px 0px rgba(184,184,184,0.87);
}
.catalogo_uned .accordion-button:focus {
  border-color: none !important;
  outline: 0;

}
#cursoAccordion a {
  color: #000;
  text-decoration: none;
}
#cursoAccordion a:hover {
  color: #437910;
  text-decoration: underline;
}
.curso_acordeon_uned {
  padding: 2px 0px;
}
#cursoAccordion .horas_uned {
  background: #437910;
  padding: 0px 4px 0px;
  border-radius: 2px;
  font-weight: bold;
  color: #fff;
}
.busqueda .horas_uned {
  font-weight: bold;
  color: #437910;
}
.busqueda .creditos_uned {
  font-weight: bold;
  color: #000;
  border: none;
  background: none;
  padding: 0;
}
.creditos_uned {
  border: 1px solid #c6eea0;
  border-radius: 2px;
  padding: 0px 4px 0px;
  background: #fff;
  font-weight: bold;
  color: #437910;
}

.accordion-button:not(.collapsed)::after {
	  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

  transform: rotate(0deg);
}
.accordion-button:after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%437910'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out;
  transform: rotate(0deg);
}
/*FORMULARIO*/
    /* Aplica un tamaño de 2 píxeles al elemento <hr> */
    hr {
        border: none;
        border-top: 2px solid #000; /* Color y tamaño personalizable */
        margin: 10px 0; /* Margen superior e inferior para espaciar el elemento */
		max-width: 50%; /* Establece el ancho máximo (ajusta según tus necesidades) */
    }
.formulario_uned form {
  margin-top: 50px;
}
.formulario_uned h3, .titulo_uned h3 {
  font-weight: 800;
  color: #000;
  font-size: 1.1rem;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.btn-success {
  color: #fff;
  background-color: #437910;
  border-color: transparent;
}
.conjunto_datos {
  border-bottom: 1px solid #a49595;
  padding-bottom: 20px;
}
/*botón formulario desde el catálogo*/
#formulario_uned_boton {
  padding-top: 10px;
  text-align: center;
}  
#boton-formulario {
  background: #437910;
  color: #fff;
}
#boton-formulario {
  background: #437910 !important;
  color: #fff !important;
  border: none !important;
  padding: 5px;
  border-radius: 3px;
}
/* === NUEVO SISTEMA DE LOGOS (estilo captura) === */
.catalogo_uned .logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
    padding: 0 10px;
}

.logo_dred,
.logo_toledo,
.logo_uned {
    height: 110px;
    object-fit: contain;
    margin: 0 auto;
    float: none !important;
}

/* En móvil, logos apilados verticalmente */
@media (max-width: 768px) {
    .catalogo_uned .logos {
        flex-direction: column;
        justify-content: center;
    }
}
/* === CABECERA UNED: LOGOS + BUSCADOR EN UNA LÍNEA === */
.cabecera_uned {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;           /* para que en móvil se puedan partir en varias filas */
  margin-bottom: 20px;
}

/* Grupo izquierdo: DRED + Toledo pegados */
.logo_grupo_izq {
  display: flex;
  align-items: center;
  gap: 10px;                 /* separación mínima entre DRED y Toledo */
}

/* Grupo derecho: logo UNED */
.logo_grupo_der {
  display: flex;
  align-items: center;
}

/* Ajuste de tamaños y anulación de floats anteriores */
.logo_dred,
.logo_toledo,
.logo_uned {
  height: 120px;
  object-fit: contain;
  float: none !important;
  margin: 0 !important;
}

/* El buscador no debe ocupar el 100% en esta cabecera */
.catalogo_uned .cabecera_uned .contenedor_busqueda {
  width: auto;
}

/* Quitar el centrado automático del bloque .busqueda dentro de la cabecera */
.cabecera_uned .busqueda {
  margin: 0;
  display: inline-block;
}

/* En pantallas pequeñas, que todo se centre en varias filas */
@media (max-width: 768px) {
  .cabecera_uned {
    justify-content: center;
  }
  .logo_grupo_izq,
  .logo_grupo_der {
    justify-content: center;
  }
}