@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

:root {

  --color-textolibro: #E9434B;

}


img,
object,
embed,
video {
	max-width: 100%;
}



body {
	background-color: #EFEAE6 !important;
}




a:visited {
	color: #00567C;
}

a:link {
	text-decoration-thickness: 0px;
}

a:hover {
	color: #70AD47;
}

article {
	margin-top: 20px;
}


.general {
	text-align: center;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin-top: 0px;
	background-color: rgba(255, 255, 255, 0.6);
}

.fondoblanco {
	background-color: rgba(255, 255, 255, 1);
}

.titulopublicacion {
	 font-family: "Source Sans 3", sans-serif;
	font-weight: 500;
	font-size: 70%;
	letter-spacing: 0px;
	padding: 3px 0px 3px 0px;
	line-height: 120%;
	color: var(--color-textolibro);
	background-color: rgba(255, 255, 255, 0.6);
	margin: 0;
}


.lineanota {

	color: var(--color-textolibro);
	width: 10%;
	text-align: left;
	margin-left: 4.2%;
}

.lineaglosario {

	color: rgba(0, 86, 154, 0.4);


}


.capitulo_nombre {
	margin: 0px;
	 font-family: "Source Sans 3", sans-serif;
	font-weight: 600;
	font-size: 150%;
	letter-spacing: 0.3px;
	text-align: right;
	line-height: 100%;
	color: var(--color-textolibro);
	padding: 10px 4.2% 4px 4.2%;
	border-style: solid none solid none;
	border-width: 1px 0px 1px 0px;
	border-color:  #e9434b;
	background-color: #FFFFFF;
}
.capitulo_subtitulo{
	
	font-weight: 400;


}



.numerocapitulo {
	float: left;
	max-width: 20%;
	 font-family: "Source Sans 3", sans-serif;
	font-style: italic;
	font-weight: 600;
	font-size: 400%;
	letter-spacing: 0.3px;
	text-align: left;
	line-height: 100%;
	color: var(--color-textolibro);


}

.capitulo_nombre_cabecera {
	 font-family: "Source Sans 3", sans-serif;
	font-weight: 500;
	font-size: 40%;
	text-align: right;
}



.textogeneral {
	 font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 102%;
	letter-spacing: normal;
	word-spacing: -0.8px;
	text-align: justify;
	line-height: 1.5;
	color: #000;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	padding: 4px 4.2% 4px 4.2%;
	/*border-radius: 6px;*/
	margin-bottom: 10px;

	position: relative;
	/* Permite posicionar elementos dentro */
	overflow: hidden;
	/* Evita que elementos salgan del contenedor */
}

.textogeneralglosario {
	 font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 100%;
	letter-spacing: normal;
	word-spacing: -0.8px;
	text-align: justify;
	line-height: 1.5;
	color: #000;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	padding: 0 4.2% 0px 74px;
	text-indent: -30px;

	/*border-radius: 6px;*/

}
.colorlibro {
	color: var(--color-textolibro);
}



.glosario {
	text-indent: -10px;
	padding: 4px 4.2% 24px 4.2%;
	/*border-radius: 6px;*/
	margin-bottom: 5px;
}

.titulocapitulo1 {
	 font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-size: 124%;
	line-height: 120%;
	text-indent: 0px;
	text-align: left;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	color: var(--color-textolibro);
	padding: 20px 8px 20px 0;
	border-radius: 6px;
	margin-bottom: 10px;
}

.tituloapartado2 {
	 font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 160%;
	line-height: 120%;
	text-indent: 0px;
	text-align: left;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	color: var(--color-textolibro);
	padding: 20px 8px 20px 0;

	margin-bottom: 0px;
}

.tituloapartado3 {
	 font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: italic;
	font-size: 110%;
	line-height: 120%;
	text-indent: 0px;
	text-align: left;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	color: #264059;
	padding: 0px 0px 0px 0px;
	border-radius: 6px;
}

