@font-face {
font-family: 'BebasNeue'; src: url(//www.jorgemayo.com/src/themes/jorgemayo/assets/fonts/BebasNeueRegular.ttf) format('ttf');
}
*{
box-sizing: border-box;
font-family: "Montserrat",sans-serif;
}
html{
position: relative;
height: 100vh;
background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
background-size: cover;
background-image: url(//www.jorgemayo.com/src/themes/jorgemayo/assets/images/banner-big-sur.jpg);
}
html::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.jorgemayo.com/src/themes/jorgemayo/assets/images/banner-big-sur.jpg);
background-position: top;
background-repeat: no-repeat;
background-size: cover;
filter: blur(10px); z-index: -1; }
body{ background-color: rgba(235, 200, 60, 0.7);
}
html, body {
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
}
.container {
padding-right: 25px;
padding-left: 25px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 768px){.container {padding-right: 20px;padding-left: 20px;}}
@media (min-width: 768px){.container {width: 768px;}}
@media (min-width: 992px){.container {width: 960px;}}
@media (min-width: 1200px){.container {width: 1140px;}}
@media (min-width: 1500px){.container {width: 1320px;}}
a{text-decoration: none;}
.fa-stack{width:2em !important;} 
h1,h2,h3{ text-transform: uppercase;
font-family: "Playfair Display", Sans-serif;
font-weight: 900;
}
.text-base{
font-size: 18px;
line-height: 1.7rem;
}
.primary-background{}
.secondary-background{}
.sombra-libro{ } header{
width: 100%;
z-index: 1;
background-color: transparent;
}
header > .container{
display: flex;
align-items: center;
justify-content: center; 
padding-top: 40px;
}
header .logo-web{
display: none;
}
header .logo-web img{
max-width: 70px;
border-radius: 50px;
filter: drop-shadow(1px 1px 1px white) 
drop-shadow(-1px -1px 0 white)
drop-shadow(0 0 12px rgba(255, 255, 255, .4));
}
header .social{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding-top: 20px;
}
header .social-links i{
color: white;
transition: color 0.3s ease;
}
header .social-links .color-i{
color: black;
}
header .social-links a{
font-size: 16px;
margin-left: 4px;
margin-right: 4px;
}
header .social-links a:hover i{
color: black;
}
header .social-links a:hover .color-i{
color: rgba(255, 255, 255, 0.4);
}
header .social .search-item{
position: relative;
margin-left: 40px;
}
header .social .search-item input{
border:0;
border-bottom: 1px solid #53565a;
width:290px;
font-size: 16px;
color: #53565a;
padding: 3px;
}
header .social .search-item .search-submit{
bottom: 2px;
padding: 0;
position: absolute;
right: 8px;
border: 0;
background-color: transparent;
cursor: pointer;
}
header .social .search-item .search-submit span{
display:none;
}
header .social .search-item .search-submit .icon{
height: 24px;
top: -2px;
width: 24px;
} 
header nav{
padding-top: 0px;
border-top: 1px solid black;
margin-top: 15px;
}
header nav ul{
list-style: none;
display:flex;
align-items:center;
justify-content:space-between;
margin:0;
width:100%;
padding:18px 0;
}
header nav ul li{
margin-left: 4px;
margin-right: 4px;
position: relative;
}
header nav ul li a{
color: black;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
padding: 8px 18px;
transition: background-color 0.3s ease;
border-radius: 10px;
border: 1px solid transparent;
}
header nav ul.sub-menu{
display: none;
position: absolute;
align-items:center;
justify-content:center;
padding: 0;
top: 32px;
left: 50%;
transform: translateX(-50%);
width: fit-content;
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
border: 1px solid white;
border-radius: 15px;
}
header nav ul.sub-menu li{
margin: 0;
padding: 9px 16px;
width: max-content;
text-align: center;
}
header nav ul.sub-menu li:first-child{
padding-right: 4px;
}
header nav ul.sub-menu li:last-child{
padding-left: 4px;
}
header nav ul.sub-menu li a{
font-size: 14px;
padding: 0;
border-radius: 0;
border: 1px solid transparent !important;
box-shadow: none !important;
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
header nav ul.sub-menu li a:hover{
text-decoration: underline;
border: 1px solid transparent;
box-shadow: none;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
header nav ul li:hover ul.sub-menu{
display: flex;
}
header nav ul li.current-post-parent a,
header nav ul li.current-category-ancestor a,
header nav ul li.current-menu-item a,
header nav ul li a:hover{
background: rgba(255, 255, 255, 0.25);
border: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.breadcrumb{
font-size: 18px;
line-height: 1.5rem;
color: black;
padding: 15px 0;
margin-top: 50px;
background: rgba(255, 255, 255, 0.25);
border-top: 1px solid white;
border-bottom: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.breadcrumb .breadcrumb_last{
font-weight: bold;
}
.breadcrumb a{
color: black;
}
.breadcrumb a:hover{
text-decoration: underline;
} #quotes-home {
padding: 15px 0;
margin-top: 50px;
background: rgba(255, 255, 255, 0.25);
border-top: 1px solid white;
border-bottom: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
#quotes-home > .container{
position: relative;
display: flex;
justify-content: center;
align-items: center;
} #quotes-home .quote {
position: absolute;
opacity: 0;
font-size: 18px;
line-height: 1.7rem;
text-align: center;
color: black;
transition: opacity 1s ease-in-out; } #quotes-home .quote:nth-child(1) {
opacity: 1;
animation: fade 12s infinite;
animation-delay: 0s;
}
#quotes-home .quote:nth-child(2) {
animation: fade 12s infinite;
animation-delay: 4s;
}
#quotes-home .quote:nth-child(3) {
animation: fade 12s infinite;
animation-delay: 8s;
} @keyframes fade {
0%, 20% { 
opacity: 1; }   
40%, 75% { 
opacity: 0; }
80%, 100% { 
opacity: 0; }
} section > .container{
padding-bottom: 30px;
padding-top: 30px;
}
section#slider-home{
padding: 0;
}
section h2{
font-size:36px;
font-weight: 700;
color: black;
margin-bottom: 0;
}
#books-home > .container{
padding-top: 60px;
}
#books-home h1{
display: inline;
font-size: 36px;
font-weight: 700;
color: black;
margin: 0;
}
#books-home h2{
display: inline;
}
#proyectos-home{
margin-top: 30px;
background: rgba(255, 255, 255, 0.25);
border-top: 1px solid white;
border-bottom: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
#proyectos-home .content_proyectos_home{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
#proyectos-home .content_proyectos_home .blq-proyectos{
width: 32%;
}
#proyectos-home .content_proyectos_home .blq-proyectos .description-category{
display: none;
}
#proyectos-home .content_proyectos_home .blq-proyectos p{
margin: 0;
}
#proyectos-home .content_proyectos_home .blq-proyectos img{
max-width: 100%;
filter: drop-shadow(0 0 12px rgba(255, 255, 255, .4));
border-radius: 10px;
border: 1px solid white;
transition: transform 0.3s ease;
}
#proyectos-home .content_proyectos_home .blq-proyectos a:hover img{
transform: scale(1.05);
}
#bio-home .content_bio_home{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 35px;
}
#bio-home .content_bio_home .text-bio-home{
text-align: justify;
}
#bio-home .content_bio_home img{
max-width: 310px;
filter: drop-shadow(0 0 12px rgba(255, 255, 255, .4));
border-radius: 10px;
border: 1px solid white;
}
#bio-home .content_bio_home .btn-more-bio{
position: relative;
margin-top: 30px;
margin-bottom: 30px;
border-radius: 10px;
padding: 8px 20px;
width: fit-content;
text-align: center;
font-weight: bold;
color: white;
font-size: 16px;
background-color: black;
border: 1px solid black;
transition: background-color 0.3s ease, color 0.3s ease;
}
#bio-home .content_bio_home .btn-more-bio a{
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#bio-home .content_bio_home .btn-more-bio:hover{
color: black;
background: rgba(255, 255, 255, 0.25);
border: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
#bitacora-home{
margin-top: 20px;
background: rgba(255, 255, 255, 0.25);
border-top: 1px solid white;
border-bottom: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
#bitacora-home h2{
margin-top: 0;
}
#bitacora-home .all-bitacora .blq-bitacora{
position: relative;
}
#bitacora-home .all-bitacora .blq-bitacora a{
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#bitacora-home .all-bitacora .blq-bitacora .content{
font-size: 16px;
text-align: justify;
}
#last-book-home{
margin-top: 30px;
background: rgba(255, 255, 255, 0.25);
border-top: 1px solid white;
border-bottom: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
#last-book-home .content_last_book{
text-align: center;
}
#last-book-home .content_last_book img{
max-width: 450px;
filter: drop-shadow(1px 1px 0 white) 
drop-shadow(-1px -1px 0 white)
drop-shadow(0 0 12px rgba(255, 255, 255, .4));
transition: transform 0.3s ease;
}
#last-book-home .content_last_book img:hover {
transform: scale(1.05);
}
.presentation-home{
text-align: center;
padding-top: 10px;
padding-bottom: 30px;
font-size: 40px;
font-style: italic;
color: black;
line-height: 1.4;
}
.presentation-home h1{
text-transform: capitalize;
font-weight: 700;
font-size: 40px;
font-style: italic;
margin:0;
}
.all-books{
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.all-books > div{
width: 19%;
}
.all-books > div img{
max-width: 100%;
height: auto;
transition: transform 0.3s ease;
}
.all-books > div img:hover{
transform: scale(1.05);
}
.blq-question{
border-top:1px solid black;
padding-top:15px;
padding-bottom:15px;
} 
.blq-question:last-child{
border-bottom:1px solid black;
}
.blq-question .title-question{
display:flex;
align-items:center;
justify-content:space-between;
} 
.blq-question .title-question > div:first-child{
font-size:18px;
font-weight:700;
color: black;
} 
.title-question > div:last-child{
font-size:17px;
cursor:pointer;
color:white;
border:1px solid black;
border-radius:10px;
background-color: black;
width:34px;
height:34px;
display:flex;
align-items:center;
justify-content:center;
transition: background-color 0.3s ease, color 0.3s ease;
} 
.title-question > div:last-child:hover{
color:black;
background: rgba(255, 255, 255, 0.25);
border: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
} 
.blq-question .desc-question{
display: none;
color: black;  
text-align: justify;  
max-width: 100%;
}
section#contact-home > .container{
padding-bottom: 60px;
} section a,
.content_web a{
color: black;
font-weight: 700;
}
section a:hover,
.content_web a:hover{
text-decoration: underline;
}
.content_web{
color: black;
}
.content_web > .container{
padding-bottom: 50px;
padding-top: 50px;
}
.content_bio{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 35px;
min-height: 470px;
}
.content_bio img{
max-width: 370px; filter: drop-shadow(0 0 12px rgba(255, 255, 255, .4));
border-radius: 10px;
border: 1px solid white;
}
.content_bio .bio-left{
margin-top: 35px;
margin-bottom: 25px;
padding: 25px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.25);
border: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.content_bio .bio-left > p{
margin-top: 0px;
}
.content_bio .bio-left .fa-stack {
width: 1.2em !important;
height: 1.6em !important;
line-height: 1.6em !important;
margin-right: 8px;
}
.content_bio .bio-left a span:last-child{
font-size: 14px;
}
.content_bio .bio-left2{
margin-bottom: 25px;
padding: 15px 25px;
border-radius: 10px;
font-size: 16px;
background: rgba(255, 255, 255, 0.25);
border: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.content_bio .bio-left3{
margin-bottom: 25px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.content_bio .bio-left3 .social-bio{
padding: 6px 16px;
border-radius: 10px;
font-size: 16px;
display: flex;
flex-direction: column;
align-items: center;
background: rgba(255, 255, 255, 0.25);
border: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.content_bio .bio-left3 .social-bio .social-count{
margin-right: 4px;
}
.content_bio .text-bio{
text-align: justify;
}
.content_bio .text-bio p:first-child{
margin-top: 0;
}
.tit_section{
font-size:46px;
font-weight: 700;
color: black;
margin: 0;
line-height: 0.9;
}
.sub_tit_section{
font-size:24px;
color: black;
text-transform: uppercase;
font-weight: 700;
font-family: "Playfair Display", Sans-serif;
}
.tit_section_points{
color: black;
font-size:24px;
margin-top:8px;
margin-bottom:35px;
font-family: "BebasNeue";
}
.blq-gallery .gallery{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 3%;
}
.blq-gallery .gallery-item{
width: 31%;
text-align: center;
margin-bottom: 40px;
}
.blq-gallery .gallery-item img{
max-width: 100%;
max-height: 420px;
height: auto;
object-fit: cover;
filter: drop-shadow(0 0 12px rgba(255, 255, 255, .4));
border-radius: 10px;
border: 1px solid white;
}
.blq-gallery .gallery-item .gallery-caption{
margin-top: 5px;
padding: 10px;
border-radius: 10px;
font-size: 16px;
background: rgba(255, 255, 255, 0.25);
border: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.txt-contact{
text-align: justify;
margin-bottom: 40px;
}
.all-podcast{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.all-podcast > div{
width: 30%;
margin-bottom: 15px;
}
.all-podcast > div img{
max-width: 100%;
height: auto;
transition: transform .2s;
}
.all-podcast > div img:hover {
transform: scale(1.1);
}
.page404{
margin-bottom: 40px;
padding: 30px 0;
background-color: rgba(255, 255, 255, 0.4);
}
.page404 .content_proyectos_404{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.page404 .content_proyectos_404 .blq-proyectos{
width: 32%;
}
.page404 .content_proyectos_404 .blq-proyectos .description-category{
display: none;
}
.page404 .content_proyectos_404 .blq-proyectos p{
margin: 0;
}
.page404 .content_proyectos_404 .blq-proyectos img{
max-width: 100%;
filter: drop-shadow(0 0 12px rgba(255, 255, 255, .4));
border-radius: 10px;
border: 1px solid white;
transition: transform 0.3s ease;
}
.page404 .content_proyectos_404 .blq-proyectos a:hover img{
transform: scale(1.05);
}
.title-videos{
font-size: 21px;
color: black;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 10px;
}
.all-videos{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.all-videos > div{
width: 24%;
margin-bottom: 15px;
}
.all-videos > div iframe{
padding: 0;
border: 0;
margin: 0;
}
.btn-more-videos{
position: relative;
margin-bottom: 40px;
border-radius: 10px;
padding: 10px 15px;
width: fit-content;
text-align: center;
font-weight: bold;
color: white;
font-size: 14px;
background-color: black;
border: 1px solid black;
transition: background-color 0.3s ease, color 0.3s ease;
}
.btn-more-videos a{
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.btn-more-videos:hover{
color: black;
background: rgba(255, 255, 255, 0.25);
border: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.archive-content{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.archive-content .blq-libros{
width: 20%;
text-align: center;
}
.archive-content .blq-libros img{
max-width: 100%;
height: auto;
transition: transform 0.3s ease;
}
.archive-content .blq-libros .img-sec-libros{
position:relative;
margin-bottom: 40px;
}
.archive-content .blq-libros .tit-sec-libros{
display:none;
position: absolute;
text-decoration: none;
top: 0;
bottom: 0;
left:0;
right:0;
}
@media (min-width: 993px) {
.archive-content .blq-libros .img-sec-libros img:hover {
transform: scale(1.05);
}
}
.archive-content .archive-subtitle{
width: 100%;
margin-bottom: 30px;
}
.archive-content .section-description{
text-align: justify;
margin-bottom: 50px;
width: 100%;
}
.archive-content .section-description img,
.archive-content .section-description .number-books{
display: none;
}
.archive-content .description-main{
margin-bottom: 30px;
text-align: justify;
}
.archive-content .description-main p{
margin: 0;
}
.archive-content .content-category-main{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 30px;
}
.archive-content .content-category-main .blq-categories{
width: 32%;
margin-bottom: 30px;
}
.archive-content .content-category-main .blq-categories .description-category,
.archive-content .content-subcategories .blq-categories .description-category{
display: none;
}
.archive-content .content-category-main .blq-categories p{
margin: 0;
}
.archive-content .content-category-main .blq-categories img{
max-width: 100%;
filter: drop-shadow(0 0 12px rgba(255, 255, 255, .4));
border-radius: 10px;
border: 1px solid white;
transition: transform 0.3s ease;
}
.archive-content .content-category-main .blq-categories a:hover img{
transform: scale(1.05);
}
.archive-content .content-subcategories{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.archive-content .content-subcategories .blq-categories{
width: 48%;
position: relative;
margin-bottom: 30px;
}
.archive-content .content-subcategories .blq-categories .number-books{
position: absolute;
top: 8px;
right: 8px;
z-index: 1;
font-size: 15px;
background-color: rgba(255, 255, 255, 0.9);
padding: 5px 10px;
border-radius: 10px;
transition: transform 0.3s ease;
}
.archive-content .content-subcategories .blq-categories p{
margin: 0;
}
.archive-content .content-subcategories .blq-categories img{
max-width: 100%;
filter: drop-shadow(0 0 12px rgba(255, 255, 255, .4));
border-radius: 10px;
border: 1px solid white;
transition: transform 0.3s ease;
}
.archive-content .content-subcategories .blq-categories a:hover img,
.archive-content .content-subcategories .blq-categories a:hover .number-books{
transform: scale(1.05);
}
.archive-content .blq-noticias{
width: 48%;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 50px;
margin-top: 0;
position: relative;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
transition: all 0.3s;
}
.archive-content .blq-noticias:hover{
-webkit-box-shadow: 0px 0px 20px 0px #9c6a47;
-moz-box-shadow: 0px 0px 20px 0px #9c6a47;
box-shadow: 0px 0px 20px 0px #9c6a47;
transition: all 0.3s;
margin-top: -5px;
margin-bottom: 55px;
}
.archive-content .blq-noticias > a{
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.archive-content .blq-noticias .item-date{
padding: 2px;
padding-left: 10px;
border-bottom: 1px solid;
font-weight: bold;
color: black;
background-color: #9c6a47;
font-family: "BebasNeue";
}
.archive-content .blq-noticias .img-sec-noticias{
height: 280px;
overflow: hidden;
}
.archive-content .blq-noticias img{
max-width: 100%;
height: auto;
}
.archive-content .blq-noticias .tit-sec-noticias{
padding: 30px;
background-color: black;
}
.archive-content .blq-noticias .tit-sec-noticias h2{
text-align: center;
margin: 0;
color: #9c6a47;
}
.content-bitacora-archive .content-category-main{
display: none;
}
.archive-content .blq-bitacora{
position: relative;
padding: 20px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.25);
border: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.archive-content .blq-bitacora a{
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.archive-content .blq-bitacora .content{
font-size: 16px;
text-align: justify;
}
.content-single > .container{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 25px;
}
.content-single > .container > div .contenido-libro{
text-align: justify;
}
.content-single > .container > div .contenido-libro .summary{
padding: 25px;
border-radius: 10px;
margin: 35px 0;
background: rgba(255, 255, 255, 0.25);
border: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.content-single > .container > div .contenido-libro .summary p:first-child{
margin-top: 0;
}
.content-single > .container > div .contenido-libro .summary p:last-child{
margin-bottom: 0;
}
.content-single .img-libro img{
max-width: 400px;
height: auto;
}
.content-single .img-libro .btn-compra{
position: relative;
margin: auto;
margin-top: 30px;
margin-bottom: 30px;
border-radius: 10px;
padding: 15px;
width: 230px;
text-align: center;
font-weight: bold;
color: white;
font-size: 18px;
background-color: black;
border: 1px solid black;
transition: background-color 0.3s ease, color 0.3s ease;
}
.content-single .img-libro .btn-compra a{
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.content-single .img-libro .btn-compra:hover{
color: black;
background: rgba(255, 255, 255, 0.25);
border: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.content-single h1{
font-size:36px;
font-weight: 700;
color: black;
margin-top: 0;
}
.content_search header{
box-shadow: none;
}
.content_search .entry-meta{
display: none;
}
.content-single.content-blog-single > .container{
flex-direction: column;
}
.content-single.content-blog-single > .container > div{
width: 100%;
}
.content-single.content-blog-single > .container > div:first-child{
margin-bottom: 30px;
text-align: left;
}
.content-single.content-blog-single .img-libro img {
max-width: 700px;
height: auto;
width: auto;
}
.content-single.content-blog-single .single-date{
color: #9c6a47;
font-weight: 700;
margin-bottom: 20px;
} .two-col-form{
display: flex;
align-items: center;
justify-content: space-between;
}
.two-col-form > div{
width: 28%;
}
.two-col-form > div:last-child{
width: 40%;
}
.wpcf7{
color: black;
}
.form-newsletter input,
.form-newsletter label,
.contact_form_input{
font-size:18px;
font-weight:600;
color: black;
}
.form-newsletter{
width: 60%;
margin: auto;
margin-top: 50px;
}
.form-newsletter input,
.contact_form_input input, 
.contact_form_input textarea{ 
width:100%; 
max-width: 100%;
background-color: transparent; 
border-radius: 10px;
padding:10px; 
margin-top: 10px;
font-size: 14px;
background: rgba(255, 255, 255, 0.25);
border: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.contact_form_input textarea{
height: 150px;
}
span.wpcf7-list-item {
margin: 0 !important;
}
.acceptance input{
width:auto;
background-color: transparent;
border: 0;
}
.form-newsletter .submit-news{
width: 100%;
background-color:#9c6a47;
color:#FFF;
text-transform:uppercase;
text-align:center;
border:0;
padding:12px 0;
font-weight:600;
cursor:pointer;
}
.wpcf7-submit{
float:right;
background-color:black;
color:white;
text-align:center;
cursor:pointer;
border-radius: 10px;
padding: 10px;
width: 230px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: white;
background-color: black;
border: 1px solid black;
transition: background-color 0.3s ease, color 0.3s ease;
}
.form-newsletter .submit-news:hover,
.wpcf7-submit:hover{
background-color:#53565a;
}
span.wpcf7-not-valid-tip {
position: absolute;
font-weight: bold;
font-size: 10px;
}
.your-message span.wpcf7-not-valid-tip {
top: 0;
}
.content_legal{
text-align: justify;
} footer{
padding-top: 25px;
padding-bottom: 10px;
background: rgba(255, 255, 255, 0.25);
border-top: 1px solid white;
border-bottom: 1px solid white;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
footer .social-links{
text-align: center;
}
footer .social-links .title-social{
color: black;
margin-bottom: 15px;
font-size: 24px;
}
footer .social-links i{
color: white;
transition: color 0.3s ease;
}
footer .social-links .color-i{
color: black;
}
footer .social-links a{
font-size: 16px;
margin: 0 4px 0 4px;
}
footer .social-links a:hover i{
color: black;
}
footer .social-links a:hover .color-i{
color: rgba(255, 255, 255, 0.4);
}
footer .legal > .container{
padding-top: 10px;
padding-bottom: 10px;
}
footer .legal{
text-align: center;
}
footer .legal,
footer .legal a{
font-weight: bold;
color: black;
font-size: 15px;
}
footer .legal a:hover{
text-decoration: underline;
} #rmp-container-241 {
background-color: black !important;
}
#responsive-menu-title{
padding: 20px 5% !important;
}
#responsive-menu-title #responsive-menu-title-image{
margin-bottom: 0 !important;
} .cdp-cookies-alerta.cdp-cookies-tema-gris .cdp-cookies-texto{
background-color: #9c6a47;
}
.cdp-cookies-alerta.cdp-cookies-tema-gris .cdp-cookies-texto p {
color: black;
}
.cdp-cookies-alerta.cdp-cookies-tema-gris .cdp-cookies-texto a, 
.cdp-cookies-alerta.cdp-cookies-tema-gris .cdp-cookies-texto a:hover, 
.cdp-cookies-alerta.cdp-cookies-tema-gris .cdp-cookies-texto a:active, 
.cdp-cookies-alerta.cdp-cookies-tema-gris .cdp-cookies-texto a:visited{
color: white !important;
} .grecaptcha-badge{
visibility: hidden !important;
}
.rmp-container .rmp-menu-title .rmp-menu-title-image{
width: auto;
height: auto;
}
#rmp-menu-additional-content-241 {
padding-top: 15px;
} @media (max-width: 1200px) {
.content_bio img {
max-width: 330px;
}
#bio-home .content_bio_home img{
max-width: 280px;
}
#last-book-home .content_last_book img{
max-width: 420px;
}
.archive-content .blq-noticias .img-sec-noticias{
height: 225px;
}
.content-single .img-libro img {
max-width: 340px;
}
.content-single.content-blog-single .img-libro img {
max-width: 600px;
}
.blq-gallery .gallery-item img{
max-height: 340px;
}
}
@media (max-width: 992px) {
header > .container > div:last-child{
display: none;
}
header > .container{
padding-top: 20px;
justify-content: flex-start;
}
header .logo-web {
display: block;
}
.breadcrumb{
margin-top: 50px;
}
#books-home > .container{
padding-top: 50px;
}
button#responsive-menu-button {
border-radius: 50px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
}
.responsive-menu-open #responsive-menu-container.slide-left {
-webkit-box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.5);
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a {
font-weight: bold;
}
#responsive-menu-container li.responsive-menu-item{
padding: 0 15px;
}
.social-responsive {
text-align: center;
}
.social-responsive > a > span{
margin: 2px;
}
.social-responsive i{
color: black;
}
.social-responsive .color-i {
color: white;
}
.all-books > div {
width: 25%;
}
.all-books > div img:hover {
transform: initial;
}
.content_bio img {
max-width: 300px;
}
#bio-home .content_bio_home img{
max-width: 260px;
}
#last-book-home .content_last_book img{
max-width: 390px;
}
.all-books > div > a{
text-decoration: none;
}
.all-videos > div{
width: 48%;
}
.archive-content .blq-libros {
width: 33%;
}
.archive-content .blq-noticias .img-sec-noticias{
height: 180px;
}
.archive-content .content-subcategories .blq-categories .number-books{
padding: 4px 8px;
font-size: 14px;
}
.content-single h1 {
font-size: 32px;
line-height: 1;
}
#books-home h1,
section h2 {
font-size: 32px;
}
.tit_section {
font-size: 40px;
}
.content-single > .container {
display: block;
}
.content-single > .container > div{
width: 100% !important;
}
.content-single h1 {
margin-top: 50px;
}
.content-single .img-libro img {
max-width: 100%;
min-height: auto;
max-height: 400px;
}
.content-single.content-blog-single .img-libro img {
max-width: 100%;
}
.content-single .img-libro .btn-compra{
width: 100%;
}
.content-single > .container > div:first-child {
text-align: center;
}
.blq-gallery .gallery {
gap: 4%;
}
.blq-gallery .gallery-item {
width: 48%;
}
}
@media (max-width: 768px) {
.content_web > .container{
padding-bottom: 30px;
padding-top: 40px;
}
.two-col-form {
display: block;
}
.two-col-form > div {
width: 100% !important;
}
.wpcf7-submit {
float: initial;
width: 100%;
}
span.wpcf7-not-valid-tip {
font-size: 8px;
}
#quotes-home {
padding: 20px 0;
}
.presentation-home {
padding-top: 10px;
padding-bottom: 10px;
font-size: 36px;
}
.content_bio{
flex-direction: column;
}
.content_bio img {
max-width: 100%;
}
#bio-home .content_bio_home{
flex-direction: column;
gap: 20px;
}
#bio-home .content_bio_home img{
max-width: 100%;
}
#bio-home .content_bio_home .btn-more-bio{
width: 100%;
}
#last-book-home .content_last_book img{
max-width: 90%;
}
.all-books {
justify-content: space-between;
flex-wrap: wrap;
}
.all-books > div {
width: 45%;
margin-right: 0;
margin-left: 0;
margin-bottom: 20px;
}
.blq-question .title-question > div:first-child {
max-width: 80%;
}
.archive-content .blq-libros {
width: 50%;
}
.archive-content .blq-noticias {
width: 98%;
margin-right: 1%;
margin-left: 1%;
}
.archive-content .blq-noticias .img-sec-noticias {
height: auto;
overflow: initial;
}
.archive-content .blq-noticias .tit-sec-noticias {
margin-top: -5px;
padding: 25px;
}
.archive-content .blq-noticias .tit-sec-noticias h2 {
font-size: 21px;
}
.archive-content .content-subcategories .blq-categories{
width: 100%;
margin-bottom: 20px;
}
.archive-content .content-category-main .blq-categories{
width: 100%;
margin-bottom: 20px;
}
#proyectos-home .content_proyectos_home .blq-proyectos,
.page404 .content_proyectos_404 .blq-proyectos{
width: 100%;
margin-bottom: 20px;
}
#proyectos-home .content_proyectos_home .blq-proyectos:last-child,
.page404 .content_proyectos_404 .blq-proyectos:last-child{
margin-bottom: 0px;
}
.content-single.content-blog-single iframe{
width: 100%;
}
.form-newsletter{
width: 100%;
}
.all-podcast > div{
width: 100%;
}
.all-podcast > div {
text-align: center;
}
.blq-gallery .gallery-item {
width: 100%;
}
.blq-gallery .gallery-item img{
max-height: 610px;
}
}
@media (max-width: 576px) {
.presentation-home {
font-size: 28px;
}
.presentation-home h1 {
font-size: 34px;
}
.all-videos > div{
width: 100%;
}
.lin_section_head {
font-size: 14px;
height: 55px;
padding-top: 18px;
}
#books-home h1,
section h2 {
line-height: 1.2;
}
.tit_section {
font-size: 38px;
line-height: 1;
}
}
@media (max-width: 460px) {
.presentation-home {
font-size: 25px;
}
.content-single.content-blog-single iframe {
max-height: 250px;
}
}
@media (max-width: 400px) {
.content-single.content-blog-single iframe {
max-height: 215px;
}
}[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
font-style: italic;
margin-bottom: 1.5em;
text-align: left;
}
.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
text-align: right;
}  p.has-drop-cap:not(:focus)::first-letter {
font-size: 5em;
margin-top: 0.075em;
} .wp-block-image {
margin-bottom: 1.5em;
}
.wp-block-image figure {
margin-bottom: 0;
margin-top: 0;
}
.wp-block-image figure.alignleft {
margin-right: 1.5em;
}
.wp-block-image figure.alignright {
margin-left: 1.5em;
} .wp-block-gallery {
margin-bottom: 1.5em;
}
.wp-block-gallery figcaption {
font-style: italic;
}
.wp-block-gallery.aligncenter {
display: flex;
margin: 0 -8px;
} .wp-block-quote:not(.is-large):not(.is-style-large) {
border: 0;
padding: 0;
}
.wp-block-quote.alignleft p:last-of-type,
.wp-block-quote.alignright p:last-of-type {
margin-bottom: 0;
}
.wp-block-quote cite {
color: inherit;
font-size: inherit;
} .wp-block-audio audio {
display: block;
width: 100%;
} .wp-block-cover-image.alignright,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignleft,
.wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter {
display: flex;
} .wp-block-file .wp-block-file__button {
background-color: #222;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus {
background-color: #767676;
-webkit-box-shadow: none;
box-shadow: none;
}  .wp-block-code {
background: transparent;
border: 0;
padding: 0;
} .wp-block-pullquote {
border: 0;
}
.wp-block-pullquote__citation,
.wp-block-pullquote cite {
font-size: inherit;
text-transform: none;
} .wp-block-table thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5em;
}
.wp-block-table tr {
border-bottom: 1px solid #eee;
}
.wp-block-table th,
.wp-block-table td {
border: 0;
}
.rtl .wp-block-table th,
.rtl .wp-block-table td {
text-align: right;
}  .wp-block-button .wp-block-button__link {
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1.66;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.entry-content .wp-block-button__link {
background-color: #222;
color: #fff;
}
.entry-content .is-style-outline .wp-block-button__link:not(.has-background) {
background-color: transparent;
}
.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #222;
}
.colors-dark .wp-block-button__link {
background-color: #fff;
color: #000;
}
.entry-content .wp-block-button__link:hover,
.entry-content .wp-block-button__link:focus,
.entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,
.entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus {
background-color: #767676;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.colors-dark .entry-content .wp-block-button__link:hover,
.colors-dark .entry-content .wp-block-button__link:focus,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus {
background-color: #bbb;
color: #000;
}
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #fff;
}
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):hover,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):focus {
color: #222;
}
.colors-custom .entry-content .wp-block-button__link,
.colors-custom .entry-content .wp-block-button__link:hover,
.colors-custom .entry-content .wp-block-button__link:focus,
.colors-dark .entry-content .wp-block-button__link,
.colors-dark .entry-content .wp-block-button__link:hover,
.colors-dark .entry-content .wp-block-button__link:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.colors-custom .entry-content .wp-block-button__link:hover,
.colors-custom .entry-content .wp-block-button__link:focus {
color: #fff;
} .wp-block-separator {
border: 0;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
} .wp-block-media-text {
margin-bottom: 1.5em;
}
.wp-block-media-text *:last-child {
margin-bottom: 0;
}  .wp-block-archives.aligncenter,
.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter {
list-style-position: inside;
text-align: center;
} .wp-block-latest-comments article {
margin-bottom: 4em;
}
.blog:not(.has-sidebar) #primary .wp-block-latest-comments article,
.archive:not(.page-one-column):not(.has-sidebar) #primary .wp-block-latest-comments article,
.search:not(.has-sidebar) #primary .wp-block-latest-comments article {
float: none;
width: 100%;
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 0;
}
.wp-block-latest-comments a {
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
}
.wp-block-latest-comments__comment-meta {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0.4em;
}
.wp-block-latest-comments__comment-author,
.wp-block-latest-comments__comment-link {
font-weight: 700;
text-decoration: none;
}
.wp-block-latest-comments__comment-date {
color: #767676;
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
margin-top: 0.4em;
text-transform: uppercase;
}
.editor-block-list__block .wp-block-latest-comments__comment-excerpt p {
font-size: 14px;
font-size: 0.875rem;
} .entry-content .has-pale-pink-color {
color: #f78da7;
}
.entry-content .has-pale-pink-background-color,
.wp-block-button.is-style-outline .has-pale-pink-background-color:link {
background-color: #f78da7;
}
.entry-content .has-vivid-red-color {
color: #cf2e2e;
}
.entry-content .has-vivid-red-background-color,
.wp-block-button.is-style-outline .has-vivid-red-background-color:link {
background-color: #cf2e2e;
}
.entry-content .has-luminous-vivid-orange-color {
color: #ff6900;
}
.entry-content .has-luminous-vivid-orange-background-color,
.wp-block-button.is-style-outline .has-luminous-vivid-orange-background-color:link {
background-color: #ff6900;
}
.entry-content .has-luminous-vivid-amber-color {
color: #fcb900;
}
.entry-content .has-luminous-vivid-amber-background-color,
.wp-block-button.is-style-outline .has-luminous-vivid-amber-background-color:link {
background-color: #fcb900;
}
.entry-content .has-light-green-cyan-color {
color: #7bdcb5;
}
.entry-content .has-light-green-cyan-background-color,
.wp-block-button.is-style-outline .has-light-green-cyan-background-color:link {
background-color: #7bdcb5;
}
.entry-content .has-vivid-green-cyan-color {
color: #00d084;
}
.entry-content .has-vivid-green-cyan-background-color,
.wp-block-button.is-style-outline .has-vivid-green-cyan-background-color:link {
background-color: #00d084;
}
.entry-content .has-pale-cyan-blue-color {
color: #8ed1fc;
}
.entry-content .has-pale-cyan-blue-background-color,
.wp-block-button.is-style-outline .has-pale-cyan-blue-background-color:link {
background-color: #8ed1fc;
}
.entry-content .has-vivid-cyan-blue-color {
color: #0693e3;
}
.entry-content .has-vivid-cyan-blue-background-color,
.wp-block-button.is-style-outline .has-vivid-cyan-blue-background-color:link {
background-color: #0693e3;
}
.entry-content .has-very-light-gray-color {
color: #eee;
}
.entry-content .has-very-light-gray-background-color,
.wp-block-button.is-style-outline .has-very-light-gray-background-color:link {
background-color: #eee;
}
.entry-content .has-cyan-bluish-gray-color {
color: #abb8c3;
}
.entry-content .has-cyan-bluish-gray-background-color,
.wp-block-button.is-style-outline .has-cyan-bluish-gray-background-color:link {
background-color: #abb8c3;
}
.entry-content .has-very-dark-gray-color {
color: #313131;
}
.entry-content .has-very-dark-gray-background-color,
.wp-block-button.is-style-outline .has-very-dark-gray-background-color:link {
background-color: #313131;
}