
:root{
   --font_titles: Montserrat;

   --font_body:  'Montserrat', sans-serif;
   --font_anchors:  'Nunito', 'Open Sans', sans-serif;
   --font_code:  'Consolas', sans-serif;

   --top: #b72225;
   --menu_font: RGB(255,255,255,0.5);
   --menu_movil: RGB(75,101,135);
   --menu_hover: #c8c6c6;

   --enlaces: #544913;
   
   --toc: #F3F6F7;
   --font_toc: #b72225;   		
   --bfont_toc: #658594;
   --toc_title:#b4b1b1;
   
   --foot: #cfd9de;
   --font_content: #2A363B;
   --bg_sutil:#fff;
   --fondo: #F3F6F7;
   --visitado: #f6ce71;
   --content-hover: #f3ba35;
   --scrollbar: #faf7ea;

   --panel: #rgba(206, 221, 245, 1);

}
sup {color: var(--top);}
code,
kbd,
samp {
	font-family: var(--font_code), monospace;
	font-size: 1em;
}
strong {
   color:black;
   font-weight: lighter;
}

em {
   font-family: var(--font_anchors);
   font-style: italic;
   color: var(--font_toc);
}

h1, h2, h3 {
   font-family: var(--font_titles);
   font-weight: normal;
   line-height: 1.3;
}
h1 {color: var(--top);}
h2, h3 {color: #3a320d;}
h1 {font-size: 1.8rem;}
h2 {font-size: 1.25rem;}
h3 {font-size: 1.1rem;}
h4 {font-size: 1rem; font-weight: bold; line-height: 1; margin: 5px 0;}
h5 {font-size: 1rem; color: var(--top);}

h6 {
   font-family: var(--font_body);
   color: var(--menu_movil);
   line-height: 1.5;
}

p {
   color: var(--font_content);
}

a {
   font-weight: 500;
   text-decoration: none;
   color: var(--enlaces);
}


a:hover {
   color: var(--font_toc);
   font-weight: bolder;
   cursor: pointer;
}
/*
a[href*="http"]{
   color:#f00;
 }
*/

a[target] {
   background: url('./fuentes/external-link-16.png') no-repeat 100% 60%;
   background-size: 10px 10px;
   padding-right:11px;
 }

 details {
   display: block;
	margin-left: 2rem;
	margin-right: 2rem;
   border: solid 1px var(--foot);
 }
 details > summary {
   padding: 5px 0;   
   background-color: var(--foot);
   cursor: pointer;
   
 }
 
 details > p, details > ul {
   padding: 2px 2em;
   padding-right: 2rem;
   margin: 0;
 }

 tachon {
   text-decoration:line-through;
   color: darkred;
 }