@charset "utf-8";
@import url("https://use.typekit.net/jtk3gha.css");
@import url("https://use.typekit.net/bpg7jls.css");
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;700&display=swap');
/* CSS Document */

html{
    /*height:100%;*/
}

body{
    /*height:100%;*/
    /*font-family: 'Helvetica Now Text', Helvetica, sans-serif;*/
    font-family: "area-normal", sans-serif;
    padding-bottom: 0;
    color: #444;
}

/*body.homepage{*/
/*    background: url(../material/cover/martin-estol-cover-3.jpg) no-repeat center center fixed;*/
/*    -webkit-background-size: cover;*/
/*    -moz-background-size: cover;*/
/*    -o-background-size: cover;*/
/*    background-size: cover;*/
/*}*/

/*colores*/
:root {
    --rojo: #f92b2b;
    --azul: #2b4ef9;
    --negro: #1a1912;
    --grisoscuro: #424242;
    --grismedio: #8f8f88;
    --grisclaro: #efefe8;
    --grismuyclaro: #f9f9f9;
    --amarillo: #e3ff3c
}


h1{
    font-weight:normal;
    font-size: 5em;
    line-height: 1.1em;
    padding: 0;
    margin-bottom: 0.4em;
    font-family: "area-normal", sans-serif;
    font-weight: 900;

    /*font-family: 'Area Normal Black';*/
    /*font-weight: 900;*/
}

h1.destacado{
    font-weight:bold;
}

h1 span{
    background-color: rgba(0,0,0,0.6);
    padding: 0.1em;
}

h2{
    font-weight:700;
    font-size: 2.8em;
    line-height: 1.5em;
    padding: 0 0 0.5em;
    font-family: "area-normal", sans-serif;
}

h3{
    font-weight:300;
    font-size: 1.7em;
    line-height: 1.3em;
    font-family: "area-normal", sans-serif;
    color: #817676;
    margin: 1em 0 0.5em;
}

    h3.copete{
        font-size: 1em;
        text-transform: uppercase;
        letter-spacing: 2px;    
        font-weight: bold;
        margin: 2em 0;
        color: var(--rojo);
    }


h4{
    font-weight:500;
    font-family: "area-normal", sans-serif;
    margin: 1em 0 0.5em;
}

p, li{
    font-weight:normal;
    font-size: 1em;
    line-height: 1.5em;
    padding-bottom: 1.2em;
}

p b, li b{
    font-family: "area-normal", sans-serif;
    font-weight: 900;
}
h3 b{
    font-family: "area-normal", sans-serif;
    font-weight: 900;
}
select{
    font-weight:normal;
    font-size: 1em;
    line-height: 1.5em;
    padding: 0.5em;
}
option{
    margin-bottom: 0.5em;
}
a{
        color: inherit;
        /*text-decoration: none;*/
}

a:link{

}

a:hover{

}

a:visited{

}

sup{
    position: relative; top: -0.4em; font-size: 70%;
}

ol{
    list-style: inside;
    list-style-type: decimal;
}

p.aclaracion-li{
    padding-left: 24px;
}

p.texto-pequenio{
    font-size: 0.8em;
}

.texto-rojo{
    color: var(--rojo);
}
.footer-desktop {
    display: block;
}
.footer-mobile{
    display: none;
}

/*2 columnas de texto*/
.texto-2columnas{
  column-count: 2;
  column-gap: 22px;
  column-rule: 0px solid #3366FF;
}

/*3 columnas de texto*/
.texto-3columnas{
  column-count: 3;
  column-gap: 22px;
  column-rule: 0px solid #3366FF;
}



/*HEADER*/

header{
    width: 100%;
    z-index: 12000;
    padding: 2.5% 3.3% 1.5%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    /*padding: 35px 0 35px 0;*/
    /*height: 22px;*/
}

/*body.homepage header{
    background-color:var(--rojo);
    position: relative;
}*/

body.modooscuro header{
    background-color:transparent;
}

header h1{
    float: left;
}

header h1 a{
    text-decoration: none;
}
header .cabecera-logo{
    width: 25%;
    min-width: 250px;
    max-width: 350px;
}

header h1 a img {
    width: 100%;
}

body#home header h1 a{
    color: #DDD;
    text-decoration: none;
}
body.modooscuro header h1 a{
    color: #FFF;
}
span.traduccion{
    font-size: 16px;
}


/*NAV*/


nav{
    float: right;
    margin-top:0%;
}

nav ul{
    list-style:none;
}

nav ul li{
    float:left;
}

nav ul li a {
    font-weight:400;
    font-size: 1em;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFF;
    opacity: 0.6;
    margin-left: 30px;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    padding: 5px;
    background-color: rgba(0,0,0,0.1);
}

.homepage nav ul li a {
    background-color: var(--azul);
}

nav ul.nav-secundario li a{
    font-size: 0.85em;
    /*text-transform: none;*/
}

