@charset utf-8;
/*
Theme Name: Fulgencio 
Author: Ricardo Juárez
Author URI: http://rjvv.com/
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Copyright: (c) 2022 Ricardo Juárez
*/

:root {
    --body: 20px;
    --xsmall: 16px;
    --small: 18px;
	--h3: 18px;
	--h2: 24px;
    --h1: 30px;
    --resp: 3vw;
    --big: 60px;
    --huge: 90px;
    --line: 1;
    --italic: 'adobe-caslon-pro', serif;
    --sans: 'Montserrat', sans-serif;
    --regular: 500;
    --border: 1px solid var(--contrast);
   --primary: #FFF;
   --contrast: #111;
   --accent: rgb(251,75,8);
   --pad: 20px;
   --shadow: 	rgb(0 0 0 / 19%) -13px 0px 10px -5px,
				rgb(0 0 0 / 9%) -4px 0px 2px,
				rgb(0 0 0 / 19%) -8px 0px 13px -7px,
				rgb(0 0 0 / 9%) -16px 0px 16px -10px,
				rgb(0 0 0 / 29%) -30px 0px 17px -10px;
--smallshadow:	rgb(0 0 0 / 19%) -13px 0px 10px -5px,
				rgb(0 0 0 / 9%) -4px 0px 2px,
				rgb(0 0 0 / 19%) -8px 0px 13px -13px,
				rgb(0 0 0 / 19%) -23px 0px 16px -10px;
--bigshadow: 	rgb(0 0 0 / 19%) -13px 0px 10px -5px,
				rgb(0 0 0 / 9%) -4px 0px 2px,
				rgb(0 0 0 / 19%) -8px 0px 13px -13px,
				rgb(0 0 0 / 9%) -23px 0px 16px -10px,
				rgb(0 0 0 / 29%) -32px 0px 17px -10px,
				rgb(0 0 0 / 19%) -62px 0px 34px -10px;
}


.noshadow img{
	box-shadow: none !important;
}
.smallshadow img, .smallshadow .woocommerce-product-gallery__image:first-of-type img{
	box-shadow: var(--smallshadow) !important;
}
.bigshadow img, .bigshadow .woocommerce-product-gallery__image:first-of-type img{
	box-shadow: var(--bigshadow) !important;
}
.smallshadow .woocommerce-product-gallery__image:nth-of-type(2) img, .bigshadow .woocommerce-product-gallery__image:nth-of-type(2) img{
	box-shadow: none !important;
}



*{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
            -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;

}
html, body
{
	line-height: 1.6;
font-size:100%;
width:100%;
background-color: var(--primary);

     }
     
     	html { margin-top: 0px !important; }
	* html body { margin-top: 0px !important; }
	@media screen and ( max-width: 782px ) {
		html { margin-top: 0px !important; }
		* html body { margin-top: 0px !important; }
	}

body {
	margin: 0;
         display: flex;
  min-height: 100vh;
  flex-direction: column;     
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; 
font-size: var(--body);
font-family: var(--sans);
color: var(--contrast);
}


i, em{
	font-style: italic;
}
b, strong{
	font-weight: bold;
}

header{
	position: sticky;
	top: 0;
	background-color: var(--primary);
	z-index: 9999999999;
}

.header-cont{
	display: flex;
	align-items: center;
	width: 100%;
		padding: var(--pad) calc(var(--pad) * 2);
}

.submenu{
	display: flex;
	align-items: center;
	width: 100%;
		padding: 0 calc(var(--pad) * 2) var(--pad);
}

.outofstock .enlosmedios-cont{
margin-top: 65px;
}

.enlosmedios-cont{
	font-size: var(--small);
	text-align: center;
}

.medios-title{
	font-size: var(--small);
	text-transform: uppercase;
	margin: 40px 0 10px;
}


.columna{
	flex: 1;
	padding-right: 20px;
}

#portada .bgmobile{
bottom: 0;}

#portada .bgimg{
	position: absolute;
	z-index: 1;
	transition: all 0.3s ease;
	opacity: 1;
}
#portada .bgimg.hide{
	opacity: 0;
}
.fullbottom{
	bottom: 0;
}

.full{
	object-fit:cover;
	width: 100%;
	height: 100%;	
}
.half{
	bottom: 0;
	width: 50%;
	height: auto;
}

