/*! Vaporex Design · vx-article */

.vx-article .crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--vx-muted);margin-bottom:26px}
.vx-article .crumbs a:hover{color:var(--vx-blue)}
.vx-article .crumbs [aria-current]{color:var(--vx-ink)}
.vx-article .post-hero{padding:clamp(28px,4vw,52px) 0 0}
.vx-article .post-hero__in{width:65%;max-width:none}
.vx-article .post-hero__title{font-family:var(--vx-f-display);font-size:clamp(44px,4.5vw,64px);font-weight:600;letter-spacing:-.045em;line-height:.98;color:var(--vx-ink);margin:16px 0 22px;text-wrap:balance}
.vx-article .post-hero__lead{color:var(--vx-muted);font-size:1.15rem;line-height:1.6;margin:0 0 18px}
.vx-article .post-hero__byline{font-size:13.5px;color:var(--vx-muted);margin:0;padding-top:16px;border-top:1px solid var(--vx-line)}
.vx-article .post-cover{padding:clamp(24px,4vw,40px) 0 0}
.vx-article .post-cover__fig{margin:0 auto;width:65%;aspect-ratio:16/9}
.vx-article .post-body-sec{padding:clamp(40px,5vw,60px) 0 clamp(8px,2vw,16px)}
.vx-article .post-body{width:65%;margin-inline:auto;font-size:var(--vx-fz);color:var(--vx-ink);line-height:1.75}
.vx-article .post-body p{margin:0 0 22px}
.vx-article .post-body h2{font-family:var(--vx-f-display);font-size:clamp(1.65rem,2.7vw,2.15rem);font-weight:600;letter-spacing:-.015em;margin:48px 0 18px;color:var(--vx-ink)}
.vx-article .post-body .marks{margin:0 0 24px}
.vx-article .post-body strong{color:var(--vx-ink);font-weight:600}
.vx-article .post-steps{width:65%;margin:40px auto 46px;counter-reset:pstep;display:grid;gap:30px}
.vx-article .post-step{position:relative;padding-left:64px}
.vx-article .post-step::before{counter-increment:pstep;content:counter(pstep);position:absolute;left:0;top:1px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--vx-f-display);font-size:15px;font-weight:600;background:#fff;border:2px solid var(--vx-line-blue);color:var(--vx-blue)}
.vx-article .post-step__t{font-family:var(--vx-f-display);font-size:clamp(1.05rem,1.5vw,1.2rem);font-weight:600;color:var(--vx-blue);margin:0 0 6px;padding-top:5px}
.vx-article .post-step p{margin:0;max-width:56ch;color:var(--vx-muted);line-height:1.7}
.vx-article .post-callout{width:100%;margin:0 0 30px;background:var(--vx-mist);border-left:3px solid var(--vx-blue);border-radius:0 12px 12px 0;padding:22px 26px;box-sizing:border-box}
.vx-article .post-callout__t{margin:0 0 8px;font-weight:600;color:var(--vx-blue);font-size:15px}
.vx-article .post-callout p:last-child{margin:0;color:var(--vx-ink);font-size:15px}
.vx-article .post-inline{width:100%;margin:0 0 32px;border-radius:var(--vx-r-img);overflow:hidden}
.vx-article .post-inline img{width:100%;display:block;filter:saturate(.9) contrast(1.03)}
.vx-article .post-inline figcaption{padding:12px 16px;background:var(--vx-mist);font-size:13.5px;color:var(--vx-muted);line-height:1.5}
.vx-article .post-prompt{width:100%;margin:8px 0 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;background:var(--vx-mist);border-radius:12px;padding:24px 28px;box-sizing:border-box}
.vx-article .post-prompt__ico{width:46px;height:46px;border-radius:50%;background:var(--vx-green);display:grid;place-items:center;flex:none}
.vx-article .post-prompt__ico svg{width:22px;height:22px;fill:#fff}
.vx-article .post-prompt__t{margin:0 0 4px;font-weight:600;color:var(--vx-ink);font-size:16px}
.vx-article .post-prompt__body p:not(.post-prompt__t){margin:0;color:var(--vx-muted);font-size:14.5px;line-height:1.5}
@media (max-width:860px){
  .vx-article .post-step{padding-left:52px}
  .vx-article .post-step::before{width:34px;height:34px;font-size:14px}
  .vx-article .post-prompt{grid-template-columns:1fr;text-align:left;justify-items:start;gap:14px}
}


/* ---- ajustes para WordPress/Elementor ---- */
/* Contenido de entradas reales (origen «Entrada actual»): listas con el estilo del diseño. */
.vx-article .post-body>ul:not(.marks){margin:0 0 24px;padding:0;list-style:none;color:var(--vx-ink)}
.vx-article .post-body>ul:not(.marks) li{position:relative;padding-left:30px;margin-bottom:12px;font-size:var(--vx-fz);line-height:1.6}
.vx-article .post-body>ul:not(.marks) li::before{content:"";position:absolute;left:3px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--vx-blue);box-shadow:0 0 0 3px #fff,0 0 0 4.5px var(--vx-blue)}
.vx-article .post-body img{max-width:100%;height:auto;border-radius:var(--vx-r-img)}
/* Elementor pone margin:0 a todas las figuras de los widgets con más especificidad. */
.vx-article .post-cover__fig{margin:0 auto !important}
.vx-article .post-inline{margin:0 0 32px !important}

/* ---- Entradas del blog (origen «Entrada actual», plantilla de entrada del Theme Builder) ---- */
.vx-article--post .post-body h3:not(.post-step__t){font-family:var(--vx-f-display);font-size:clamp(1.2rem,1.8vw,1.4rem);font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:36px 0 14px;color:var(--vx-ink)}
.vx-article--post .post-body h4{font-family:var(--vx-f-display);font-size:1.08rem;font-weight:600;margin:28px 0 10px;color:var(--vx-ink)}
.vx-article--post .post-body a:not(.btn){color:var(--vx-blue);border-bottom:1px solid var(--vx-line-blue);transition:border-color .2s}
.vx-article--post .post-body a:not(.btn):hover{border-bottom-color:var(--vx-blue)}
.vx-article--post .post-body .post-steps{width:auto;margin:40px 0 46px;padding:0;list-style:none}
.vx-article--post .post-body .post-step p{margin:0}
.vx-article--post .post-body .post-step p+p{margin-top:8px}
.vx-article--post .post-body .post-step>*:last-child{margin-bottom:0}
.vx-article--post .post-body .post-step:not(:has(.post-step__t))>p:first-child{padding-top:7px;color:var(--vx-ink)}
.vx-article--post .post-body blockquote.post-callout{margin:0 0 30px;quotes:none;font-style:normal}
.vx-article--post .post-body blockquote.post-callout::before,.vx-article--post .post-body blockquote.post-callout::after{content:none}
.vx-article--post .post-body .post-callout>*:last-child{margin-bottom:0}
.vx-article--post .post-body .post-callout cite{display:block;margin-top:10px;font-size:13.5px;font-style:normal;color:var(--vx-muted)}
.vx-article--post .post-body .post-inline img{border-radius:0;margin:0}
.vx-article--post .post-body .post-inline figcaption{margin:0;text-align:left}
.vx-article--post .post-body figure:not(.post-inline){margin:0 0 32px !important}
.vx-article--post .post-body iframe,.vx-article--post .post-body video{max-width:100%}
.vx-article--post .post-body .wp-block-embed__wrapper{position:relative}
.vx-article--post .post-body ul ul,.vx-article--post .post-body ol ol,.vx-article--post .post-body ul ol,.vx-article--post .post-body ol ul{margin:10px 0 0}
.vx-article--post .post-body hr{border:0;border-top:1px solid var(--vx-line);margin:40px 0}
.vx-article--post .post-body .post-table{overflow-x:auto;margin:0 0 28px;border:1px solid var(--vx-line);border-radius:10px;-webkit-overflow-scrolling:touch}
.vx-article--post .post-body .post-table table{width:100%;min-width:520px;margin:0;border-collapse:collapse;font-size:15px;line-height:1.5;background:transparent}
.vx-article--post .post-body .post-table table th,.vx-article--post .post-body .post-table table td{padding:12px 16px;text-align:left;vertical-align:top;border-width:0 0 1px;border-style:solid;border-color:var(--vx-line);background-color:transparent}
.vx-article--post .post-body .post-table table th{font-weight:600;background-color:var(--vx-mist)}
.vx-article--post .post-body .post-table table tr:last-child td{border-bottom-width:0}
.vx-article--post .post-body .alignleft{float:left;margin:6px 24px 16px 0}
.vx-article--post .post-body .alignright{float:right;margin:6px 0 16px 24px}
.vx-article--post .post-body .aligncenter{margin-left:auto;margin-right:auto}
.vx-article--post .post-body::after{content:"";display:table;clear:both}

/* Tablet y móvil: el artículo ocupa todo el ancho del contenido, como el resto de secciones
   (en escritorio se mantiene la columna central del 65 %). */
@media (max-width:860px){
  .vx-article .post-hero__in,.vx-article .post-cover__fig,.vx-article .post-body,.vx-article .post-steps{width:min(var(--vx-wrap),100% - 2*var(--vx-gutter))}
}