body.modooscuro header nav ul li a{
    color: #FFF;
    background-color: transparent;
}

body.modooscuro header nav ul li a{
    opacity: 1;
}

nav ul li a:hover{
    opacity: 1;
    background-color: var(--rojo);
}
nav ul.nav-secundario li a:hover{
    opacity: 1;
    background-color: var(--grismedio);
}

nav ul li.activo a{
    opacity: 1;
    background-color: rgba(0,0,0,0.07);
}
nav ul li.activo a:hover{
    opacity: 1;
}

nav ul li.activo a{
    opacity: 1;
    background-color: var(--amarillo);
    color: var(--rojo);
}

nav ul li.nav-lenguaje a{
}

nav ul li.nav-lenguaje a:hover{
}

nav ul li.nav-lenguaje a {
    margin-left: 0;
    color: #CCC;
}

nav ul li.nav-lenguaje {
    margin-left: 40px;
    color: #999;
}

nav ul li.nav-lenguaje a.lenguaje-activo {
    color: #999;
}

.menumobile{
    position: absolute;
    right: 0;
    text-align: right;
    padding: 15px;
    padding-top: 0;
}

.navmobile{
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.navmobile ul{
    background-color:  rgba(255,255,255,1);
    padding: 12px 17px;
}

.navmobile ul li {
    padding-bottom: 9px;
}

.navmobile ul li a {
    font-weight:400;
    font-size: 1em;
    text-transform: uppercase;
    text-decoration: none;
    color: #444;
    opacity: 0.7;
}

.bt-menu-mobile{
    cursor: pointer;
}
/*FOOTER*/

            footer{
                position:   relative;
                bottom:     0;
                font-size:  0.80em;
                line-height:    1.3em;
                padding: 4em 2em 5em;
                background-color: var(--grisoscuro);
                color: #F0F0F0;
                z-index: 2000;
            }
            .columna-footer{
                display: inline-block;
                vertical-align: top;
                width: 33%;
            }

            .columna1-footer{
                /*text-align: center;*/
            }
.columna2-footer{
    margin-top: 1em;
    text-align: center;
}
.columna3-footer{
    margin-top: 1em;
    text-align: right;
}

            footer p{
                font-weight: 300;
                padding: 0;
            }
            footer p.logo-turma{
                margin: 0.5em 0;
            }
            footer p.logo-turma img{
                width:  180px;
            }
            footer p.logo-felifa-footer{
                margin: 0 0 0.5em 0;
            }
            footer p.logo-felifa-footer img{
                width:  120px;
            }
/*CONTENIDO*/


.contenido100{
    width: 100%;
    margin: 0 auto;
}

.contenido90{
    width: 1400px;
    max-width: 95%;
    margin: 0 auto;
}


.contenido80{
    width: 1200px;
    max-width: 95%;
    margin: 0 auto;
}
.contenido60{
    width: 800px;
    max-width: 95%;
    margin: 0 auto;
}

.slider-principal{
    width: 100%;
    height: 100vh;
    background-color: var(--rojo);
    overflow: hidden;
    position:relative;
}

.slider-principal50{
    height: 50vh;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.seccion-roja{
    background-color:  var(--rojo);
    color: #FFFFFF;
}
.seccion-amarilla{
    background-color:  var(--amarillo);
    color: #000;
}

.seccion-azul{
 background-color:  var(--azul);
    color: #FFFFFF;
}
.seccion-gris{
    background-color:  var(--grismedio);
    color: var(--grisclaro);
}
.seccion-blanca{
    background-color:  #FFF;
    color: #000;
}
.seccion-grisoscuro{
    background-color:  var(--grisoscuro);
    color: var(--grisclaro);
}

.seccion-grisclaro{
    background-color:  var(--grisclaro);
    color: #000000;
}
.seccion-grismuyclaro{
    background-color:  var(--grismuyclaro);
    color: #000000;
}
.seccion-negro{
    background-color:  var(--negro);
    color: var(--grisclaro);
}

.seccion-roja h3{
    color: #fff;
}

.triangulo{
    position: absolute;
    bottom: 0;
    right: 2%;
    width: 200px;
    max-width: 35%;
}
.triangulo-footer{
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 200px;
    max-width: 25%;
}


.triangulo img, .triangulo-footer img{
    width: 100%;
    display: block;
}
.convocatorias-premios{
    widows: 100vh;
}
.marco-triangulo{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 1000;
    top: 0;
    display: none;
}
.marco-triangulo-quieto{
    position: absolute;
}

.marco-triangulo-quieto-50{
    height: 50vh;
}

/*INDEX PRELIMINAR*/
.info-gral-felifa{
    margin: 0;
    padding: 0;
    position:   relative;
    text-align: center;
    width: 95%;
}
.marca-edicion{
    position: absolute;
    top: 0;
    right: 0;
    height: 100px;
    width:  50px;
    padding:    15px 45px;
    background-color: var(--rojo);
    border-right:var(--azul) 20px solid;
}
.marca-edicion p{
    text-align:     right;  
    font-size:  4em;
    color:#FFF;
}
.logo-felifa-intro{
    max-width:  95%;
    /*width:  600px;*/
    margin: 0 auto;  
    padding:    5em 0 2.5em;
}
.logo-felifa-intro img{
        width:  100%;
    max-width:  300px;
}



#inicio{
    height: 100vh;
}


.intro-felifa{
    position: absolute;
    z-index: 5000;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
}
.intro-felifa h1{
    margin-bottom: 0.2em;
}
.intro-felifa h2{
    margin-bottom: 1em;
    font-size:  1.8em
}

.convocatorias-premios{
    padding: 0;
}

.una-convocatoria-premio{
    position: relative;
    margin: 0em auto;
    width:  100%;
    height: 100vh;
    background-color: var(--grismuyclaro);
    /*display: inline-block;*/
    /*background: url('../material/cabeceras/felifa_premio_publicacion-felifa-la-luminosa-juanita-escobar-05.jpg') no-repeat center center;*/
    /*background: url('../material/internacional/felifa_premio_internacional_ganador_yael_martinez_la_casa_que_sangra_02.jpg') no-repeat center center;*/
    background: url('../material/cabeceras/felifa_feria_editorial.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/*
.una-convocatoria-premio-imagen{
    width: 100%;
    max-height: 80vh;
}
*/
.una-convocatoria-premio-imagen img{
    width: 100%;
    display: block;
}

.una-convocatoria-premio-texto{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    max-width: 95%;
    width: 880px;
    margin: 0 auto;
    padding: 1em;
    box-sizing: border-box;
    text-align: center;

}


.una-convocatoria-premio h1{
    /*text-transform: uppercase;*/
    margin: 0.3em 0;
    color: #FFF;
}


/*PREMIOS*/
.convocatoria-desarrollo{

}

.info-convocatoria-datos{
    width: 100%;
}
.info-convocatoria-un-dato.cerrado {
    background-color: var(--grisc);
    color: var(--gris);
}
.info-convocatoria-un-dato {
    display: inline-block;
    width: 30%;
    margin: 0;
    box-sizing: border-box;
    padding: 1.5em;
    /* background-color: var(--amarillo); */
    border: 3px var(--grisclaro) solid;
    /*border-radius: 15px;*/
    vertical-align: top;
}
.info-convocatoria-un-dato-medio{
    margin: 0 1.5em;
}
.info-convocatoria-un-dato p {
    padding: 0.2em 0 0.2em;
    margin: 0;
    text-align: center;
}
.info-convocatoria-un-dato.activo {
    border-color: var(--amarillo);
    background-color: var(--amarillo);
    color: var(--rojo);
}
.info-convocatoria-un-dato.cerrado {
    background-color: var(--grisclaro);
    color: var(--grismedio);
}
p.bajada{
    font-size: 1.5em;
}
.convocatoria-intro{
    text-align: center;
}

.seccion-sin-cabecera{
    padding-top: 8em;
}
.seccion{
    padding: 2em 0;
}
.sub-seccion{
    padding: 3em 0;
}

.un-elemento-dea4{
    display: inline-block;
    width: 21.5%;
    vertical-align: top;
    margin: 0 4% 4em 0;
}
.un-elemento-dea4:nth-child(4n){
    margin: 0 0 4em 0;
}

.un-elemento-dea3{
    display: inline-block;
    width: 30.2%;
    vertical-align: top;
    margin: 0 4% 4em 0;
}
.un-elemento-dea3:nth-child(3n){
    margin: 0 0 4em 0;
}

.un-elemento-dea2{
    display: inline-block;
    width: 47.5%;
    vertical-align: top;
    margin: 0 4% 0 0;
}
.un-elemento-dea2:nth-child(2n) {
    margin: 0 0 0 0;
}
.un-jurado figure{
    margin-bottom: 1em;
    /*max-width:  327px;*/
}
.un-jurado figure img{
   width:  100%;
   display: block; 
   margin: auto ;
}

.un-jurado-bio{
    /*display: none;*/
}
.un-ganador-anterior figure{
    margin-bottom: 1em;
   /* max-width:  327px;*/
}
.un-ganador-anterior figure img{
   width:  100%;
   display: block; 
}
.un-ganador-anterior a{
    text-decoration: none;
}

.un-ganador-anterior a:hover .un-premio-titulo{
    color: var(--rojo);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;

}

.un-ganador-anterior .ficha-titulo{
    /*padding:0 3em;*/
}
.un-ganador-anterior p{
    text-align: center;
}
.un-ganador-anterior p.un-premio-titulo{
    padding-bottom: 0.6em;
    line-height: 1.2em;
    font-family: "area-normal", sans-serif;
    font-weight: 900;
    font-size:  1.3em;
    /*color: var(--rojo);*/
}
.un-ganador-anterior p.un-premio-titulo span.un-premio-autor{
     font-weight: 300;
}
.un-ganador-anterior p.anio-premio{
    padding: 1em 0 0.8em;
    letter-spacing: 1px;
    font-size:  0.8em;
    font-family: "area-normal", sans-serif;
    font-weight: 900;
    color:var(--azul);
}
.ppl-sponsor{
    text-align: center;
    width: 100%;
    margin: 4.5em 0 2em; 
}

.ppl-sponsor img{
    width: 200px;
    margin: 0 30px;
}

.una-forma-de-pago{
    display: inline-block;
    vertical-align: top;
    width: 49.5%;
    max-width: 200px;
    padding: 1em 1em;
    margin: 0 1em 1.5em;
    text-align: center;
    background-color: var(--grisclaro);
}
.link-lengua{
    background-color: #F0F0F0;
    padding: 0.3em 1em;
    text-decoration: none;
    font-size: 0.75em;
    letter-spacing: 2px;
}
.link-lengua:hover {
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    background-color: #f92b2b;
    color: #FFF;
}

p.pre-lista{
    padding-bottom: 0.5em;
}
ul.lista-categorias li{
    font-weight: bold;
    padding-left: 2em;
}
ul.lista li{
    padding-bottom: 0.5em;
}
ul.lista li:last-child{
    padding-bottom: 1.8em;
}

.imagen100{
    width: 100%;
    position: relative;
}
.imagen100 figure img{
    width: 100%;
    display: block;
}
.imagen100 figcaption{
    position: absolute;
    z-index: 500;
    color: rgba(255,255,255,0.5);
    text-align: right;
    bottom: 1em;
    right: 1em;
    font-size: 0.8em;
}
.imagen100 figcaption.texto-negro{
    color: #000;
}
.texto-bases{
    font-size: 0.85em;
}
.texto-bases ul{
    list-style: disc inside;
}
.texto-bases ul ul, .texto-bases ol ul{
    padding: 1em 0 0 3em;
}
.texto-bases ul ul li:last-child, .texto-bases ol ul li:last-child{
    padding-bottom: 0;
}
.texto-bases p, .texto-bases li{
    padding-bottom: 0.9em;
}


#ediciones-anteriores .owl-item img, #fotos-libro .owl-item img {
    max-height: 350px;
}



p.boton{
    text-transform: uppercase;
    color: white;
    font-size: 0.8em;
    letter-spacing: 4px;
    font-weight: bold;
    text-align: center;
    margin: 3em 0
}
p.boton a:hover span{
    background-color:  var(--azul);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

p.boton span{
    background-color:  var(--rojo);
    padding: 1.5em 3.5em;
}

p.boton a{
    text-decoration:    none;
}

p.boton-pequenio{
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 2px;
    font-weight: bold;
    /*text-align: right;*/
    margin: 0 0 1em;
}
.a-bloque:hover p.boton-pequenio span{
    background-color:  var(--rojo);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    color: white;
}

p.boton-pequenio span{
    background-color:  var(--amarillo);
    padding: 1em 1.5em;
    color: var(--griscoscuro); ;
}

#felifa-general p.boton-pequenio span{
    background-color:  var(--grismuyclaro);
    padding: 1em 1.5em;
    color: var(--griscoscuro); ;
}

#inicio p.boton-pequenio {
    text-align: center;
}

.texto-pequenio{
    font-size: 0.7em;
}

.un-jurado h3 {
    margin: 0.5em 0 0.2em;
}

.un-jurado{
    padding: 20px;
    box-sizing: border-box;
}
h4.pais{
    /*font-size: 0.65em;*/
    text-transform: uppercase;
    color: #b9b4b4;
    font-weight: 500;
    margin: 0em 0 0.7em;
}

.imagen-libro-ganador{
    display: block;
    width: 700px;
    max-width: 100%;
    margin: 0 auto 2em;
}
.un-libro-ganador{
    margin-bottom: 3em;
}
.bajada-centrada{
    text-align: center;
}
.imagen-lateral{
    width: 40%;
    display: inline-block;
    margin-right: 4%;
    vertical-align: top;
}
.imagen-lateral img{
    width: 100%;
}

.texto-lateral{
    width: 55%;
    display: inline-block;
    vertical-align: top;
}
#partners{
    text-align: center;
}
#partners img {
    width: 20%;
    display: inline-block;
    margin: 25px;
    vertical-align: middle;
}

