/* ==========   Rafael 16 nov. ===========  */
/* Para que en Edge y Explorer las ventanas de Bigfoot aparezcan a su ancho correposndiente */
/* 
.bigfoot-footnote__container {
width: 100%;
}


.bigfoot-footnote__wrapper {
width: 100%;
}
 */
/* Eliminar el footer de Spanda */
#nav .footer-toc .powered-text,
#nav .footer-toc .logo {display: none;}

/* Para que en el puto Explorer las imágenes no salgan distorisionadas */
img {/*! width:auto; */}



section {margin-top: 1em;}	
/* section::after {margin-top: 5px;} */



/* Otro acordeon - con ARIA */
/* LOS h1 y su contenido tienen que se siblings.... Los h1 no pueden estar en una div. hay que dar estilo a esos h1  */

div.bl-tit-cap {
	height: auto;   
	min-height: 8em;
	border-left: 5px solid #004481;
	padding: .6em 0 .6em 2em;
	display: flex;
	column-span: all;
	flex-direction:column;
	justify-content: center;
	margin-bottom: 4em;  
}



h1.js-expandmore {
	height: auto;   
	min-height: 2em;
	border-left: 5px solid #004481;
	padding: .6em 0 .6em 2em;
	column-span: all;
	margin-bottom: 4em;  
		
	font-size: calc(1.1em + 1vw) !important;
	font-style: normal;
	font-weight: bold;
	margin: 0;
	line-height: 1.1;
}
h1.js-expandmore::before {
    display: block;
    content: initial;
    height: 0;
    margin-top: 0;
    visibility: initial;
}






.rv_button.closed:after {content:"\33";}
.rv_button.opened:after{content:"\32";}


.js-to_expand[aria-hidden=true],
.js-to_expand[data-hidden=true] {
  display: none;
}

.expandmore__button {
  background: none;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.expandmore__button span.text-h1 {
	text-align: left;
}

/* optional */
.expandmore__symbol {
	order: 2;
}

.expandmore__symbol::after {
  content : '+ ';
}
.expandmore__button[aria-expanded=true] > .expandmore__symbol::after {
  content : '− ';
}

/* This is the opened state */
.animated-expandmore__to_expand {
 display: block;
 overflow: hidden;
 opacity: 1;
 transition: visibility 0s ease, max-height 2s ease, opacity 2s ease ;
 max-height: 80em;
 /* magic number for max-height = enough height */
 visibility: visible;
 transition-delay: 0s;
}
/* This is the hidden state */
[data-hidden=true].animated-expandmore__to_expand {
 display: block;
 max-height: 0;
 opacity: 0;
 visibility: hidden;
 transition-delay: 2s, 0s, 0s;
}







							/* El HEADER */

							#header {
							  z-index: 99999;
							  background-color: white;   /* #E9E9E9 */
							}
							#header #bookname{color:black!important;
							max-width:60%;
							display:inline-block;
							padding:10px 5px;
							/*! padding-left: 60px!important; */
							line-height:1.6;
							white-space:nowrap;
							overflow:hidden;
							text-overflow:ellipsis;
							/*! text-align: center; */
}

							#logo-header {
							  max-width: 7em;
							  margin-left: 0vw;
							  float: left;
							  padding: 10px 5px;
							}

							@media screen and (max-width: 760px) {
							  #logo-header {
								display: none;
							  }
							}