/* Reiniciar encabezados */
/* .single-post h1 {*/
h1 {
    font-family: 'Oswald', roboto !important;
    font-size: 75px !important;
    font-weight: 300 !important;
    letter-spacing: -0.5 !important;
    line-height: 75px !important;
}

/*h3 {
    font-family: 'Oswald', roboto !important;
    font-size: 35px !important;
    font-weight: 300 !important;
    letter-spacing: -0.5 !important;
    line-height: 35px !important;
}*/

h4, h5, h6 {
    font-family: 'Oswald', roboto !important;
    font-size: 25px !important;
    font-weight: 300 !important;
    letter-spacing: -0.5 !important;
    line-height: 25px !important;
}

body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    letter-spacing: 0 !important;
    line-height: 26px !important;
}

.post h1 h2 h3 {
    color: #004068; /* Cambia el color a tu preferencia */
}

.category  h1 h2 h3 {
    color: #004068; /* Cambia el color a tu preferencia */
}

/* Estilo base para la imagen */
img {
    border-top-left-radius: 900px;
    border-top-right-radius: 500px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 900px;
    -webkit-box-reflect: below 1px linear-gradient(transparent, transparent, rgba(0,0,0,0.2));
    transition: transform 0.3s ease; /* Transición suave de transformación */
}

/* Aplica la animación de estiramiento a la imagen al hacer hover */
img {
    animation: stretch 2s infinite; /* Animación de estiramiento con duración de 3.5 segundos, infinita */
}


/* Cuando el cursor está sobre la imagen, reproduce el audio */
.imagen:hover + #audio {
    display: block;
}

/* Definición de la animación de estiramiento */
@keyframes stretch {
    0%, 100% {
        transform: scaleY(1) scaleX(1); /* Escala inicial y final */
    }
    25% {
        transform: scaleY(1.05) scaleX(1); /* Estiramiento vertical */
    }
    50% {
        transform: scaleY(1) scaleX(1); /* Escala inicial */
    }
    75% {
        transform: scaleY(1) scaleX(1.05); /* Estiramiento horizontal */
    }
}




    