/*REVISIONES*/
#seleccion-revisiones{
    margin-bottom: 1em;
}

.un-revisor{
    margin-bottom: 4em;
}

.un-revisor figure{
    display: inline-block;
    width: 25%;
    vertical-align: top;
}
.un-revisor figure img{
    width: 100%;
    display: block;
}

.un-revisor .un-revisor-data{
    display: inline-block;
    width: 70%;
    margin-left: 4%;
    vertical-align: top;
}
.un-revisor .un-revisor-data h3{
    margin-top: 0;
    padding-top: 0;
}


/*Galeria*/
.galeriaCalle img{
    display: block;
    /*max-width: 965px;
    width: 94%;*/
    -webkit-transform-style: preserve-3d;
    max-height: 640px;
    margin: auto;
}
.galeriaCalle{
    width: 964px;
    max-width: 94%;
    height: 643px;
}

.imagen-sola img{
    display: block;
    max-width: 100%;
    height: auto;
}

.imagen-sola.libro-montaraz img{
    display: block;
    max-width: 60%;
    height: auto;
}

.imagen-sola.libro-falla img {
    max-width: 70%;
    margin: auto;
}
.imagen100{
    width: 100%;
}

.imagen100 img{
    width: 100%;
    display: block;
    height: auto;
}

.foto-centrada{
    text-align: center;
}

