/*

 Theme Name:   Paco Lliso

 Theme URI:    https://pacolliso.com/

 Description:  Tema hijo personalizado para Paco Lliso

 Author:       EBWEB

 Author URI:   https://ebweb.es

 Template:     generatepress

 Version:      0.1

*/

/* https://color-hex.org/color/202c3c */

/* VARIABLES */

:root{

--azul: #202c3c;

--azulon: #0078c8;

--gris: #4E596B;

--azulito: #DBF2FF;

--rojo: #D33E3A;

}

.azul{
color: var(--azul);
}

.azulon{
color: var(--azulon);
}

.gris{
color: var(--gris);
}
.azulito{
color: var(--azulito);
}

.rojo{
color: var(--rojo);
}



/* FIN VARIABLES */

/* Sombra cabecera */

#masthead.site-header.has-inline-mobile-toggle:not(.page-id-11 #masthead.site-header.has-inline-mobile-toggle, .page-id-13 #masthead.site-header.has-inline-mobile-toggle, .page-id-15 #masthead.site-header.has-inline-mobile-toggle, .page-id-19 #masthead.site-header.has-inline-mobile-toggle){
-webkit-box-shadow: 1px 5px 5px -3px rgba(0,0,0,0.2); 
box-shadow: 1px 5px 5px -3px rgba(0,0,0,0.2);
}
 

/* cabecera y slider top home */

@media (max-width: 1024px){
 .site-header.has-inline-mobile-toggle{
 background:#fff;
 }
}

.slider-top {
padding-top:70px;
}

@media (max-width: 1024px){
 .slider-top {
 padding-top:160px;
 }

}


@media (max-width: 768px){
 .slider-top {
 padding-top:35px;
 }
}


/*********************/

/* Texto especial */

.podkova{
font-family: 'Podkova', serif;
}

@media (max-width: 1024px){

 .centra-movil{
 text-align:center;
 }

}

.main-navigation .main-nav ul li a:not(.main-navigation .main-nav ul ul li a)::after {
 content: '';
 display: block;
 width: 0;
 height: 2px;
 background: var(--rojo);
 transition: width .2s;
 }
 .main-navigation .main-nav ul li a:hover:not(.main-navigation .main-nav ul ul li a)::after{
 width: 100%;
 transition: width .2s;
 }


/* */

.grad-gris {
background-color: #b9b7b8;
background-image: radial-gradient(farthest-corner at 45px 45px , #f6f5f5 0%, #dfdede 30%, #b9b7b8 100%);

}

.grecaptcha-badge{
opacity:0;
}

/****************** POST HOME************/

.hover-rota .elementor-posts .elementor-post__card .elementor-post__thumbnail__link .elementor-post__thumbnail /* .elementor-post__thumbnail img */{
transition: all 0.4s ease-in-out 0s;  
margin-bottom: 0px;
}
.hover-rota .elementor-posts .elementor-post__card .elementor-post__thumbnail__link, .hover-rota .elementor-posts .elementor-post__card .elementor-post__thumbnail__link:hover {
overflow:hidden;
}

.hover-rota .elementor-posts .elementor-post__card .elementor-post__thumbnail__link:hover .elementor-post__thumbnail /* .elementor-post__thumbnail img */{
transform: scale(1.2);
transform-origin: 50% 50%;
}


/******************* BLOG ************************/
.blog #primary.content-area{
padding-left: 15px;
padding-right: 15px;
}

.padding-contenido-superior, .padding-contenido-inferior{
padding-top:40px;
}


@media (max-width: 768px){
 .padding-contenido-superior, .padding-contenido-inferior{
 padding-top:25px;
 }
}

.blog .inside-article{
background: #f5f5f5;
text-align: center;
}

@media (min-width: 768px){
 .single #primary.content-area{
 border-right: 2px solid #f5f5f5;
 }
}

.single #right-sidebar .widget-title{
color: var(--rojo);
font-weight: 700;
margin-bottom: 20px;
}

.single #right-sidebar .widget {
padding-top: 20px;
}


/* Shortcodes */

div.caja-destacada-2{
padding: 20px 15px 5px 15px;
border-left: 5px solid var(--rojo);
background: #F5F5F5;
margin-bottom: 30px;
line-height: 26px !important;
}
div.caja-destacada-2 p{
margin-bottom:20px;
}
.caja-destacada-2 p:first-child, .caja-destacada-2 p:last-child{
padding: 0 !important;
margin-bottom: 0 !important;
line-height:1px !important;
}

.pGrande-shortcode p{
font-size:130%;
color: var(--rojo);
text-align:center;
font-weight: bold;
font-style: italic;	
}

.caja-puntos{
font-size: 110%;
border: 5px dashed var(--rojo);
padding: 20px 15px 0 15px;
margin-bottom: 30px;
}
.caja-puntos p:first-child, .caja-puntos p:last-child{
padding: 0 !important;
margin-bottom: 0 !important;
line-height:1px !important;
}


/******** Cookies *****/

#cmplz-document {
max-width:100%;
width: 100%;
}


/*********************************************************/
/******************* BOTÓN WHATSAPP **********************/
/*********************************************************/


.link-was{
width:60px;
height:60px;
position: fixed;
right: 5px;
bottom: 50px;
animation-name: sale-boton;
animation-duration: 1s;
animation-delay: 3s;
opacity: 0;
-webkit-animation: sale-boton 1s 3s forwards; 
-moz-animation: sale-boton 1s 3s forwards;
-o-animation: sale-boton 1s 3s forwards;

transition: all 0.3s;
z-index:9999;
}

.link-was:hover img{
opacity: 0.6;
}


@keyframes sale-boton {
 from {
 bottom:-100px;
 opacity:0.5px;
 }

 to {
 bottom:12px;
 opacity:1;
 }
}

.generate-back-to-top{
bottom: 20px;
 right: 12px;
}


.generate-back-to-top {
    bottom: 20px;
    left: 12px;
}


/*********************************************************/
/*************** FIN BOTÓN WHATSAPP **********************/
/*********************************************************/

a.enlace-responsable:hover{
  text-decoration: underline !important;
}


/******** Author Box ********/

.author-boxi {
padding: 3% 3% 4% 3%;
margin-top: 30px;
font-size: 0.9em;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #e5e5e5;
}
.author-boxi .avatar {
width: 250px;
height: auto;
border-radius: 100%;
margin-right: 30px;
}
h5.author-title {
margin-bottom: 0.1em;
font-weight: 700;
}

p.author-description {
line-height: 1.6em;
margin-bottom: 10px !important;
}
.author-links a {
float: left;
}

@media (max-width: 768px) {
 .author-boxi {
 padding: 20px;
 padding-bottom: 25px;
 margin-top: 60px;
 flex-direction: column;
 text-align: center;
 }
 .author-boxi .avatar {
 margin-right: 0;
 width: 100%;
 margin-top: -25px;
 }
 .author-boxi .avatar img {
 max-width: 100px;
 }
 .author-links a {
 float: none;
 align-self: center;
 }
 .author-description {
 margin-bottom: -0.1em;
 }
}