.elementor-8647 .elementor-element.elementor-element-7a15831{--display:flex;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-8647 .elementor-element.elementor-element-67c117c .elementor-toc__header-title{text-align:start;}.elementor-8647 .elementor-element.elementor-element-67c117c .elementor-toc__header{flex-direction:row;}.elementor-8647 .elementor-element.elementor-element-67c117c{--item-text-hover-decoration:underline;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:1034px){.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for theme-post-content, class: .elementor-element-43a9876 *//* =========================
   POST BONITOS (bordes redondeados)
   Compatible con WordPress + Gutenberg
   ========================= */

/* Variables (ajusta a tu gusto) */
:root{
  --radius: 16px;
  --radius-sm: 12px;
  --shadow: 0 10px 30px rgba(0,0,0,.08);
  --shadow-sm: 0 6px 18px rgba(0,0,0,.08);
  --border: 1px solid rgba(0,0,0,.08);
  --bg-card: #ffffff;
  --bg-soft: #f7f8fa;
  --accent: #0a66c2; /* cambia a tu color */
  --text: #111827;
}

/* Contenedor general del post */
.single-post .site-main article,
.single .site-main article,
.post .site-main article{
  background: var(--bg-card);
  border: var(--border);
  border-radius: calc(var(--radius) + 4px);
  box-shadow: var(--shadow);
  padding: clamp(18px, 2.4vw, 32px);
  overflow: hidden;
}

/* Separación y ancho cómodo */
.single-post .entry-content,
.single .entry-content{
  color: var(--text);
  line-height: 1.7;
  font-size: 1.05rem;
}

/* Título del post */
.single-post .entry-title,
.single .entry-title{
  margin-bottom: 14px;
  letter-spacing: -0.02em;
}

/* Encabezados dentro del contenido */
.entry-content h2,
.entry-content h3{
  scroll-margin-top: 90px; /* útil si tienes header fijo */
}
.entry-content h2{
  margin-top: 34px;
  padding: 10px 14px;
  background: var(--bg-soft);
  border: var(--border);
  border-radius: var(--radius-sm);
}
.entry-content h3{
  margin-top: 22px;
  padding-left: 12px;
  border-left: 4px solid rgba(10,102,194,.25);
}

/* Párrafos y enlaces */
.entry-content p{
  margin: 14px 0;
}
.entry-content a{
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px solid rgba(10,102,194,.25);
}
.entry-content a:hover{
  border-bottom-color: var(--accent);
}

/* Imágenes con bordes redondeados */
.entry-content img,
.entry-content figure,
.wp-block-image img{
  border-radius: var(--radius);
}
.wp-block-image{
  overflow: hidden;
}

/* Bloques tipo “tarjeta” (útil para destacar frases o pasos) */
.entry-content .card,
.entry-content .wp-block-group.is-style-card{
  background: var(--bg-soft);
  border: var(--border);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: var(--shadow-sm);
}

/* Citas */
.entry-content blockquote{
  background: #f1f5ff;
  border: var(--border);
  border-left: 5px solid rgba(10,102,194,.35);
  border-radius: var(--radius);
  padding: 16px 18px;
  margin: 18px 0;
}

/* Listas más bonitas */
.entry-content ul,
.entry-content ol{
  background: var(--bg-soft);
  border: var(--border);
  border-radius: var(--radius);
  padding: 14px 18px 14px 34px;
  margin: 18px 0;
}

/* Tablas */
.entry-content table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--bg-card);
}
.entry-content table th,
.entry-content table td{
  padding: 12px 14px;
  border-bottom: var(--border);
}
.entry-content table tr:last-child td{
  border-bottom: 0;
}
.entry-content table th{
  background: var(--bg-soft);
  font-weight: 600;
}

/* Código */
.entry-content pre,
.entry-content code{
  border-radius: var(--radius-sm);
}

/* Separadores */
.entry-content hr{
  border: 0;
  height: 1px;
  background: rgba(0,0,0,.10);
  margin: 28px 0;
}

/* =========================
   FAQ bonito (si usas Gutenberg details/summary)
   ========================= */
.entry-content details{
  border: var(--border);
  border-radius: var(--radius);
  background: var(--bg-card);
  padding: 10px 14px;
  margin: 12px 0;
  box-shadow: var(--shadow-sm);
}
.entry-content details > summary{
  cursor: pointer;
  font-weight: 600;
  list-style: none;
}
.entry-content details > summary::-webkit-details-marker{
  display: none;
}
.entry-content details > summary:after{
  content: "+";
  float: right;
  font-weight: 700;
  color: rgba(0,0,0,.55);
}
.entry-content details[open] > summary:after{
  content: "–";
}
.entry-content details > *:not(summary){
  margin-top: 10px;
}

/* =========================
   Ajustes mobile
   ========================= */