.tituloapartado4 {
	 font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: italic;
	font-size: 104%;
	line-height: 120%;
	text-indent: 0px;
	text-align: left;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	color: #264059;
	padding: 0px 0px 0px 0px;
	border-radius: 6px;
}


    /* ============================
       CONTENEDOR PRINCIPAL
       ============================ */
    .texto-box {
      border: 2px solid #004171;         
      border-radius: 6px;                
      overflow: hidden;              
      margin: 0 auto;
      background-color: #fff;
    }

    /* ============================
       ENCABEZADO (COLOR CLARO)
       ============================ */
    .texto-header {
      background-color: #E6EEF5;        
      border-bottom: 2px solid #2C75C6;  
      padding: 6px 12px;
      position: relative;
    }

    .texto-label {
      position: absolute;
      top: 8px;
      left: 12px;
      font-size: 100%;
      font-weight: 600;
      color: #005799;
    }

    .texto-titulo {
      text-align: center;
      	line-height: 116%;
      font-size: 150%;
      font-weight: 500;
      color: #005799;
        margin: 0;     
  padding: 4% 4% 2% 4%;  
    }

    /* ============================
       CONTENIDO / CUERPO DE TEXTO
       ============================ */
    .texto-contenido {
      padding: 16px;
    }

    .texto-contenido p {
      margin-bottom: 1rem;

    }

    /* Estilos para títulos I., II. en cursiva y con un poco de separación */
    .texto-contenido .subtitulo {
      font-style: italic;
      margin-bottom: 0.5rem;
    }

    /* Guion encargado de separar párrafos grandes (glosa) */
    .texto-contenido .glosa {
      margin-top: 1rem;
      margin-left: 1.2rem;
     
      color: #000;
    }

    /* Icono flecha horizontal (→) antes de la glosa */
    .texto-contenido .glosa::before {
      content: "↦";
      display: inline-block;
      margin-right: 0.4rem;
      color: #000;
    }


    .texto-contenido .glosa em {
      font-style: italic;

    }
    .texto-contenido .glosacita {
      margin-top: 1rem;
      padding: 0 3% 0 3%;
     
      color: #000;
    }

.pdf-button {
  display: inline-block;
  padding: 0.4em 1em;  
  font-family: "Source Sans 3", sans-serif;   
  font-size: 120%;
  font-weight: 700;
  color: #4b4b9c;   
  background-color: #e5e5f5;  
  border: 2px solid #5e5aae;  
  border-radius: 4px;  
  text-decoration: none;  
  text-align: center;
  transition: background-color 0.2s,       
              border-color 0.2s;
}