#pieprepo img{
    height: 500px;
    /*display: block;*/
    margin: 2em 0;
}



#statement{
    margin-top: 100px;
}

#statement .contenido{
    width: 550px;
}

.contenido-portfolio-imagenes img{
    max-width: 100%;
}

.texto{
    max-width: 700px;
    width: 90%;
}

.obra-statement{
    padding: 2em 0;
}

.obra-statement h1{
    font-size: 1.5em;
    margin-bottom: 1em;
}

.obra-statement h2{
    font-size: 1.2em;
    margin: 0.7em 0;
}

.contenido-portfolio-sabana{
    max-width: 50%;
    margin:0 auto;
}

.contenido-portfolio-sabana img{
    display: block;
    margin-bottom: 60px;
    width: 100%;
    height: auto;
}
.contenido-portfolio-mosaico{

}

.contenido-portfolio-mosaico img{
    display: inline-block;
    margin-bottom: 60px;
    width: 30%;
    padding:    0 1.5%;
    height: auto;
}

.contenido-portfolio-mosaico a{
    text-decoration: none;
}

.contenido-portfolio-scroll{

}


.imagen-bio img{
    width: 100%;
    max-width: 550px;
    height: auto;
}

.contacto-canales{
    max-width: 550px;
    margin: 100px auto 0;
    text-align:center;
}
.contacto-canales .imagen-contacto img{
    width: 100%;
    max-width: 300px;
    height: auto;
}