@media (max-width: 768px){
  .single-post .site-main article,
  .single .site-main article{
    border-radius: var(--radius);
    padding: 16px;
  }
  .entry-content h2{
    padding: 10px 12px;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================
   POST BONITOS (bordes redondeados)
   Compatible con WordPress + Gutenberg
   ========================= */

/* Variables (ajusta a tu gusto) */
:root{
  --radius: 16px;
  --radius-sm: 12px;
  --shadow: 0 10px 30px rgba(0,0,0,.08);
  --shadow-sm: 0 6px 18px rgba(0,0,0,.08);
  --border: 1px solid rgba(0,0,0,.08);
  --bg-card: #ffffff;
  --bg-soft: #f7f8fa;
  --accent: #0a66c2; /* cambia a tu color */
  --text: #111827;
}

/* Contenedor general del post */
.single-post .site-main article,
.single .site-main article,
.post .site-main article{
  background: var(--bg-card);
  border: var(--border);
  border-radius: calc(var(--radius) + 4px);
  box-shadow: var(--shadow);
  padding: clamp(18px, 2.4vw, 32px);
  overflow: hidden;
}

/* Separación y ancho cómodo */
.single-post .entry-content,
.single .entry-content{
  color: var(--text);
  line-height: 1.7;
  font-size: 1.05rem;
}

/* Título del post */
.single-post .entry-title,
.single .entry-title{
  margin-bottom: 14px;
  letter-spacing: -0.02em;
}

/* Encabezados dentro del contenido */
.entry-content h2,
.entry-content h3{
  scroll-margin-top: 90px; /* útil si tienes header fijo */
}
.entry-content h2{
  margin-top: 34px;
  padding: 10px 14px;
  background: var(--bg-soft);
  border: var(--border);
  border-radius: var(--radius-sm);
}
.entry-content h3{
  margin-top: 22px;
  padding-left: 12px;
  border-left: 4px solid rgba(10,102,194,.25);
}

/* Párrafos y enlaces */
.entry-content p{
  margin: 14px 0;
}
.entry-content a{
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px solid rgba(10,102,194,.25);
}
.entry-content a:hover{
  border-bottom-color: var(--accent);
}

/* Imágenes con bordes redondeados */
.entry-content img,
.entry-content figure,
.wp-block-image img{
  border-radius: var(--radius);
}
.wp-block-image{
  overflow: hidden;
}

/* Bloques tipo “tarjeta” (útil para destacar frases o pasos) */
.entry-content .card,
.entry-content .wp-block-group.is-style-card{
  background: var(--bg-soft);
  border: var(--border);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: var(--shadow-sm);
}

/* Citas */
.entry-content blockquote{
  background: #f1f5ff;
  border: var(--border);
  border-left: 5px solid rgba(10,102,194,.35);
  border-radius: var(--radius);
  padding: 16px 18px;
  margin: 18px 0;
}

/* Listas más bonitas */
.entry-content ul,
.entry-content ol{
  background: var(--bg-soft);
  border: var(--border);
  border-radius: var(--radius);
  padding: 14px 18px 14px 34px;
  margin: 18px 0;
}

/* Tablas */
.entry-content table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--bg-card);
}
.entry-content table th,
.entry-content table td{
  padding: 12px 14px;
  border-bottom: var(--border);
}
.entry-content table tr:last-child td{
  border-bottom: 0;
}
.entry-content table th{
  background: var(--bg-soft);
  font-weight: 600;
}

/* Código */
.entry-content pre,
.entry-content code{
  border-radius: var(--radius-sm);
}

/* Separadores */
.entry-content hr{
  border: 0;
  height: 1px;
  background: rgba(0,0,0,.10);
  margin: 28px 0;
}

/* =========================
   FAQ bonito (si usas Gutenberg details/summary)
   ========================= */
.entry-content details{
  border: var(--border);
  border-radius: var(--radius);
  background: var(--bg-card);
  padding: 10px 14px;
  margin: 12px 0;
  box-shadow: var(--shadow-sm);
}
.entry-content details > summary{
  cursor: pointer;
  font-weight: 600;
  list-style: none;
}
.entry-content details > summary::-webkit-details-marker{
  display: none;
}
.entry-content details > summary:after{
  content: "+";
  float: right;
  font-weight: 700;
  color: rgba(0,0,0,.55);
}
.entry-content details[open] > summary:after{
  content: "–";
}
.entry-content details > *:not(summary){
  margin-top: 10px;
}

/* =========================
   Ajustes mobile
   ========================= */
@media (max-width: 768px){
  .single-post .site-main article,
  .single .site-main article{
    border-radius: var(--radius);
    padding: 16px;
  }
  .entry-content h2{
    padding: 10px 12px;
  }
}/* End custom CSS */