/* ZeroNyx Blog Design v2.1 — estilos aislados, sin alterar artículos antiguos */
.zx-blog-content{--zx-ink:#263d45;--zx-accent:#187d79;--zx-soft:#eff8f7;--zx-line:#d9e8e6;color:var(--zx-ink);font-family:inherit;font-size:16px;line-height:1.85;overflow-wrap:anywhere}
.zx-blog-content,.zx-blog-content *{box-sizing:border-box}
.zx-blog-content> :first-child{margin-top:0}
.zx-blog-content p{margin:0 0 1.3em;line-height:inherit;color:inherit}
.zx-blog-content h2,.zx-blog-content h3,.zx-blog-content h4{font-weight:750;line-height:1.35;color:#173e43;letter-spacing:-.015em;clear:both}
.zx-blog-content h2{font-size:clamp(1.35rem,2.3vw,1.7rem);margin:2.1em 0 .8em;padding:0 0 .45em;border-bottom:2px solid var(--zx-line)}
.zx-blog-content h3{font-size:1.22rem;margin:1.65em 0 .65em}
.zx-blog-content h4{font-size:1.08rem;margin:1.4em 0 .6em}
.zx-blog-content a{color:var(--zx-accent);text-decoration:underline;text-underline-offset:3px}
.zx-blog-content a:hover{color:#105451}
.zx-blog-content strong,.zx-blog-content b{font-weight:700}
.zx-blog-content ul,.zx-blog-content ol{padding-left:1.5em;margin:0 0 1.4em;list-style-position:outside}
.zx-blog-content ul{list-style-type:disc}.zx-blog-content ol{list-style-type:decimal}
.zx-blog-content li{padding-left:.2em;margin:.4em 0;line-height:1.75}
.zx-blog-content ul li::marker,.zx-blog-content ol li::marker{color:var(--zx-accent)}
.zx-blog-content blockquote{border-left:4px solid var(--zx-accent);padding:1.1em 1.4em;background:var(--zx-soft);border-radius:0 12px 12px 0;margin:1.5em 0;font-style:italic}
.zx-blog-content img{display:block;max-width:100%;height:auto;margin:1.5em auto;border-radius:12px}
.zx-blog-content figure{margin:1.7em 0}.zx-blog-content figure img{margin-bottom:.5em}.zx-blog-content figcaption{text-align:center;font-size:.87em;color:#617780}
.zx-blog-content iframe{max-width:100%;border:0;border-radius:12px}.zx-blog-content iframe[src*="youtube.com"],.zx-blog-content iframe[src*="youtu.be"],.zx-blog-content iframe[src*="google.com/maps"]{width:100%;aspect-ratio:16/9;height:auto}
.zx-blog-content .zx-blog-embed{position:relative;aspect-ratio:16/9;margin:1.5em 0}.zx-blog-content .zx-blog-embed iframe{width:100%;height:100%}
.zx-blog-content table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.94em;display:block;overflow-x:auto}
.zx-blog-content th,.zx-blog-content td{border:1px solid var(--zx-line);padding:.8em 1em;text-align:left;vertical-align:top}
.zx-blog-content th{background:var(--zx-soft);font-weight:700}.zx-blog-content tr:nth-child(even) td{background:#f9fcfb}
.zx-blog-content hr{border:0;border-top:1px solid var(--zx-line);margin:2em 0}
.zx-blog-content .zx-blog-index,.zx-blog-content .zx-blog-faq,.zx-blog-content .zx-blog-note{background:var(--zx-soft);border:1px solid var(--zx-line);border-radius:14px;padding:1.35em 1.5em;margin:1.8em 0}
.zx-blog-content .zx-blog-index>h2,.zx-blog-content .zx-blog-faq>h2{font-size:1.25rem;margin:0 0 .75em;border:0;padding:0}
.zx-blog-content .zx-blog-index ul{list-style:none;padding:0;margin:0}.zx-blog-content .zx-blog-index li{margin:.5em 0;padding:0}.zx-blog-content .zx-blog-index a{text-decoration:none;font-weight:600}
.zx-blog-content .zx-blog-faq h3{font-size:1.04em;margin:1.15em 0 .3em}.zx-blog-content .zx-blog-faq h3:first-of-type{margin-top:0}.zx-blog-content .zx-blog-faq p:last-child{margin-bottom:0}
.zx-blog-content .zx-blog-note{border-left:4px solid var(--zx-accent)}
.zx-blog-content .zx-blog-ad{min-height:90px;max-width:100%;margin:2em 0;text-align:center;overflow:hidden}
.zx-blog-content .zx-blog-ad .adsbygoogle{display:block;max-width:100%}
.zx-blog-content .zx-blog-caption{font-size:.9em;color:#637781;text-align:center;margin-top:-.8em}
@media(max-width:767px){.zx-blog-content{font-size:15.5px;line-height:1.76}.zx-blog-content h2{margin-top:1.65em}.zx-blog-content .zx-blog-index,.zx-blog-content .zx-blog-faq,.zx-blog-content .zx-blog-note{padding:1.1em}}
@media(prefers-reduced-motion:no-preference){.zx-blog-content a{transition:color .18s ease}}

/* v2.1: subtitulo destacado: jerarquia visual entre H1 y secciones, sin estilos inline */
.zx-blog-content h2.zx-blog-subtitle{font-size:clamp(1.35rem,2vw,1.55rem);font-weight:700;line-height:1.48;letter-spacing:-.01em;color:#173e43;margin:0 0 1.4em;padding:.55em .8em;border:0;border-left:4px solid #386bd6;border-radius:0 8px 8px 0;background:#f4f8fc;text-align:left;clear:none}
.zx-blog-content .zx-blog-embed{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px}
.zx-blog-content .zx-blog-embed iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:767px){.zx-blog-content h2.zx-blog-subtitle{font-size:1.3rem;line-height:1.48;padding:.55em .7em}}

/* v2.2: justificacion exclusiva del texto narrativo (sin afectar titulos o componentes) */
.zx-blog-content > p:not(.zx-blog-caption),
.zx-blog-content > section > p:not(.zx-blog-caption),
.zx-blog-content > .zx-blog-section > p:not(.zx-blog-caption) {
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
  -webkit-hyphens: auto;
}
/* Preservar elementos especiales que no requieren justificacion */
.zx-blog-content .zx-blog-subtitle,
.zx-blog-content .zx-blog-caption,
.zx-blog-content figcaption,
.zx-blog-content .zx-blog-note { text-align: left; }