.contacto-canales p{
    margin-bottom: 2em;
}

.contacto-canales p a{
    text-decoration: none;
    color: inherit;
}

.imagen-pie{
    display:    block;
    max-width:  95%;
    margin:0 auto;
}

#pie-contacto{
    margin-top: 70px;
    width:  900px;
}

.video-solo{
    /*margin-bottom: 4em;*/
}

p.epigrafe{
    text-align: right;
    margin-top: 2em;
}

p.epigrafe-principal{
    position:absolute;  
    z-index:    500;
    width:  50%;
    color:  rgba(0,0,0,0.5);
    text-align: left;
    bottom: 0em;
    left:  1em;
    font-size:  0.8em
}

/*SCROLL*/
.fotos-serie{
    width: 100%;
    float: none;
    overflow: hidden;
}
.horizontal_slider{
    width:100%;
    overflow:hidden;
    margin:1em 0 2em;
    height: 570px;
    opacity: 0;
}

.horizontal_slider_in{
    width:auto;
    margin:20px 0;
}

.horizontal_item{
    float:left;
    width:auto;
}

.horizontal_item img{
    display:block;
    padding-right:0px;
    height: 530px;
    width:auto;
}

#preloader_editions{
    width: 100%;
    position: absolute;
    left: 48%;
}

/***EXPO PIF************************/
.seccion-premiados{
    margin: 7em auto;
}
.expo-libro-ganador{
    margin: 3em 0;
}
.expo-libro-mencion, .expo-libro-finalista{ /*premios específicos*/
    display: inline-block;
    width: 33%;
    box-sizing: border-box;
}
.expo-marco-imagen-libro{
    padding: 3em 3% 0 3%;

}
/*.expo-libro-mencion:nth-child(3n), .expo-libro-finalista:nth-child(3n){ !*premios específicos*!*/
/*    margin: 3em 0 0 0;*/
/*}*/
.expo-imagen-libro{
    width: 370px;
    max-width: 100%;
    text-align: center;
    margin: auto;
    display: block;
}
p.galardon{
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    text-align: center;
    margin-top: 1em;
}
p.galardon span{
     background-color: var(--rojo);
     color: #FFF;
     padding: 0 0.3em;
 }

