.ks-pillar .protip {
  background: #f6fff8;
  border-color: #d9f5e3;
  border-radius: 10px;
  padding: 14px 16px;
  margin: 16px 0;
  border: 1px solid transparent;
}




.entry-content a {
  background-color: #0071E2 !important;
  color: #fff !important;
  padding: 1px 6px !important;
  border-radius: 12px !important;
  font-size: 0.65em !important;
  margin-right: 8px !important;
  display: inline-block !important;
  text-decoration: none !important;
  text-decoration-color: transparent !important; /* oculta subrayado inicialmente */
}

.entry-content a:hover {
  background-color: #000 !important;
  color: #fff !important;
  text-decoration: underline !important;
  text-decoration-color: #0071E2 !important;
}








.elementor-post__excerpt {
  padding-top: 40px;
  background-position: left 50%;
  background-repeat: no-repeat;
  background-size: 4px 100%;
  background: #FFFFFF !important; 
  padding-left: 40px;
}

.elementor-post__excerpt:hover {
  background: #FFFFFF !important; 
  background-position: left 50%;
  background-repeat: no-repeat;
  background-size: 4px 100%;
  padding-left: 40px;
}




#lateral {
    background-color: #A8C9E3; /* Rosa claro */
  }


/* Estilos personalizados para el botón de envío */
.btn.btn-block.btn-win {
  cursor: pointer; /* Aparece como un puntero */
  max-width: 300px; /* Limita el ancho máximo */
  padding: 10px 20px; /* Espaciado interno */
  background-color: #F7F8F9 !important; /* Color de fondo */
  border-radius: 25px; /* Bordes redondeados */
  border: 1px solid transparent; /* Borde sin color */
  box-sizing: border-box; /* Asegura que el padding no altere el tamaño */
  color: #000000 !important; /* Color del texto */
  display: inline-block; /* Alineación en línea */
  font-family: inherit; /* Hereda la fuente */
  font-size: 17px; /* Tamaño de la fuente */
  font-weight: 400; /* Peso de la fuente */
  line-height: 1.5; /* Altura de línea */
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; /* Transición suave */
  width: 100%; /* Ocupa todo el ancho disponible */
}

/* Estado hover y focus del botón */
.btn.btn-block.btn-win:hover,
.btn.btn-block.btn-win:focus {
  background-color: #000000 !important; /* Fondo negro al pasar el ratón */
  color: #ffffff !important;           /* Texto blanco */
}



.read-more-container {
  /* Solo un '#' */;
  border-radius: 25px;
  color: #000000;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

/* Estilo al pasar el rat—n */
.read-more-container:hover {
  color: #105BC4;
}

/* Estilos personalizados para bot—n de env’o */
.comment-form input[type="submit"] {
  /* ?? Redondea todas las esquinas */
  cursor: pointer;
  /* Ocupa todo el ancho de su contenedor */
  max-width: 300px;
  /* Opcional: l’mite de ancho */
  padding: 10px 20px;
  background-color: #000000;
  border-radius: 25px;
  border: 1px solid transparent;
  box-sizing: border-box;
  color: #ffffff;
  display: inline-block;
  font-family: inherit;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  width: 100%;
}

/* Estado hover y focus del bot—n */
.comment-form input[type="submit"]:hover,
.comment-form input[type="submit"]:focus {
  background-color: #105bc4;
  color: #ffffff;
}

div.contenedor {
  background-color: #FFFFFF;
}

body {
  background-color: #FFFFFF;
}

.main-content {
  background-color: #FFFFFF;
}

/* Estilos solo para el blog, entradas, categor’as y etiquetas, sin afectar Elementor */

/* Encabezado H1 */
body.single-post h1:not(.elementor-heading-title),
body.blog h1:not(.elementor-heading-title),
body.archive h1:not(.elementor-heading-title),
body.category h1:not(.elementor-heading-title),
body.tag h1:not(.elementor-heading-title) {
  color: #105BC4 !important;
  font-family: 'gt-super', gt-super, Georgia, Cambria, "Times New Roman", Times, serif !important;
  font-size: 100px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 80px !important;
}


/* Encabezados H2 y H3 */
body.single-post h2:not(.elementor-heading-title),
body.blog h2:not(.elementor-heading-title),
body.archive h2:not(.elementor-heading-title),
body.category h2:not(.elementor-heading-title),
body.tag h2:not(.elementor-heading-title),
body.single-post h3:not(.elementor-heading-title),
body.blog h3:not(.elementor-heading-title),
body.archive h3:not(.elementor-heading-title),
body.category h3:not(.elementor-heading-title),
body.tag h3:not(.elementor-heading-title) {
  color: #000000 !important;
  font-family: 'kameron', sans-serif !important;
  font-size: 46px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 46px !important;
}

/* Estilo del cuerpo del texto en el blog, entradas y categor’as/etiquetas */
body.single-post,
body.blog,
body.archive,
body.category,
body.tag {
  color: #000000 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 26px !important;
}

/* Estilo base para la imagen */
img:not([src*="Estupidos-trucos-terminales-el-loro-de-baile-de-ASCII-Party-300x233.gif"]) {
/*  border-bottom-left-radius: 900px; */
/*  border-bottom-right-radius: 0px; */
/*  border-top-left-radius: 900px; */
/*  border-top-right-radius: 500px; */
  transition: transform 0.3s ease;
}


img:not([src*="diseno-web-pasarela"]):not([src*="Captura-de-pantalla-2025-03-24-a-las-15.27.46"]):not([src*="Estupidos-trucos-terminales-el-loro-de-baile-de-ASCII-Party-300x233.gif"]) {
  -webkit-box-reflect: below 1px linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.2)) !important;
}




/* Aplica la animaci—n de estiramiento a todas las im‡genes excepto las excluidas */


img:not([src*="Estupidos-trucos-terminales-el-loro-de-baile-de-ASCII-Party-300x233.gif"]) {
  animation: stretch 2s infinite !important;  
}

/* 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 */
    }
}



.page-title {
  color: #F7F8F9;
}

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

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

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

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

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

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

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

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

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

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

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

/*! CSS Used from: Embedded */
a {
  color:#062845;
  font-weight:bold;
  text-decoration:none;
}

a:hover {
  color:#062845;
  font-weight:bold;
  text-decoration:underline 2px #1563D0;
}

/*! img {
  border-radius:25px 25px 25px 25px!important;
}

*/


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

a:hover,a:focus,a:active {
  color:#1563D0;
}

.button {
  font-family:"Rubik", sans-serif;
}

a.button {
  background-color:#000000;
  color:#ffffff;
}

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

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


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

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

.page-title {
  color: #F7F8F9;
}



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 {
  /* Cambia el color a tu preferencia */;
  color: #000000;
}

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





.page-title {
  color: #F7F8F9;
}