


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600&display=swap');





h2, h3, h4, p, span {
	font-weight: 400 !important;
}


/* 
---------------------------------------------
Galeria independiente exportable
--------------------------------------------- 
*/
.gallery-container {
    min-height: 100vh;
    margin-bottom: 70px;
}

.gallery-container h1 {
    text-align: center;
    margin-top: 10px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container h3.page-description {
    text-align: center;
    margin: 0px auto;
    margin-top: 20px;
    font-size: 18px;
    color: #555;
    text-transform: uppercase;
}
.gallery-container h4.page-description {
    text-align: center;
    margin-bottom: 25px;
    font-size: 15px;
    color: #999;
}

.tz-gallery {
    padding: 10px;
}
.tz-gallery h1,h2,h3,h4,h5{
	font-family:"Open Sans", sans-serif !important;
}
.tz-gallery h3{
	font-size: 13pt;
	font-weight: bold !important;
}
.tz-gallery h4{
	font-size: 10pt;
}


/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 8px; /* Espacio entre imagenes */
}

.tz-gallery .lightbox {
    display: block;
    width: 100%;
    height: auto;
}
.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0px;
    position: relative;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.tz-gallery .lightbox img:hover {
     opacity: 0.5;
}
/* 
---------------------------------------------
Galeria independiente exportable
--------------------------------------------- 
*/


/* CONTADOR DE VISITAS */
.contador {
	
}
.titulo {
	font-family: arial;
    color: #444;
    text-align : center;
    font-weight: bold;
    font-size: 10pt;
}
/* CONTADOR DE VISITAS */


.site-navigation .logo{
	margin-top: -10px !important;
}

.site-navigation ul { /* elimina el punto que aparece entre logo y X*/
	list-style:none
}

.fh5co-books {
	padding: 100px;
	display: block;
}

.fh5co-top-banner {
background-image: url("../../images/top-banner-bckg3.jpg?123") !important;
margin-left: 0px !important;
}
	@media (max-width: 1250px){
		.fh5co-top-banner {
			padding-bottom: 200px;
	}}
	@media (max-width: 720px){
		.fh5co-top-banner {
			margin-bottom: 70px;
			padding-bottom: 250px; /* Espacio abajo version movil */
	}}


.falso {
background-image: url("../images/top-banner-bckg.jpg?136") !important;
margin-left: 0px !important;
}

.subir {
	margin-top: -100px !important;  /* Usado para subir el dupluicado de la sección Me */
}

.top-banner__text {
	margin-top: -300px !important;
	margin-right: 0px;
	width: 80% !important; /* Cambio 3 El ancho del texto */
}

	@media (max-width: 1250px){
		.top-banner__text {
			margin-top: -80px !important;
	}}
	@media (max-width: 720px){
		.top-banner__text {
			margin-top: -40px !important;
	}}

.top-banner__text a {
	color: #fff;
	font-family: "Open Sans", sans-serif !important;
	background: #d20c0d;
	padding: 5px 10px;
	border-radius: 10px;
	text-decoration: none;
}
.top-banner__text a:hover {
	background-color: #222; /* Color gris coorporativo hover */
	transition: 0.3s ease;
}

.top-banner__image { 
	margin-top: -50px !important;
	margin-right: 50px !important; /* Cambio 2 Libro más a la izquierda */
	min-width: 300px; /* Cambio 2 El tamaño del libro */
}
	@media (max-width: 1250px){
		.top-banner__image {
			margin-top: 0px !important;
	}}
	@media (max-width: 720px){
		.top-banner__image {
			margin-top: 0px !important;
	}}

.top-banner__text-up {
	margin-top: : -100px !important;
	padding-left: 0% !important;
	margin-left: 0% !important;
}

.top-banner__text-up h3.brand-span {
	letter-spacing: 5pt; /* Espacio entre letras del genero  */
}

.fh5co-top-banner h2 {
	margin: 0px !important;
}

.fh5co-top-banner h2 {
	font-weight: 800 !important;
	font-family: "Open Sans", sans-serif !important;
	color: #fff !important;
	letter-spacing: 0pt !important;
}

/* Cambio 1 Comportamiento textos titulos en movil */
@media (max-width: 490px){
		.fh5co-top-banner h2 {
			font-size: 20pt !important;
			line-height: 20pt !important;
		}}
@media (max-width: 490px){
		.fh5co-top-banner h3 {
			font-size: 10pt !important;
			line-height: 20pt !important;
		}}
@media (max-width: 490px){
		.top-banner__text p.sub{ /* Ponerle clase sub en el HTML*/
			font-size: 10pt !important;
			line-height: 10pt !important;
			margin-top: 5pt !important;
		}}



.fh5co-top-banner h3, h4 {
	font-family: "Open Sans", sans-serif !important;
	color: #fff;
	opacity: .6 !important;
}


.fh5co-top-banner h3 {
	margin-top: 0px !important;
	margin-bottom: -5px !important;
}
	@media (max-width: 920px){
		.fh5co-top-banner h3 {
			padding-bottom: 2px !important;
		}}

.fh5co-top-banner h4 {
	margin-top: -110px !important;
	
}

.fh5co-top-banner p {
	font-family: "Open Sans", sans-serif !important;
	color: #fff !important;
	opacity: .7 !important;
	font-size: 16pt;
	font-weight: 600 !important;}
		@media (max-width: 520px){
		.fh5co-top-banner p {
			font-size: 16pt !important;
			margin-top: -5px !important;
		}}


.equis img {
	opacity: .5;}
.equis img:hover {
	opacity: 1;
	transition: 0.3s ease;} 