h3.galardon{
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    text-align: center;
    margin-top: 1em;
}
h3.galardon span{
    background-color: var(--rojo);
    color: #FFF;
    padding: 0.2em 0.2em;
}
.expo-libro-finalista p.galardon span {
    background-color: transparent;
    color: #000;
}
h1.titulo{
    margin-bottom: .15em;
}
h2.autor{
    margin-bottom: 0em;
    padding: 0;
}
h2.editorial{
    font-weight: 300;
    padding: 0;
}
p.titulo-premiado{
    text-align: center;
    font-size: 1.2em;
}
p.titulo-premiado span.titulo {
    font-weight: bold;
}
.expo-libro{
    vertical-align: top;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.principal.sincover{
    margin-top: 5em;
}

.expo-libro a {
    text-decoration: none;
}

.expo-libro:hover {
    background-color: var(--grisclaro);
}

/**LIBRO***************************/
.ficha-libro .tapa-libro{
    display: inline-block;
    width: 40%;
    vertical-align: top;
}
.ficha-libro .tapa-libro img{
    width: 100%;
}

.ficha-libro .resenia-libro{
    display: inline-block;
    width: 55%;
    margin-left: 4%;
    vertical-align: top;
}


/********MASONRY*************/

/* fluid 3 columns */
.grid-sizer,
.grid-item { width: 25%; }

/* 2 columns */
.grid-item--width2 { width: 50%; }

/* 4 columns */
.grid-item--width4 { width: 100%; }

.grid-item img{
    width: 96%;
    padding: 0%;

    margin: 4% 2% 0;
    height: auto;
    display: block;
    cursor: pointer;
}



.epigrafe-ladob {
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
    height: 0;
    bottom: 0;
    overflow: hidden;
    cursor: pointer;
}

.epigrafe-ladob-in {
    margin: 0 2%;
    background-color: rgba(30,75,205,0.4);
    padding: 4%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
}

.epigrafe-ladob p{
    color: #fff;
    padding: 0;
    position: absolute;
    bottom: 20px;
}



/*VIDEO*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.mobile{
    display: none;
}


/*2024*/
.seccion-home{
    padding: 6em 0;
}
.seccion-home-secundaria{

}
.seccion-home-secundaria figure img{
    width: 100%;
}
.seccion-home-secundaria h1{
    font-size: 2em;
    text-align: left;
    margin: 0.5em 0;
}
.seccion-home-secundaria h3.copete {
    margin: 1em 0;
    text-align: center;
}
a.a-bloque{
    text-decoration: none;
    z-index: 8000;
    position: relative;
}

.seccion-home .un-elemento-dea2{
    margin-bottom: 4em;
}
p.boton-pequenio{
    margin-top: 2em;
}

.elemento_insistir{
    text-align: center;
}
.seccion-home-secundaria .elemento_insistir h1 {
    text-align: center;

}

.contenedor_logos_ddm_ppal{
    max-width: 95%;
    margin: auto;
}

.contenedor_logos_ddm_ppal img{
    width: 100%;
    margin: 40px;
}

h1 span.ddm {
    background-color: transparent;
    padding: inherit;
    color: #000;
}
p span.ddm {
    background-color: transparent;
    padding: inherit;
    color: #000;
    font-family: "area-normal", sans-serif;
}

/*Area Normal Thin
font-family: "area-normal", sans-serif;
font-weight: 100;
font-style: normal;

Area Normal Regular
font-family: "area-normal", sans-serif;
font-weight: 400;
font-style: normal;

Area Normal Bold
font-family: "area-normal", sans-serif;
font-weight: 700;
font-style: normal;

Area Normal Black
font-family: "area-normal", sans-serif;
font-weight: 900;
font-style: normal;
*/

@font-face {
    font-family: 'Helvetica Now Text';
    src: url('HelveticaNowText-Regular.eot');
    src: url('HelveticaNowText-Regular.eot?#iefix') format('embedded-opentype'),
    url('HelveticaNowText-Regular.woff2') format('woff2'),
    url('HelveticaNowText-Regular.woff') format('woff'),
    url('HelveticaNowText-Regular.ttf') format('truetype'),
    url('HelveticaNowText-Regular.svg#HelveticaNowText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Now Text';
    src: url('HelveticaNowText-Bold.eot');
    src: url('HelveticaNowText-Bold.eot?#iefix') format('embedded-opentype'),
    url('HelveticaNowText-Bold.woff2') format('woff2'),
    url('HelveticaNowText-Bold.woff') format('woff'),
    url('HelveticaNowText-Bold.ttf') format('truetype'),
    url('HelveticaNowText-Bold.svg#HelveticaNowText-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Now Text';
    src: url('HelveticaNowText-Light.eot');
    src: url('HelveticaNowText-Light.eot?#iefix') format('embedded-opentype'),
    url('HelveticaNowText-Light.woff2') format('woff2'),
    url('HelveticaNowText-Light.woff') format('woff'),
    url('HelveticaNowText-Light.ttf') format('truetype'),
    url('HelveticaNowText-Light.svg#HelveticaNowText-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fivo Sans Modern';
    src: url('FivoSansModern-Bold.eot');
    src: url('FivoSansModern-Bold.eot?#iefix') format('embedded-opentype'),
    url('FivoSansModern-Bold.woff2') format('woff2'),
    url('FivoSansModern-Bold.woff') format('woff'),
    url('FivoSansModern-Bold.ttf') format('truetype'),
    url('FivoSansModern-Bold.svg#FivoSansModern-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fivo Sans Modern';
    src: url('FivoSansModern-Medium.eot');
    src: url('FivoSansModern-Medium.eot?#iefix') format('embedded-opentype'),
    url('FivoSansModern-Medium.woff2') format('woff2'),
    url('FivoSansModern-Medium.woff') format('woff'),
    url('FivoSansModern-Medium.ttf') format('truetype'),
    url('FivoSansModern-Medium.svg#FivoSansModern-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@media screen and (max-width: 1440px) {
    nav ul li a {
        font-size: 0.75em;
        opacity: 0.7;
        margin-left: 7px;
    }

    nav ul.nav-secundario li a {
        font-size: 0.75em;
        opacity: 0.7;
        margin-left: 7px;
    }

}

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


    .pieza:first-child{
        margin-top: 2em;
    }
    .obra-statement {
        margin-top: 0em;
    }
    .principal{
        margin-top: 0px;
    }
    .owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{
        left:-40px;
    }
    .owl-carousel .owl-nav .owl-next img,.owl-carousel .owl-nav .owl-prev img{
        width: 40px;
        height: auto;
    }
    .owl-carousel .owl-nav .owl-next{
        left:auto;
        right:-40px;
    }
    .owl-carousel .owl-item img {
        display: block;
        max-width: 100%;
        -webkit-transform-style: preserve-3d;
        max-height: 580px;
        margin: auto;
    }
}
@media screen and (max-width: 1200px) {

    nav ul li a {
        margin-left: 20px;
    }

    nav{
        display: none;
    }
    .mobile{
        display: block;
    }

    .un-elemento-dea4{
       display: inline-block;
       width: 30.3%;
       vertical-align: top;
       margin: 0 4% 4em 0;
    }
    .un-elemento-dea4:nth-child(3n){
   margin: 0 0 4em 0;
    }
    .un-elemento-dea4:nth-child(4n){
       margin: 0 4% 4em 0;
    }


}

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

}

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

    .contenido-portfolio-mosaico img {
        width: 46%;
    }


    .owl-carousel {
        max-width: 70%;
        margin:auto;
    }
    .owl-theme .owl-nav .owl-next {
        right: -60px;
    }
    .owl-theme .owl-nav .owl-prev {
        left: -60px;
    }
    .item-galeria-mobile{
        display: none;
    }
    .owl-carousel .owl-item img {
        max-height: 520px;
    }
    .owl-carousel .owl-item img {
        max-height: 520px;
    }
    .galeriaCalle {
        height: 521px;
    }
    h1{
        font-size: 4em;
    }

    header .cabecera-logo {
        width: 25%;
        min-width: 180px;
    }

}

@media screen and (max-width: 860px) {
    /* fluid 4 columns */
    .grid-sizer,
    .grid-item { width: 33%; }

    /* 2 columns */
    .grid-item--width2 { width: 66%; }
    .owl-carousel {
        max-width: 80%;
        margin:auto;
    }

    .galeriaCalle {
        height: 441px;
    }

    .owl-carousel .owl-item img {
        max-height: 440px;
    }

    .un-elemento-dea4, .un-elemento-dea3{
       display: inline-block;
       width: 47.5%;
       vertical-align: top;
       margin: 0 4% 4em 0;
    }
    .un-elemento-dea4:nth-child(3n), .un-elemento-dea3:nth-child(3n){
       margin: 0 4% 4em 0;
    }
    .un-elemento-dea4:nth-child(2n), .un-elemento-dea4:nth-child(4n), .un-elemento-dea3:nth-child(2n){
       margin: 0 0 4em 0;
    }
    .info-convocatoria-un-dato {
        display: inline-block;
        width: 29%;
    }
    .logo-felifa-intro img{
            width: 600px; 
    }
    .intro-felifa h2{
        font-size: 2.3em;
        line-height: 1.5em;
    }
    footer p{
        font-weight: 300;
        padding: 0;
    }
    footer p.logo-turma{
        margin: 0.5em 0;
    }
    footer p.logo-turma img{
        width:  150px;
    }
    footer p.logo-felifa-footer{
        margin: 0.5em 0;
    }
    footer p.logo-felifa-footer img{
        width:  100px;
    }
    .expo-libro-mencion, .expo-libro-finalista { /*premios específicos*/
        margin: 3em 9.0% 0 0;
        display: inline-block;
        width: 45%;
    }

    .expo-libro-mencion:nth-child(3n), .expo-libro-finalista:nth-child(3n) { /*premios específicos*/
        margin: 3em 9.0% 0 0;
    }

    .expo-libro-mencion:nth-child(2n), .expo-libro-finalista:nth-child(2n) { /*premios específicos*/
        margin: 3em 0 0 0;
    }

}

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

    .contenido-portfolio-mosaico img {
        width: 95%;
        margin: 0 0 50px;
        padding: 0;
    }
    .contenido-portfolio-mosaico {
        text-align: center;
    }

    .pieza:first-child{
        margin-top: 0em;
    }
    .principal{
        margin-top: 0px;
    }
    .horizontal_item img {
        height: 380px;
    }
    .galeriaCalle {
        height: 363px;
        width: 100%;
    }
    .horizontal_slider {
        height: 400px;
    }
    .owl-theme .owl-nav {
        margin-top: 10px;
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        display: none;
    }

    .owl-carousel .owl-item img {
        display: block;
        max-width: 90%;
        -webkit-transform-style: preserve-3d;
        max-height: 363px;
        margin: auto;
    }
}

@media screen and (max-width: 650px) {
    .logo-felifa-intro img{
        width: 500px; 
    }
    .intro-felifa h2{
        font-size: 2.0em;
        line-height: 1.5em;
    }

    .expo-libro-mencion, .expo-libro-mencion:nth-child(3n), .expo-libro-mencion:nth-child(2n){ /*premios específicos*/
        margin: 3em  0;
        display: inline-block;
        width: 100%;
    }

    .expo-libro-finalista { /*premios específicos*/
        margin: 3em 9.0% 0 0;
        display: inline-block;
        width: 45%;
    }

    .expo-libro-finalista:nth-child(3n) { /*premios específicos*/
        margin: 3em 9.0% 0 0;
    }

    .expo-libro-finalista:nth-child(2n) { /*premios específicos*/
        margin: 3em 0 0 0;
    }
    .intro-felifa h1 {
        font-size: 4em;
    }
}

@media screen and (max-width: 600px) {
    /* fluid 4 columns */
    .grid-sizer,
    .grid-item { width: 50%; }

    /* 2 columns */
    .grid-item--width2 { width: 50%; }
    .item-galeria-mobile{display: none;}

    .owl-carousel {
        max-width: 100%;
    }
    .owl-theme .owl-nav .owl-next {
        right: -40px;
    }
    .owl-theme .owl-nav .owl-prev {
        left: -40px;
    }

    .un-elemento-dea4, .un-elemento-dea3{
       display: inline-block;
       width: 100%;
       vertical-align: top;
       margin: 0 0 4em 0;
    }
    .un-elemento-dea4:nth-child(3n), .un-elemento-dea3:nth-child(3n){
       margin: 0 0 4em 0;
    }
    .un-elemento-dea4:nth-child(2n), .un-elemento-dea3:nth-child(2n), .un-elemento-dea4:nth-child(4n){
       margin: 0 0 4em 0;
    }
    .info-convocatoria-un-dato {
        display: block;
        width: 70%;
        margin: 1em auto;     
    }
    h1{
        font-size: 3em;
    }
.footer-desktop {
    display: none;
}
.footer-mobile {
    display: block;
    text-align: center;
}

/*3 columnas de texto*/
    .texto-3columnas{
        column-count: 2;
        column-gap: 22px;
        column-rule: 0px solid #3366FF;
    }

    .texto-2columnas{
        column-count: 2;
        column-gap: 22px;
        column-rule: 0px solid #3366FF;
    }

    .un-elemento-dea2{
        display: block;
        width: 100%;
        vertical-align: top;
        margin: 0 0 6em 0;
    }
    .un-elemento-dea2:nth-child(2n) {
        margin: 0 0 0 0;
    }


}

@media screen and (max-width: 530px) {
    .logo-felifa-intro img{
            width: 400px; 
    }
        .intro-felifa h2{
font-size: 1.6em;
    line-height: 1.5em;
        }

    h1{
        font-size: 2.4em;
    }
    p.bajada {
        font-size: 1.3em;
    }

    .expo-libro-mencion, .expo-libro-mencion:nth-child(3n), .expo-libro-mencion:nth-child(2n), .expo-libro-finalista, .expo-libro-finalista:nth-child(3n), .expo-libro-finalista:nth-child(2n){ /*premios específicos*/
        margin: 3em  0;
        display: inline-block;
        width: 100%;
    }

}

@media screen and (max-width: 450px) {
    /* fluid 4 columns */
    .grid-sizer,
    .grid-item { width: 100%; }

    /* 2 columns */
    .grid-item--width2 { width: 100%; }
    p.boton span {
        padding: 1.5em 0.5em;
        }
    p.boton  {
        letter-spacing: 2px;
        }
    .un-revisor figure{
        display: block;
        width: 100%;
        vertical-align: top;
        margin-bottom: 2em;
    }
    .un-revisor .un-revisor-data{
        display: block;
        width: 100%;
        margin-left: 0;
        vertical-align: top;
    }

}


/****************************/
.clear{
    clear:both;
}
	
	@font-face {
    font-family: baskerville-urw, serif;
    font-weight: 400;
    font-style: italic;
}