#portada{
	min-height: calc(100vh - 88px);
	width: 100vw;
	position: absolute;
	z-index: 0;
	bottom:0;
	left: 0;
	display: flex;
}
.frase{
margin-bottom: 20px;
}
.frases{
		display: flex;
	width: 75%;
padding: 80px 40px;
	position: relative;
	z-index: 2;
}


.current-menu-item a,
.single.materia-infantil .menu-infantil a,
.single.materia-narrativa .menu-narrativa a,
.single.materia-comic .menu-comic a,
.single.materia-raros .menu-raros a,
.woocommerce.archive .menu-libros a,
.woocommerce.single .menu-libros a,
.woocommerce.tax-autor .menu-autores a
{
font-size: var(--body) !important;
}

/*
.current-menu-item a,
.single.materia-infantil .menu-infantil a,
.single.materia-narrativa .menu-narrativa a,
.single.materia-comic .menu-comic a,
.single.materia-raros .menu-raros a,
.woocommerce.archive .menu-libros a,
.woocommerce.single .menu-libros a,
.woocommerce.tax-autor .menu-autores a
{
	font-weight: 700;
	border-bottom: 2px solid;
}
*/
.woocommerce.archive.tax-autor .menu-libros a{
	font-weight: inherit;
	border-bottom: none;
}


.page-content{
		max-width: 960px;
	margin: 0px auto 40px;;

}

.autor-content{
	display: flex;
	max-width: 1440px;
	margin: 0px auto 40px;;
	flex-wrap: wrap;
}

.autor-content .bio, .autor-content .citas{
	flex-basis: calc((100% - 40px) / 2);
}

.autor-title{
	flex-basis: 100%;
	display: flex;
	align-items: center;
	margin-bottom: var(--pad);
}
.autor-img{
	flex-basis: 300px;
	margin-right: var(--pad);
}



footer.sombra{
	box-shadow: rgba(0, 0, 0, 0.1) 0px -14px 28px, rgba(0, 0, 0, 0.1) 0px -10px 10px;
}

footer{
	display: flex;
	width: 100%;
	position: fixed;
	flex-wrap: wrap;
	background-color: var(--primary);
	bottom: 0;
	z-index: 9999999;
	    transform: translateY(calc(100% - 61px));
	    transition: all 0.3s ease;
}

.page-template-portada footer{
	background-color: transparent;
}

footer.appear{
		background-color: var(--primary);
	transform: translateY(0);
}

.footer-cont{
		padding: var(--pad) calc(var(--pad) * 2);
	display: flex;
	width: 100%;
justify-content: space-between;	
}
.footer-inner{
		padding: calc(var(--pad) * 2) calc(var(--pad) * 2) calc(var(--pad) * 3);
display: flex;
justify-content: space-between;
width: 100%;

}

.aviso{
	font-size: var(--xsmall);
}

.aviso-mobile{
	background-color: var(--primary);
	font-size: 12px;
	position: sticky;
	width: 100%;
	bottom: 0;
	padding: 10px 20px;
}

.burger, .burguer-mob{
	cursor: pointer;
}
button{
	-webkit-appearance: none
}

header .logo{
	max-height: 48px;
	width: auto;
	height: auto;
}

header .item{
	font-size: var(--body);
		margin-right:calc(var(--pad) * 2)

}
header .menu-main-container{
	flex: 1;
}

.meta a{
	text-decoration: none;
	border-bottom: 1px solid;
}

.enlosmedios{
	display: block;
	font-size: var(--small);
}


.sub-menu{
	padding-left: var(--pad);
}

[id^="menu-main"], [id^="menu-dere"], [id^="menu-submenu"], [id^="menu-colecciones"], [id^="menu-noticias"]{
	display: flex;
	margin-right:40px;
	    align-items: center;
}

[id^="menu-main"] li,  [id^="menu-submenu"] li {
	width: 150px;
}

[id^="menu-colecciones"] li, [id^="menu-noticias"] li{
	margin-right: 20px;
}


[id^="menu-dere"] li a{
	margin-left:calc(var(--pad) * 2);
}
[id^="menu-colecciones"] li a, [id^="menu-noticias"] li a{
	font-size: var(--xsmall);
	}

[id^="menu-submenu"] li a{
	font-size: var(--small);
	}

.post-content .autores-by-letter li{
	list-style: none;
}

