/* ==========   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 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: 2em;  
	margin-top: 6em;
}

h1.h1-creditos {
	height: auto;   
	border-left: 5px solid #004481;
	padding: .6em 0 .6em 1.1em;
	column-span: all;	
	font-size: calc(1em + 1vw) !important;
	font-style: normal;
	font-weight: bold;
	margin-top: 3em;
	padding-top: 45px;		
	line-height: 1.1;
}


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

.js-to_expand {padding-bottom: 2em;}


.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;
	padding-left: 25px;
}

.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;
}







							
								/* HEADER - NAV - HAMBURGUESA - LOGO EN HEADER */

#header {
  z-index: 99999;
  background-color: #ffffff;   /* #E9E9E9 */
/*   max-width: 1360px; */
  margin: 0 auto;
}
#header #bookname{
	color:#043263!important;
	font-weight: bold;
	max-width:60%;
	display:inline-block;
	padding:18px 5px 10px 5px;
/* 	padding-left: 60px!important; */
	line-height:1.6;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#logobbva {
  max-width: 8em;
  margin-left: 0vw;
  float: left;
  padding: 10px 5px;
}
	@media screen and (max-width: 659px) {#logobbva {display: none;}}
	
					/* Hamburguesa a la derecha */
.nav-toggle{   
	margin-left:15px;
	margin-right: 0;   
	float:right;
	margin-top: 5px;
}	
					/* Las letras para el cambio de tamaño */
#title-controls {	margin-top: 3px;}

					/* Para llevar el #NAV la derecha en esta colección */
#nav {
	left: auto;
	right: 0;  /* overriding el docnav.css línea 128, que por defecto lo pone a la izq;  left:0;  */	
	transform: translateX(100%);   /* adaptando el trasnform para que se lo lleve por la derecha. estaba en -100% */
	-webkit-transform: translateX(100%);
}
/* Específicos para el #NAV   Overrides del docnav.css*/
@media screen and (min-width: 1240px) {
	#toggle-nav-checkbox:checked+#nav+#content{padding-left:0px}  /* estaba en 300   para no empujar el content*/
	#toggle-nav-checkbox:checked+#nav+#content{margin:0 auto; margin-top: 47px;}  /* estaba en 0 60px y sin margin top. Para que no se desplace hacia abajo. */	
    #nav {width: 400px;}  /* hacer más ancho en lva cuando cabe sin tapar. para pantallas más pequeñas se queda en 300px */	
}

/* para que los enlaces del #nav visitados no tengan otro color  */
#nav a:visited{color:inherit;}
							
#nav a.toc-link:visited{
	color:black;
	-webkit-text-fill-color: black!important;}


						
							
.bigfoot-footnote__container {display: inline; }


.bigfoot-footnote__wrapper {width: auto; max-width: 60em;}

@media (min-width: 1200px) {
	.bigfoot-footnote__wrapper {padding-left: 10em;}
}

.bigfoot-footnote__button::after {
    content: '';
    display: initial;
    clear: none;
    word-wrap: normal;
    word-break: normal;
}
.bigfoot-footnote__button {
    position: relative;
    z-index: 5;
    top: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    cursor: pointer;
    background-color: none;
    -webkit-backface-visibility: inherit;
    backface-visibility: inherit;
    font-size: inherit;
    line-height: 0;
    vertical-align: inherit;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    hyphens: auto; 
	  color: var(--color-mediumblue)!important;
		-webkit-text-fill-color: var(--color-mediumblue)!important; 
	  font-size: .95em;
}
.bigfoot-footnote {
  position: fixed;
  bottom: 0;
  top: auto;
  left: 0 !important;
  right: auto;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  width: 100%;
  margin: 0;
  border-radius: 0;
  opacity: 1;
  border-width: 1px 0 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  padding-bottom: 20px;

}