body {
	background-color: #f4f0e4;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

a {
	color: black;
	text-decoration: none;
}

hr {
	width:50%;
	text-align:left;
	margin-left:0:
}
.cursiva {
  font-style: italic;
}


/* Tablas menú */

div.container {
  display: flex; 
  justify-content: space-between;
}
div.shrink, div.grow {
  margin: 0 75px;
  flex-basis: auto;
}
div.shrink {
  flex-shrink: 1;
  font-weight: bold;
  text-align: left;
  letter-spacing: 10px;
}
div.grow {
  flex-grow: 1;
  text-align: right;
}
.seccionActual {
  display: inline;
  border-bottom: 3px solid #f9dd94;
}


/* Tabla Bio */

div.TituloBio {
	font-family: 'Cormorant Garamond', serif;
    font-size: 23px;

	text-align: center;
	justify-content: center;
	
	letter-spacing: 5px;

	margin-top: 25px;
}
div.TituloPremios {
	font-family: 'Cormorant Garamond', serif;
    font-size: 23px;

	text-align: center;
	justify-content: center;
	
	letter-spacing: 5px;

	margin-bottom: 25px;
}
div.linkBioLang {
	font-family: 'Cormorant Garamond', serif;
    font-size: 15px;

	text-align: center;
	justify-content: center;
	
	margin-top: -15px;
	margin-bottom: 5px;
}
section.tablaBio {
	display: flex;
	justify-content: center;	
	align-items: flex-start;
	flex-wrap: wrap; /* si no cabe, salto de línea */	
}
div.cajaBioFotos {
	margin: 20px;
}
div.cajaPremiosFotos {
	margin: 20px;
	margin-top: 70px;
}
div.cajaBioTexto {
	font-family: IBM Plex Sans, Arial, sans-serif;
    font-size: 15px;

	letter-spacing: 2px;

	margin: 20px;
	
	min-width: 500px;
	max-width: 700px;

	text-align: justify;
}
div.cajaBioPremiosTexto {
    font-size: 15px;

	margin: 20px;
	
	min-width: 500px;
	max-width: 700px;
}
div.fotoVolcan {
	margin-top: 50px;
	text-align: center;
}
a.linkBio {
	text-decoration: underline;
	text-decoration-color: black;
	text-decoration-thickness: 10%;
}
div.cajaContacto {
	font-family: 'Cormorant Garamond', serif;
    font-size: 20px;

	text-align: center;
	justify-content: center;

	margin-top: 10px;
	margin-bottom: 30px;
}
a.linkSerbia {
	text-decoration: underline;
	text-decoration-color: #f9dd94;
	text-decoration-thickness: 10%;
}
a.linkMail {
	text-decoration: underline;
	text-decoration-color: #f9dd94;
	text-decoration-thickness: 10%;
}

/* Tabla Shorts */

section.tablaShorts {
	display: flex;
	justify-content: left;
	align-items: left;
	flex-wrap: wrap; /* si no cabe, salto de línea */
}
div.cajaShort {
	margin: 25px;

	line-height: 45px;

	font-family: 'Cormorant Garamond', serif;
    font-size: 23px;

	letter-spacing: 2px;
}


/* Tabla ShortDisplay */

div.TituloShort {
	font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
	font-weight: bold;

	letter-spacing: 2px;

	margin-top: 25px;
	margin-bottom: 5px;

	text-align: center;
	justify-content: center;
}
section.tablaShortDisplay {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap; /* si no cabe, salto de línea */	
}
div.cajaShortDisplayVideo {
	margin: 20px;
}
div.cajaShortDisplayTexto {
	margin: 20px;
	
	min-width: 500px;
	max-width: 600px;
}



/* Zoom en hover imágenes */

.zoom-effect-container {
    float: left;
    position: relative;
    width: 800px;
    height: 450px;
    margin: 0 auto;
    overflow: hidden;
}
.image-card {
  position: absolute;
  top: 0;
  left: 0;
  
}
.image-card img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.zoom-effect-container:hover .image-card img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}



/* Blog */

.BlogCuerpo {
	text-align: justify;
	font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
}
.BlogCuerpo a {
	font-family: 'Cormorant Garamond', serif;
	text-decoration: underline;
	text-decoration: underline #f9dd94;	
}
span.BlogTitulo {
	font-family: 'Cormorant Garamond', serif;
    font-size: 28px;
	font-weight: bold;
}
span.BlogFecha {
	font-family: 'Cormorant Garamond', serif;
	font-size: 18px;
}
.BlogFecha a {
	font-family: 'Cormorant Garamond', serif;
	text-decoration: underline #f9dd94;	
}
span.BlogMenuUp {
	font-family: 'Cormorant Garamond', serif;
	font-size: 18px;
}
span.BlogMenuUp a {
	font-family: 'Cormorant Garamond', serif;
	font-size: 18px;
	text-decoration: underline #f9dd94;	
}
span.BlogEntradas {
	font-family: 'Cormorant Garamond', serif;
	font-size: 18px;
}
span.BlogCategorias {
	font-family: 'Cormorant Garamond', serif;
	font-size: 18px;
}