.post-content .autores-by-letter a{
	text-decoration: none
}

.autores-by-letter{
    column-count: 4;
    column-gap: var(--pad);	
}
.tax-by-letter{
	    page-break-inside: avoid;
    break-inside: avoid-column;
    display: table;
}

.enlaces{
		margin-bottom: var(--pad);
		display: flex;
		flex-wrap: wrap;
}

.adelanto{
	margin: 40px 0;
}


.exlibris{
	font-size: var(--small);
	padding: var(--pad);
border:1px solid;
	display: flex;
	align-items: center;
}
.exlibris-img{
	flex-basis: 25%;
	margin-right: var(--pad);
}
.exlibris-text-cont{
flex-basis: 75%;}

u {
	text-decoration: none;
}

.enlace a{
/*
	padding: 5px 10px;
	border: 1px solid;
	border-radius: 30px;
*/

	margin-right: 5px;
	display: inline-block;
	margin-bottom: 5px;
	text-decoration: none;
	border-bottom: 1px solid;}

.main{
    width: 100%;
     z-index: 0;
	flex: 1;
	padding: calc(var(--pad) * 3) calc(var(--pad) * 2) calc(var(--pad) * 6); 
	max-width: 1440px;
	margin: 0px auto;
}

.bio{
	margin-bottom: var(--pad);
}

.autores-by-letter ul{
	padding-left: 0 !important;
}

h1.page-title{
	margin-bottom: calc(var(--pad) * 2);
	    line-height: 1.2;
}

.aparicion h2{
	line-height: 1.3;
}
.citas, .quote{
	font-size: 118%;
	margin-bottom: var(--pad);
}

.single-product .cita-cont{
	flex-basis: 100%;	
}

.tax-autor .cita-cont:nth-of-type(4n){
	margin-right: 0;	
}

.quote{
	font-family: var(--italic);
		font-style: italic;
}
.aparicion .fecha, .aparicion .medio{
	font-family: var(--italic);
	text-align: right;
}


.cita{
		font-style: italic;
}
.cita em, .cita i, .quote em, .quote i{
	font-size: 100%;
	line-height: inherit;
	font-style: normal;
}

.noticia-meta{
	text-align: right;
	margin-top: var(--pad);
}


.featured{margin-bottom: 20px;}
.cita-cont{
	font-family: var(--italic);
	flex-basis: calc((100% - 30px) / 4);
padding-left: 60px;
height: fit-content;
margin-right: 10px;
margin-bottom: 30px;
}
/*
.cita:before{
	content:'\00AB';
	}
.cita:after{
	content:'\00BB';
	}
*/

.single-noticia .post-content img, .page-content img{
	margin: 0px auto 20px;
	width: auto;
}
	
	.tipo{
    line-height: var(--xsmall);
    margin: 30px 0 10px;
    font-size: var(--xsmall);
    text-align: center;
    text-transform: uppercase;
    font-family: var(--italic);
    	}
	
	.single-noticia .page-title{
		font-weight: bold;
		text-align: center;
		margin-bottom: 40px;
	}
	
	.aparicion{
		padding: var(--pad);
		display: block;
		margin-bottom: var(--pad);
		flex-basis: calc((100% - 40px) / 2);
	}
	.noticias{
		    margin-bottom: 40px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	
	.post-content p, .post-content li, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6{
		margin-bottom: var(--pad);
	}

.tax-autor .bio{
	max-width: 700px;
}


.refe{
		text-align: right;	
font-size: var(--xsmall);}
.nombre{
	
}
.fuente{
			font-style: italic;
margin-left: auto;
}

.newsletter-box{
	margin-bottom: 40px;
}

.copy{
	font-size: var(--xsmall);
}


.news-intro{
	margin-bottom: 60px;
}	
	.news-message, .news-error{
		display: none;
		margin-top: 20px;
	}
	.flexform{
		display: flex;
		margin: 5px 0 10px;
	}

.flexform input{
	margin: 0 !important;
}

h2.news-title{
	font-size: var(--body);
	margin: 0;
}

.gpdr{
	font-size: 14px;
}

	.flexform input[type="submit"]{
		appearance: none;
		border: none;
		font-size: 30px;
		cursor: pointer;
		outline: none;
		background-color: transparent;
		color: var(--contrast);
		padding: 0 10px;
	}


@media all and (-ms-high-contrast:none){}