/* BIOGRAFIA */


.portfolio-wrapper {
  margin-left: 0px !important;
}
 .about-me__profile{
 	width: 200px !important;
 	border-radius:150px !important;

 }
.portfolio__name span {
	line-height: 80px !important;}
		@media (max-width: 1220px){
		.portfolio__name span{
			line-height: 65px !important;
		}}

.about-me__text {
	width: 100% !important;
	margin: 0px !important;
	}
	@media (max-width: 1090px){
		.about-me__text {
			width: 80% !important;
		}}
	@media (max-width: 520px){
		.about-me__text {
			width: 90% !important;
		}}
.centro {
	margin-top: 80px;
}
	@media (max-width: 992px){
		.centro {
			margin-top: 0px;
		}}
.about-me-single-slide {
	margin: 0 20px;
}
.about-me-slider {
	cursor: text !important;
	user-select: auto !important;
}

.about-me__text span {
	color: #c18f59 !important; /* COLOR DORADO Letra capital en biografia */
	font-family: 'Rozha', serif !important;
}
.about-me__text p{
	text-align: justify;
}
.universal-h2 p { /* Fecha autor */
	text-align: center;
	font-size: 14pt;
}

/* LIBRO Y OPINIONES */


.contenedor {
    margin: 0 auto;
    height: 400px;
    width:100%;
    max-width: 600px;
    padding:0 1rem;
}


.libro{
	margin-top: -120px !important;
	margin-bottom: -30px !important;
}
	@media (max-width: 1250px){
		.libro{
			margin-top: -50px !important;
		}}
	@media (max-width: 920px){
		.libro{
			margin-top: -50px !important;
		}}

.fh5co-quotes{
	background-image: url("../images/quotes-bckg2.jpg") !important;
	padding: 50px !important;
}
.fh5co-quotes p.parrafo {
	text-align: justify;
}
.fh5co-quotes h4.autor {
	font-variant: small-caps;
}
.fh5co-quotes p.cargo{
	font-style: italic;
	color: #aaa;
	margin-bottom: 25px;
}
.fh5co-quotes .slick-arrow {
	color: #aaa;
	border: solid 1px #aaa;
}

.fondolibro::after {
    background-color: #000 !important; /* 10131b AZUL OSCURO*/
    opacity: 0.9 !important;
}


/* DESCARGAS */

#descargas {
	background-color: #000;
	padding: 0px;
	margin-top: -120px;
}
.descargas {
	background-color: #000;
	padding: 0px;
	
}
#descargas .btn, .descargas .btn {
	margin: 20px 2px;
	border-color: #d20c0d; /* Color rojo coorporativo hover */
	padding: 13px;
	font-family: "Open Sans", sans-serif;
	background-color: #d20c0d; /* Color rojo coorporativo hover */
	color: #fff;}
		@media (max-width: 520px){
		#descargas .btn, .descargas .btn {
			margin-right: 5px;
			
		}}
.descargas .btn{
	margin: 10px 2px !important;
	padding: 8px  !important;
	background-color: #000;
	border-color: #444;
}
#descargas .btn:hover, .descargas .btn:hover {
	background-color: #222; /* Color gris coorporativo hover */
	border-color: #222; 
	color: #999;
	transition: 0.3s ease;
} 
#descargas i, .descargas i {
	margin-right: 5px;
}


.fh5co-social h5 {
	font-family: "Rozha", serif !important;
}


/* FORMATO LIBROS */

#formatos .books {
	text-align: center;
}
#formatos img {
	margin-top: -32%;
}
#formatos .circulo {
	background-color: #d20c0d;
	margin: 0 auto; /* Centrar div */
	width: 100px;
	height: 100px;
	border-radius: 50% !important;
	margin: 30px 30px 0 30px;
	transition: 0.3s ease;
}
#formatos h4, span {
	font-family: 'Droid Sans', sans-serif;
}
#formatos h4 {
	font-weight: bold !important;
	color: #333 !important;
	opacity: 1 !important;
	margin-bottom: 0px;
}
#formatos span {
	color: #aaa;
}
#formatos .circulo:hover {
	background-color: #333;
}

/* FORMATO LIBROS */


/* MATERIAL ADICIONAL */
.single-book iframe {
	width: 425px;
	height: 239px;}
		@media (max-width: 620px){
		.single-book iframe {
			width: 300px;
			height: 169px;
		}}

/* OTRAS PUBLICACIONES */

.otras span{
	font-size: 15pt !important;
	font-style: normal !important;
	color: #111 !important;
}
.otras h4{
	font-size: 11pt !important;
	font-style: italic !important;
	color: #000 !important;
}

/* OPINIONES */
.opiniones {
	margin-top: -70px !important;
}
.multimedia h4 {
	color: #000 !important;
}

/* Extra para dossier */
.margin-bottom {
	margin-bottom: 80px !important;
}
.obras p {
	font-family: "Open Sans", sans-serif !important;
	line-height: 20pt;
	color: #555;
}
.obras p.titulo {
	font-size: 25pt;
	font-weight: bold !important;
	margin: 30px 0;
}
.obras .sangria {
	text-indent: 20pt;
	text-align: justify;
}
.obras em {
	font-family: "Open Sans", sans-serif !important;
	font-size: 12pt;
	margin-right: 5pt;
}
.obras strong {
	font-family: "Open Sans", sans-serif !important;
	font-size: 14pt;
}
em {
	font-family: "Open Sans", sans-serif !important;
	font-style: italic !important;
}
.datos {
	background: pink;
	padding: 100px;
}