.fondoNotasMetodologicas .content a {

    color:#114da6;
    font-weight: 700;
    overflow-wrap: break-word;

}



/*Fondos*/


.fondoCOO {
	position: absolute;
	top: 0; /* Posición inicial, puedes ajustar según necesites */
	left: 0;
	right: 0;
	bottom: 0;
    background: url(../img/COO/COO.png) no-repeat;
	background-size: 50%; /* Ajusta el tamaño de la imagen */
	background-position: right top; /* Posición inicial */
	min-height: 463px;
	opacity: 0.1;
	z-index: 0;
	/*/transform: translate(0px, 100px); /* Ajusta el desplazamiento según necesites */

}

#contenedorNotasMetodologicas {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 61rem;
}

.fondo-posicionable {
  position: absolute;
  top: 0; /* Posición inicial, puedes ajustar según necesites */
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat;
  background-size: 50%; /* Ajusta el tamaño de la imagen */
  background-position: right top; /* Posición inicial */
  opacity: 0.2;
  z-index: 0;
  transform: translate(0px, 100px); /* Ajusta el desplazamiento según necesites */
}

#botonesDesplegarYdescargar, #tituloNotasMetodologicas, #fondoNotasMetodologicas {
  position: relative; /* Añade position: relative para que el z-index surta efecto */
  z-index: 1; /* Coloca un z-index mayor para que los elementos estén encima del ::before */
}


.fondoNotasMetodologicas {
  position: relative;
  width: 73rem; 
}


.fondoNotasMetodologicas > * {
  position: relative;
  z-index: 1;
}



.btn-desplegar-todo.close > img {
  transform: rotate(0deg);
}

.btn-desplegar-todo.open > img {
  transform: rotate(-180deg);
}

.btn-desplegar-todo > img {
  transition: transform 0.3s ease;
}

/*
.btn-accordeon.close {
  margin-bottom: 5px;
}*/

/*
.btn-accordeon-item.open {
	margin-bottom: .7rem;
}*/

h3 {
	block-size: 24px;
}

.btn-accordeon-all, .fa-solid {
  transition: transform 0.5s ease;
}


/*Se sobreescribre para que rote en dirección contraria*/
.fa-rotate-180 {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}


#botonesDesplegarYdescargar, #tituloNotasMetodologicas, #fondoNotasMetodologicas {
  position: relative; /* Añade position: relative para que el z-index surta efecto */
  z-index: 1; /* Coloca un z-index mayor para que los elementos estén encima del ::before */
}


.fondoNotasMetodologicas {
  position: relative;
  width: 73rem; 
}


.fondoNotasMetodologicas > * {
  position: relative;
  z-index: 1;
}


#tituloNotasMetodologicas {
  width: 73rem; 
}


@media (max-width: 1200px) and (min-width: 1025px) {
  #tituloNotasMetodologicas, .fondoNotasMetodologicas {
    width: 61rem; /* Ancho del 100% en el rango de 1200px a 1025px */
  }
}





/* Ajustar para pantallas pequeñas */
@media (max-width: 1024px) {
  .fondoNotasMetodologicas {
    width: 100%; /* Ajustar el ancho a 100% en pantallas pequeñas */
    padding: 1rem; /* Añadir padding para que no toque los bordes */
  }

  #tituloNotasMetodologicas {
    width: 100%; /* Ajustar el ancho a 100% en pantallas pequeñas */
  }
  .fondo-posicionable {
    background-size: 80%; /* Ajustar tamaño en móviles */
  }
}

#buttonDesplegarTodo{
  background-color: #D7E2F5 ;
  cursor: pointer;
}

#imgIconoDesplegar{
  width: 24px;
  margin-right: 0.75rem;
}
#imgIconoDescargarAqui{
  width: 18px;
}

/* #lineaDivisora {
  border-top: 1px solid #114da6;
  width: 100%;
} */
.item-trigger {
  transition: transform 0.5s ease; /* Transición suave */
}

.item-trigger.rotate-up {
  transform: rotate(-180deg); /* Rotar 180 grados en sentido contrario a las agujas del reloj */
}

.item-trigger.rotate-down {
  transform: rotate(0deg); /* Flecha mirando hacia abajo (posición original) */
}


.item-big {
  transition: transform 0.5s ease; /* Transición suave para la rotación */
}
/*
.rotate-up {
  transform: rotate(-180deg); /* Rotar 180 grados hacia arriba *
}*/

.rotate-down {
  transform: rotate(0deg); /* Volver a la posición original (mirando hacia abajo) */
}

