:root {
    --fondo: #fff;
    --primario: #404040;
}

::selection { 
    background: #404040;
    color: #fff;
}

@font-face {
  font-family: 'Helvetica';
}

html {
  margin: 0 auto;
  font-size: 18px;
  overflow-y: scroll;
  color: var(--primario);
  background-color: var(--fondo);
  padding: 0;
  display: table;
  font-family: 'Helvetica';
}

body {
  margin-top: 0;
  max-width: 1140px;
}

header {
  margin-bottom: 1rem;
  margin-top: 0;
}

header img {
  transition: opacity 0.5s;
}

header img:hover {
  opacity: 0;
}

main {
  display: table-cell;
  padding: 0;
}

aside {
  width: 25%;
  position: relative;
  float: right;
  padding-left: 1rem;
  margin-left: 2rem;
  border-left: 1px solid #ccc;
  top: 0px;
  bottom: 0px;
  font-size: 0.94rem;
}

aside div{
  margin-bottom: 2.5rem;
}

aside ul {
padding-left:0;
list-style-type: "▸ ";
list-style-position: inside;
margin-bottom: 1rem;
}

#TOC li li{
list-style-type: none;
        }

#TOC li li a{
  color: gray;
  pointer-events: none; /* Enlace de ancla anulado. */
        }

aside .logo {
  width: 30%;
  opacity: 70%;
  margin: 2rem;
}

ul {

}

a {
  text-decoration: none;
  color: var(--primario);
}

h1 {
  font-size: 1.4rem;
  padding-top: 3rem;
  border-top: 1px solid #ccc;
  margin-top: 2rem;
}

h2 {
display:none;
}

h3 {
  font-size: 1.4rem;
  padding-top: 3rem;
  border-top: 1px solid #ccc;
  margin-top: 2rem;
}

hr {
  margin-top: 2rem;
  border: none;
  height: 1px;
  background-color: #ccc;
}



img {
  width: 100%;
  /*! opacity: 0; */
}

p {
  line-height : 1.5;
}

p.tit {
text-transform: uppercase;
font-weight: bold;
margin-bottom:0;
}

p.fecha {
margin-top: 0;
}

p.hora {
margin-top: 0;
}

p.LUGAR {
margin-top: 0;
}

p.pelicula {
  margin-bottom: 0;
}

p.datos {
  margin-top: 0;
  color: gray;
}

footer {
  text-align: center;
  border-top: 1px solid #ccc;
  margin-top: 3rem;
}

.footnotes {
  margin-top: 3rem;
}

.footnotes p{
  margin: 0.5rem;
}

.footnotes ol{
  margin-top: 2rem;
}

/* Resoluciones para teléfono: */

@media only screen and (max-width: 799px) {

aside {
  width: 100%;
  padding-left: 1rem;
  margin-left: 2rem;
  border-bottom: 1px solid #ccc;
  top: 0px;
  bottom: 0px;
  font-size: 0.94rem;
  display: flex;
}
  
aside #fecha {
  flex: 1;
  box-sizing: border-box;
  text-align: right;
  order: 2;

}
  
aside #programa {
    flex: 1;
    box-sizing: border-box;
}

}