.pdf-button:hover {
  background-color: #d1d1f0; 
  border-color: #47478f;
  color: #2f2f6f;
}
.pdf-button:link,
.pdf-button:visited {
  color: #4b4b9c;    /* el verde deseado */
}
.pdf-button small {
  color: inherit;
}
.pdf-button:hover small {
  color: inherit;
}
.pdf-button-verde {
	  
  display: inline-block;
  padding: 0.4em 1em;
  font-family: "Source Sans 3", sans-serif;
  font-size: 120%;
  font-weight: 700;
  color: #1a5e1a;             /* color del texto en estado normal */
  background-color: #ebf5eb;  /* fondo verde muy claro */
  border: 2px solid #28a428;  /* borde verde */
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.pdf-button-verde:hover {
  background-color: #d4ecd4;  
  border-color: #1c6f1c; 
  color: #144d14;   
}
.pdf-button-verde small {
  color: inherit;
}
.pdf-button-verde:hover small {
  color: inherit;
}
.pdf-button-verde:link,
.pdf-button-verde:visited {
  color: #1a5e1a;    /* el verde deseado */
}


/* Contenedor principal con borde */
.dato-box {
  border: 1px solid #000;  
  border-radius: 4px;        
  margin: 1.5em 1em;  
  background-color: #fff;   
  overflow: hidden;    
  padding: 0 2% 0 2%;
}


.dato-content {
  padding: 1%;             
}

.dato-content p {
  margin: 0;                  
  font-size: 0.95rem;     
  line-height: 1.2;             
  font-style: normal;          
  color: #333;                  
}
.letraglosario {

	font-weight: 600;
	font-style: normal;
	font-size: 300%;

	text-indent: -28px;
	text-align: left;

	color: rgba(0, 86, 154, 0.4);
	padding: 20px 8px 0px 0;

	margin-bottom: -20px;
}

.titulocapitulo4 {
	 font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 100%;
	line-height: 112%;
	text-indent: 0px;
	text-align: left;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	color: #000;
	padding: 0px 0px 0px 0px;
	border-radius: 6px;
	text-decoration: underline;
}

.titulocapitulo5 {
	 font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 100%;
	line-height: 108%;
	text-indent: 0px;
	text-align: left;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	color: #000;
	padding: 0px 0px 0px 0px;
	border-radius: 6px;
	text-decoration: none;
}

.textocita {
padding: 0 8% 0 8%;
}


.textoatencion {

	padding: 2% 4% 2% 2%;
	border-style: solid;
	border-width: 2px;
	border-radius: 1px;
	border-color: var(--color-textolibro);
	margin: 10px 0px 10px 0px;
}

.textoinformativo {
	text-align: center;
	font-style: italic;
	color: var(--color-textolibro);
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.textoparrafocita {
	padding: 2% 4% 2% 2%;
}

.textonombrecita {
	font-weight: 500;
	text-align: right;
}

.textonotas {
	 font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 80%;
	letter-spacing: normal;
	word-spacing: -0.8px;
	text-indent: -10px;
	text-align: left;
	line-height: 1.2;
	color: #000;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	padding: 0px 6% 0px 6%;
	/*border-radius: 6px;*/
	margin: 0px;
}

sup, sub {
	font-size: 60%;
}

aside {
	padding: 0px;
	margin: 0px;
}

.textosubrayado {
	text-decoration: underline;
}

.resalteverde {
	font-size: 100%;
	color: #70AD47;
}

.resalterojo {
	font-size: 100%;
	color: #E60000;
}

.resaltemorado {
	font-size: 100%;
	color: #7030A0;
}

.resalteazul {
	font-size: 100%;
	color: #5B9BD5;
}

.resalteamarillo {
	font-size: 100%;
	color: #E4A61A;
}

.resaltenaranja {
	font-size: 100%;
	color: #ED7D31;
}

.resaltemarron {
	font-size: 100%;
	color: #AB7942;
}


.textocentro {
	text-align: center;
}

.textoderecha {
	text-align: right;
}


/* -----------------------------------------------------
   1) Reglas generales para listas CON marcador
   ----------------------------------------------------- */
ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
ul li {
  position: relative;
  padding-left: 1em;
}
ul > li::before {
  content: "– ";
  position: absolute;
  left: 0;
}
ul ul > li::before {
  content: "• ";
  position: absolute;
  left: 0;
}
ul ul ul > li::before {
  content: "· ";
  position: absolute;
  left: 0;
}

/* -----------------------------------------------------
   2) LISTA “sin viñeta” (elimina los guiones heredados)
   ----------------------------------------------------- */
.ul‐sin‐viñeta {
  list-style: none;
  margin: 0;
  padding-left: 1em; /* puedes poner 0 si no quieres sangría */
}
.ul‐sin‐viñeta li {
  margin: 0.5em 0;   /* opcional: espacio vertical entre ítems */
}
.ul‐sin‐viñeta > li::before {
  content: none !important;
}

/* 6) lista que arranque con • aunque sea primer nivel */
.ulpuntosinicio {
  list-style: none;
  padding-left: 14%;
  margin: 0;
}
.menospadding{
	padding-left: 3%;
}
.ulpuntosinicio > li {
  position: relative;
  padding-left: 1em;
}
.ulpuntosinicio > li::before {
  content: "• ";
  position: absolute;
  left: 0;
}

.paddingbajo{
	  padding-left: 2%;
}
.textotachado {
	text-decoration: line-through;
}


.ulglosario {
	text-indent: 0px;
}

.biblio {
	text-indent: -20px;
	padding-left: 40px;
	padding-bottom: 14px;
	margin: 0 0 0 0;
}
.biblio .entrada em {
  font-style: italic;

}

.biblio .entrada {

  line-height: 1.5;
  color: #222;
}
/* estilosindicedesplegable*/

.versalita {
	font-size: 108%;
  font-variant-caps: small-caps;
}

.textoindiceapartado1.desplegable {

	cursor: pointer;

	color: var(--color-textolibro);
}

.textoindiceapartado1.desplegable.open {
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: var(--color-textolibro);
	text-align: center;
}

.sub-items {
	display: none;

}







/* figuras*/
.flotaderecha {
	float: right;
	padding-right: 0px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

.flotacentro {
	margin: auto;
	text-align: center;
}

.flotaizquierda {
	float: left;
	padding-right: 20px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

.numerocuadro {
	 font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 90%;
	text-align: right;
	color: var(--color-textolibro);
	line-height: 1.1;
	padding: 0px 0px 4px 0px;
	margin: 0px;
	border-radius: 0px 0px 0px 0px;
	background-color: #fff;
}

.leyendacuadro {
	 font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-size: 88%;
	font-style: normal;
	text-align: justify;

	color: #000;
	line-height: 1.1;
	padding: 4px 0px 4px 0px;
	margin: 0px;
	border-radius: 0px 0px 0px 0px;
	background-color: #fff;
}

.imagencuadro {
	width: 100%;
	margin: 0;
	padding: 0;
}

.cuadrountercio {
	max-width: 280px;
	padding-top: 4px;
}

.cuadromedio {
	max-width: 360px;
	padding-top: 4px;
}

.cuadrodostercios {
	max-width: 500px;
	padding-top: 4px;
}

.cuadrocompleto {
	max-width: 100%;
	padding-top: 4px;
}

.excepcionimagen {
	width: 40px;
	margin-bottom: -5px;

}

.excepcionimagen2 {
	width: 20px;
	margin-bottom: -5px;

}

/* figuras*/
/* tablas*/
.titulotabla {
	 font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 90%;
	text-align: right;
	color: var(--color-textolibro);
}

.textoinformatabla {
	 font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-size: 86%;
	line-height: 1.2;
	text-align: left;
}

/* ========================
   CONTENEDOR GENERAL
   ======================== */
.valores {

  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem; /* separación vertical entre cada fila */
}

/* Cada fila: bloque naranja + flecha + bloque salmón */
.valor-item {
  display: flex;
  /* Cambiamos flex-start por stretch: así ambos hijos tienen siempre la misma altura */
  align-items: stretch;
}

/* ========================
   BLOQUE IZQUIERDO (NARANJA)
   ======================== */
.valor-categoria {

  border: 1px solid #000;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  width: 140px;
  /* Ya no ponemos min-height: dejamos que la altura venga por flex-stretch */
  /* min-height: 100px;  <-- lo eliminamos */

  /* Para centrar el texto verticalmente */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}

.fondosalmon1 {
	  background-color: rgb(237, 112, 104);
}
.fondoazul1 {
	  background-color: #2C75C6;  
}
.fondoVerde1 {
  background-color: #8da43a; /* verde oliva oscuro */
}
/* ========================
   FLECHA INTERMEDIA
   ======================== */
.valor-item .flecha {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 25px solid #000;
  margin: 0 0.1rem;
  /* Alineamos la flecha en el centro vertical del contenedor */
  align-self: center;
}

/* ========================
   BLOQUE DERECHO (SALMÓN)
   ======================== */
.valor-detalles {

  border: 1px solid #000;
  padding: 0rem;
  /* Flex 1 para ocupar todo el espacio restante */
  flex: 1;
}

/* Damos un poco de margen dentro de la lista numerada */

.fondosalmon2 {
  background-color: rgb(251, 206, 171);
}
.fondoazul2 {
background-color: #A9CCE3; 
}
.fondoVerde2 {
  background-color: #eaf0d7; /* verde claro */
}
.valor-detalles ol {
  list-style: decimal;
  margin: 8px 4px 8px 4px;
  line-height: 1.4;
}
.valor-detalles li {
  margin-bottom: 0rem;
}
/* ========================
   ESTILOS INTERNOS (texto de los cuadros de la derecha)
   ======================== */
.unidad {
padding: 0 0 0 2%; 
}

.unidad-titulo {
  font-weight: 600;
  font-size: 100%;
  margin-bottom: 0rem;
  /* Color ligeramente más oscuro para resaltar el título */
  color: #000;
}



/* Evitar márgenes internos inesperados */
.valor-detalles p,
.valor-detalles ul {
  margin: 0;

}


table {
	width: 100%;
	border-collapse: collapse;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	line-height: 1.4;
}

.textocentrado {
	vertical-align: top;
	text-align: center;
}

th,
td {
	border: 1.4px solid black;
	padding: 4px;
	text-align: left;
}

th {
	background-color: #f2f2f2;
	text-align: center;
}

.puntosentablas {
	margin: 0px;
	padding: 0px;
}



table.tablaanexo {
	width: 100%;
	vertical-align: top;
	border-collapse: collapse;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.tamano60 {
	width: 80%;
}

.zona-roja {
	font-weight: 600;
	color: #fff;
	background-color: #FF0000;
}

.zona-ambar {
	font-weight: 600;
	color: #fff;
	background-color: #FF7B00;
}

.zona-verde {
	font-weight: 600;
	color: #fff;
	background-color: #00BD00;
}

table.tablacolor th {
	border: 1.2px solid white;
	font-weight: 500;
	background-color: var(--color-textolibro);
	color: #fff;
}

table.tablacolor th:first-child {
	width: 36%;
}

.celdaazul {
	padding-left: 8px;
	border: 1.2px solid white;
	font-weight: 400;
	background-color: #30567C;
	color: #fff;
}

.celdaamarilla {
	padding-left: 8px;
	border: 1.2px solid black;
	background-color: #FCF7B5;
}

.celdaazulclaro {
	padding-left: 8px;
	border: 1.2px solid black;
	background-color: #C8E3F8;
}

.game-img {
	max-height: 120px;
	width: auto;
}

/* Fin tablas*/
/* NOTAS a pie */
.note-ref {
	color: blue;
	text-decoration: none;
	vertical-align: super;
	font-size: smaller;
}

.footnote {
	margin-top: 50px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	font-size: smaller;
}

.footnote p {
	margin: 0;
}

/* FIN NOTAS a pie */
/* estilos indices */
.textoindice {
	 font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	text-align: left;
	font-style: normal;
	line-height: normal;
	color: #000;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	padding: 0% 1% 0px 8%;
	/*border-radius: 6px;*/
	margin-bottom: 0px;
}

.textoindiceapartado1 {
		font-style: normal;
	text-align: center;
	font-weight: 500;
	font-size: 110%;
	text-indent: -24px;
	padding: 0;
	margin-bottom: -0px;
}

.textoindiceapartado2 {
	font-style: normal;
	text-align: left;
	font-weight: 400;
	font-size: 108%;
	text-indent: -28px;
	padding: 0% 4% 0px 54px;
	margin-bottom: -4px;
}

.textoindiceapartado3 {
	font-style: normal;
	text-align: left;
	font-weight: 400;
	font-size: 104%;
	text-indent: -40px;
	padding: 0% 2% 0px 10%;
	margin: 20px 0 20px 0;;
}

.textoindiceapartado4 {
	font-style: normal;
	text-align: left;
	font-weight: 500;
	font-size: 100%;
	text-indent: -40px;
	padding: 0% 4% 0px 134px;
	margin-bottom: -4px;
}

.lineaindice {
	padding: inherit;
	border-top: 1px solid #30567C;

	color: #30567C;
}


/*PARA TITULOS*/
.apartadocontenedor {
	margin-top: 18px;
	;
	position: relative;
	display: block;
	/* Asegura que el contenedor ocupe todo el ancho */
	width: 100%;

}

.apartadoicono {
	position: absolute;
	top: 0px;
	/* Ajuste fino para acercar la lupa al borde superior */
	left: 40px;
	/* Ajuste horizontal para acercarla al rectángulo */
	z-index: 1;
	/* Coloca la lupa encima del rectángulo */

	height: 64px;
	width: auto;
}

.apartadorectangulo {
	background-color: #E76418;
	color: white;
	padding: 8px 10px 8px 60px;
	/* Espacio para la lupa */
	border-radius: 6px;
	box-sizing: border-box;
	display: block;
	/* Asegura que ocupe todo el ancho disponible */
	width: 100%;
}

.apartadotexto {
	font-weight: 700;
	font-size: 106%;
	word-spacing: 0px;
	line-height: 110%;
	text-indent: 0px;

	word-break: break-word;
	/* Evita desbordamientos */
	display: inline-block;
	text-align: left;
	/* Ajusta el texto dentro del rectángulo */
	padding-left: 20px;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

sup {
	font-size: 80%;
}


.tablaabre {
	font-size: 88%;
	width: 100%;
	border-collapse: collapse;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

table.tablaabre,
th.tablaabre,
td.tablaabre {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}

th.tablaabre {
	background-color: #f4f4f4;
}

table.tablaabre td.tablaabre:first-child {
	width: 60px;
}


/* fin estilos indices */
.autor {
	 font-family: "Source Sans 3", sans-serif;
	font-weight: 700;
	font-size: 120%;
	letter-spacing: 0.3px;
	text-align: left;
	line-height: 100%;
	color: var(--color-textolibro);
	margin-bottom: 10px;
	margin-top: 30px;
}

.cargo {
	margin-top: -10px;
	font-style: italic;
}

.creditos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding: 2% 8% 0 8%;
	text-align: left;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.agradecimientos {
	font-size: 110%;
	font-weight: 400;
	font-style: italic;
	text-align: right;
	padding: 120px 4% 20px 20%;
	color: #000;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.nombrecita {
	font-size: 100%;

	font-style: normal;
	text-align: right;

	color: #000;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

#logoRMgris {
	text-align: left;
}

#logoPie {
	border-radius: 0px 0px 8px 8px;
	padding: 1%;
	background-color: #788fa3;
}

/* BOTONERAS */
/* xxx BOTONERA FLOTANTE*/
.botonerflotante {
	z-index: 10;
	max-width: 760px;
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	background-color: #EFEAE6;
	text-align: center;
	padding-top: 0px;
}

.botonesColocacionflotante {
	border-radius: 8px 8px 0px 0px;
	height: 50px;
	background-image: url("../images/bot_fondo.png");
	background-repeat: repeat-x;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding-top: 0px;
}

/* xxx BOTONERA no FLOTANTE  */
.botonera {
	z-index: 2;
	max-width: 760px;
	background-color: #EFEAE6;
	text-align: center;
	padding-top: 0px;
}

.botonesColocacion {
	border-radius: 0px 0px 0px 0px;
	height: 50px;
	background-image: url("../images/bot_fondo.png");
	background-repeat: repeat-x;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding-top: 0px;
}

/* xxx BOTONES xxxxx */
.botonsubir {
	visibility: hidden;
	z-index: 4;
	position: -webkit-sticky;
	position: sticky;
	padding: 0px;
	cursor: pointer;
	text-align: right;
	bottom: 20px;
	right: 20px;
	margin-right: 20px;
}

.botones {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 100%;
	color: #FFFFFF;
	padding: 6px 8px 0px 8px;
}

/* FIN BOTONERAS */