.rotate-upIconTodo {
  transform: rotate(-180deg); /* Rotar 180 grados hacia arriba */
}


#desplegarTodoIcon {
  transition: transform 0.5s ease; /* Animación suave para la rotación */
}

#desplegarTodoIcon.rotate-up {
  transform: rotate(-180deg); /* Rotar 180 grados hacia arriba */
}

#desplegarTodoIcon.rotate-down {
  transform: rotate(0deg); /* Volver a la posición original (hacia abajo) */
}

.colorSubcontenido{
  color: #114DA6;
  font-size: 16px;
  font-weight: bold;
}

.desplegarTodoIcon,
.item-big,
.item-trigger,
#imgIconoDesplegar {
  transition: transform 0.5s ease; /* Animación suave para rotación */
}

.rotate-up {
  transform: rotate(-180deg) translateY(-5px); /* Rotar 180 grados hacia arriba */
}

.rotate-down {
  transform: rotate(0deg); 
}

.rotate-upTodo {
  transform: rotate(-180deg); /* Rotar 180 grados hacia arriba */
}

.rotate-downTodo {
  transform: rotate(0deg); /* Posición original hacia abajo */
}


.bullet-punto {

    text-indent: -1em;
    padding-left: 2.5em;

}

.bullet-punto::before {
    content: "• "; 
    display: inline;
    margin-right: 3px; 

}

.bullet-text {
  text-indent: -1em;
  padding-left: 0.5em;
}

.bullet-text::before {
  content: "• "; 
  display: inline;
  margin-right: 3px; 
}

.bullet-guion {
  text-indent: -1em;
  padding-left: 4.5em;
}

.bullet-guion::before {
  content: "- "; 
  display: inline;
  margin-right: 3px; 
}

.bullet-guionPrincipal {
  text-indent: -1em;
  padding-left: 0.5em;
}

.bullet-guionPrincipal::before {
  content: "- "; 
  display: inline;
  margin-right: 3px; 
}

.bullet-textPrincipal {
  text-indent: -1em;
  padding-left: 1.15em;
}

.bullet-textPrincipal::before {
   margin-right: 10px;
    font-size: 1em;
    content: "•";
    display: inline;
    line-height: 1;
}

.bullet-redondoPrincipal {
  text-indent: -1em;
  padding-left: 2em;
}

.bullet-redondoPrincipal::before {
  content: "o "; 
  display: inline;
  margin-right: 3px; 
}

.bullet-redondo {
  text-indent: -1em;
  padding-left: 3.5em;
}

.bullet-redondo::before {
  content: "o "; 
  display: inline;
  margin-right: 3px; 
}

.bullet-guionSecundario {
  text-indent: -1em;
  padding-left: 3em;
}

.bullet-guionSecundario::before {
  content: "- "; 
  display: inline;
  margin-right: 3px; 
}

.bullet-puntoSecundario {
  text-indent: -1em;
  padding-left: 6.15em;
}

.bullet-puntoSecundario::before {
  content: "• "; 
  display: inline;
  margin-right: 3px; 
}




#backToTop {
  position: fixed; /* Para que la flecha esté fija mientras se desplaza */
  bottom: 20px; /* Espacio desde la parte inferior de la ventana */
  right: 20px; /* Espacio desde el lado derecho de la ventana */
  z-index: 100; /* Asegúrate de que esté por encima de otros elementos */
}

#scrollToTop {
  width: 50px; /* Tamaño de la flecha */
  height: 50px;
  transition: opacity 0.3s ease; /* Transición suave para la visibilidad */
}

#scrollToTop:hover {
  opacity: 0.8; /* Efecto hover */
}

#botonExportarPdf{
  padding: 0.40rem;
}


#cuadrosResumenContent1,#cuadrosResumenContent2,#cuadrosResumenContent3,#cuadrosResumenContent4,#cuadrosResumenContent5,
#cuadrosResumenContent6,#cuadrosResumenContent7,#cuadrosResumenContent8,#cuadrosResumenContent9,#cuadrosResumenContent10,
#cuadrosResumenContent11,#cuadrosResumenContent12,#cuadrosResumenContent13,#cuadrosResumenContent14,#cuadrosResumenContent15,
#cuadrosResumenContent16,#cuadrosResumenContent17,#cuadrosResumenContent18,#cuadrosResumenContent19{
  margin-left: 3.75rem;
}

#iconContent,#iconContentTodo{
  cursor: pointer;
}

.marginContentText{
  margin-left: 1.6875em;
}