.site-content .entry-title {
  padding-bottom: 40px; /* Ajusta según sea necesario */
  background: linear-gradient(to right, #FFFFFF, #004068, #FFFFFF);
  background-size: 100% 4px; /* Ancho y grosor de la línea, 300% para abarcar los tres colores */
  background-position: 50% bottom; /* Posición del centro */
  background-repeat: no-repeat; /* Evita la repetición del degradado */
}

.site-content .entry-header {
  padding-right: 40px; /* Ajusta según sea necesario */
  background: linear-gradient(to bottom, #FFFFFF, #004068, #FFFFFF);
  background-size: 4px 100%; /* Ancho y grosor de la línea, 300% para abarcar los tres colores */
  background-position: right 50%; /* Posición del centro */
  background-repeat: no-repeat; /* Evita la repetición del degradado */
}

.category .site-content .entry-title:hover,
.blog .site-content .entry-title:hover 
 {
  padding-bottom: 40px; /* Ajusta según sea necesario */
  background: linear-gradient(to right, #FFFFFF, #F40651, #FFFFFF);
  background-size: 100% 4px; /* Ancho y grosor de la línea, 300% para abarcar los tres colores */
  background-position: 50% bottom; /* Posición del centro */
  background-repeat: no-repeat; /* Evita la repetición del degradado */
}

.category .site-content .entry-header:hover,
.blog .site-content .entry-header:hover
 {
  padding-right: 40px; /* Ajusta según sea necesario */
  background: linear-gradient(to bottom, #FFFFFF, #F40651, #FFFFFF);
  background-size: 4px 100%; /* Ancho y grosor de la línea, 300% para abarcar los tres colores */
  background-position: right 50%; /* Posición del centro */
  background-repeat: no-repeat; /* Evita la repetición del degradado */
}

.site-content .entry-summary {
  padding-left: 40px; /* Ajusta según sea necesario */
  background: linear-gradient(to bottom, #FFFFFF, #004068, #FFFFFF);
  background-size: 4px 100%; /* Ancho y grosor de la línea, 300% para abarcar los tres colores */
  background-position: left 50%; /* Posición del centro en el lado izquierdo */
  background-repeat: no-repeat; /* Evita la repetición del degradado */
}

.site-content .entry-content  {
  padding-left: 40px; /* Ajusta según sea necesario */
  background: linear-gradient(to bottom, #FFFFFF, #004068, #FFFFFF);
  background-size: 4px 100%; /* Ancho y grosor de la línea, 300% para abarcar los tres colores */
  background-position: left 50%; /* Posición del centro en el lado izquierdo */
  background-repeat: no-repeat; /* Evita la repetición del degradado */
}

/* Estilos específicos para las páginas, anulando la regla anterior */
.page .site-content .entry-content {
  padding-bottom: 0; /* Anula el relleno para las páginas */
  background: none; /* Anula el fondo para las páginas */
}


.elementor-post__title {
  padding-right: 40px; /* Ajusta según sea necesario */
  padding-bottom: 40px; /* Ajusta según sea necesario */
  
  background: linear-gradient(to bottom, #FFFFFF, #004068, #FFFFFF),
              linear-gradient(to right, #FFFFFF, #004068, #FFFFFF);
  
  background-size: 4px 100%, 100% 4px; /* Ancho y grosor de la línea, 300% para abarcar los tres colores */
  background-position: right 50%, 50% bottom; /* Posición del centro */
  background-repeat: no-repeat; /* Evita la repetición del degradado */
}



.elementor-post__title:hover {
  padding-right: 40px; /* Ajusta según sea necesario */
  padding-bottom: 40px; /* Ajusta según sea necesario */
  
  background: linear-gradient(to bottom, #FFFFFF, #f40651, #FFFFFF),
              linear-gradient(to right, #FFFFFF, #f40651, #FFFFFF);
  
  background-size: 4px 100%, 100% 4px; /* Ancho y grosor de la línea, 300% para abarcar los tres colores */
  background-position: right 50%, 50% bottom; /* Posición del centro */
  background-repeat: no-repeat; /* Evita la repetición del degradado */
}


.elementor-post__excerpt {
  padding-left: 40px; /* Ajusta según sea necesario */
	padding-top: 40px;
  background: linear-gradient(to bottom, #FFFFFF, #004068, #FFFFFF);
  background-size: 4px 100%; /* Ancho y grosor de la línea, 300% para abarcar los tres colores */
  background-position: left 50%; /* Posición del centro en el lado izquierdo */
  background-repeat: no-repeat; /* Evita la repetición del degradado */
}

.elementor-post__excerpt:hover {
  padding-left: 40px; /* Ajusta según sea necesario */
  background: linear-gradient(to bottom, #FFFFFF, #004068, #FFFFFF);
  background-size: 4px 100%; /* Ancho y grosor de la línea, 300% para abarcar los tres colores */
  background-position: left 50%; /* Posición del centro en el lado izquierdo */
  background-repeat: no-repeat; /* Evita la repetición del degradado */
}


/*! CSS Used from: Embedded */
a{color:#062845;font-weight:bold;text-decoration:none;}
a:hover{color:#062845;font-weight:bold;text-decoration:underline 2px #F40651;}
/*! img{border-radius:25px 25px 25px 25px!important;} */


.category .site-content a:hover,
.blog .site-content a:hover {
  text-decoration: none;
}


.page-title {
    color: white;
}

a:hover,a:focus,a:active{color:#F40651;}
.button{font-family:"Rubik", sans-serif;}
a.button{color:#ffffff;background-color:#004068;}
a.button:hover,a.button:focus{color:#ffffff;background-color:#F40651;text-decoration:underline 2px;}


.form-submit.submit:hover,a.button:focus{color:#ffffff;background-color:#F40651;text-decoration:underline 2px;}