.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================================
   ESCALON · BLOG POST — ESTILOS GLOBALES
   Pegar UNA sola vez en:
   Elementor > Site Settings > Custom CSS   (o Apariencia > Personalizar > CSS adicional)
   A partir de aquí, todo post que publiques con la estructura correcta
   se verá idéntico al diseño original, sin tener que editar nada.

   Mapa de clases -> dónde aplicarlas en Elementor (ver GUIA-ELEMENTOR.md):
     .esc-nav            -> HTML widget de la barra de navegación
     .post-breadcrumb    -> widget Breadcrumbs (o HTML)
     .post-cats          -> bloque de "pills" de categoría (dentro del contenido)
     .post-title         -> widget Post Title (Título dinámico, H1)
     .post-lead          -> primer párrafo destacado
     .post-byline        -> fila de autor/fecha (Post Info o HTML)
     .post-hero          -> Featured Image / caja del hero
     .tldr               -> caja TL;DR
     .post-body          -> CLASE CSS del widget Post Content (¡importante!)
     .post-faq           -> sección de preguntas frecuentes
     .post-author        -> ficha de autor al final (Author Box o HTML)
     .post-refs          -> referencias
     .post-bottom-cta    -> CTA final
     .right-side / .rs-* -> sidebar derecho
     .left-side          -> sidebar izquierdo / tabla de contenidos
     .esc-footer         -> footer
   ========================================================================= */

/* ---- Tipografías: cárgalas en Elementor > Site Settings > Custom Code (head)
   o deja estas @import (menos óptimo pero funciona) ---- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Source+Serif+Pro:ital,wght@0,400;0,600;1,400&display=swap');

:root{
  --esc-ink:#1a0747; --esc-ink2:#280c6b; --esc-amber:#ffb347; --esc-orange:#ff9020;
  --esc-rust:#a45e00; --esc-cream:#faf6ec; --esc-line:#e6dfc5; --esc-muted:#6b6486;
  --esc-body:#2a2050; --esc-green:#0a6e3e;
}

/* ---------- Base del contenedor del post ---------- */
.escalon-post *{box-sizing:border-box}
.escalon-post img{max-width:100%;height:auto;display:block}
.escalon-post a{color:inherit;text-decoration:none}

/* ===================== NAV ===================== */
.esc-nav{position:sticky;top:0;z-index:1000;background:rgba(26,7,71,0.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.06)}
.esc-nav .nav-inner{max-width:1280px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.esc-nav .nav-logo img{height:36px;width:auto}
.esc-nav .nav-links{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:28px}
.esc-nav .nav-links > li{position:relative}
.esc-nav .nav-links a{color:#fff;font-size:14px;font-weight:500;transition:color .15s}
.esc-nav .nav-links a:hover{color:var(--esc-amber)}
.esc-nav .nav-links li.active > a{color:var(--esc-amber)}
.esc-nav .has-dropdown > a::after{content:"▾";font-size:10px;margin-left:6px;opacity:.7}
.esc-nav .dropdown-menu{position:absolute;top:100%;left:-16px;min-width:240px;background:#fff;border-radius:12px;padding:10px;list-style:none;margin:14px 0 0;box-shadow:0 24px 60px rgba(0,0,0,0.25);opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .15s}
.esc-nav .has-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.esc-nav .dropdown-menu li a{display:block;padding:10px 14px;color:var(--esc-ink);font-weight:500;border-radius:8px;font-size:14px}
.esc-nav .dropdown-menu li a:hover{background:var(--esc-cream);color:var(--esc-rust)}
.esc-nav .nav-cta{background:linear-gradient(135deg,var(--esc-amber) 0%,var(--esc-orange) 100%);color:var(--esc-ink) !important;padding:10px 18px;border-radius:999px;font-weight:700 !important;box-shadow:0 8px 20px rgba(255,144,32,0.35);font-size:13px !important}

/* ===================== BREADCRUMB ===================== */
.post-breadcrumb{background:var(--esc-cream);border-bottom:1px solid var(--esc-line);padding:14px 0;font-size:13px;color:var(--esc-muted)}
.post-breadcrumb .container{max-width:1240px;margin:0 auto;padding:0 24px}
.post-breadcrumb a{color:var(--esc-muted);transition:color .15s}
.post-breadcrumb a:hover{color:var(--esc-rust)}
.post-breadcrumb .sep{margin:0 8px;opacity:.5}
.post-breadcrumb .current{color:var(--esc-ink);font-weight:600}

/* ===================== LAYOUT 3 COLUMNAS ===================== */
.post-wrap{padding:48px 0 80px;background:#fff}
.post-wrap .container{max-width:1240px;margin:0 auto;padding:0 24px}
.post-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 280px;gap:56px;align-items:start}

/* ---- Sidebar izquierdo / Tabla de contenidos ---- */
.left-side{position:sticky;top:110px}
.left-side .back{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--esc-muted);font-weight:600;letter-spacing:.04em;margin-bottom:24px;transition:gap .15s,color .15s}
.left-side .back:hover{gap:12px;color:var(--esc-rust)}
.left-side .back i{font-size:11px}
.left-side .label{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--esc-rust);margin-bottom:14px;padding-left:12px}
.left-side ul{list-style:none;padding:0;margin:0;border-left:1px solid var(--esc-line)}
.left-side li a{display:block;padding:10px 0 10px 12px;font-size:13.5px;color:var(--esc-muted);border-left:3px solid transparent;margin-left:-2px;font-weight:500;line-height:1.4;transition:all .15s}
.left-side li a:hover{color:var(--esc-rust);border-color:rgba(255,144,32,0.3)}
.left-side li a.active{color:var(--esc-ink);border-color:var(--esc-orange);font-weight:700}

/* Si usas el widget "Tabla de contenidos" de Elementor, dale la clase
   esc-toc para que herede este look */
.esc-toc .elementor-toc__list-wrapper{border-left:1px solid var(--esc-line);padding-left:0}
.esc-toc .elementor-toc__list-item-text{color:var(--esc-muted);font-size:13.5px;font-weight:500}
.esc-toc .elementor-item-active .elementor-toc__list-item-text{color:var(--esc-ink);font-weight:700}

/* ===================== ARTÍCULO ===================== */
.post-main{max-width:720px}

.post-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.post-cat{display:inline-block;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.post-cat.primary{background:linear-gradient(135deg,var(--esc-amber),var(--esc-orange));color:var(--esc-ink)}
.post-cat.sec{background:rgba(255,179,71,0.14);color:var(--esc-rust);border:1px solid rgba(255,179,71,0.3)}
.post-cat.tert{background:rgba(26,7,71,0.06);color:var(--esc-ink);border:1px solid rgba(26,7,71,0.1)}

.post-title{font-family:'Inter',sans-serif;font-size:clamp(34px,4vw,52px);line-height:1.08;font-weight:900;color:var(--esc-ink);letter-spacing:-.025em;margin:0 0 22px}
.post-title .accent{color:var(--esc-orange);font-style:italic;font-weight:800}
.post-lead{font-family:'Inter',sans-serif;font-size:19px;line-height:1.65;color:#3a2f5e;margin:0 0 32px;font-weight:400}

/* ---- Byline (autor / fecha / compartir) ---- */
.post-byline{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--esc-line);border-bottom:1px solid var(--esc-line);margin-bottom:32px}
.by-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--esc-amber),var(--esc-orange));display:flex;align-items:center;justify-content:center;color:var(--esc-ink);font-weight:800;font-size:16px;flex:none}
.by-meta{flex:1;min-width:0}
.by-meta strong{display:block;font-size:14px;color:var(--esc-ink);font-weight:700;line-height:1.3}
.by-meta strong .credential{font-size:11px;color:var(--esc-rust);font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-left:6px;padding:2px 8px;background:rgba(255,179,71,0.12);border-radius:4px;vertical-align:1px}
.by-meta span{display:block;font-size:12.5px;color:var(--esc-muted);line-height:1.4;margin-top:2px}
.by-stats{display:flex;gap:14px;font-size:12px;color:var(--esc-muted);font-weight:500}
.by-stats .stat-it{display:inline-flex;align-items:center;gap:5px}
.by-stats i{color:var(--esc-rust);font-size:11px}
.by-share{display:flex;gap:6px;align-items:center}
.by-share a{width:32px;height:32px;border-radius:50%;background:var(--esc-cream);border:1px solid var(--esc-line);display:flex;align-items:center;justify-content:center;color:var(--esc-muted);font-size:12px;transition:all .15s}
.by-share a:hover{background:linear-gradient(135deg,var(--esc-amber),var(--esc-orange));color:var(--esc-ink);border-color:transparent;transform:translateY(-1px)}

/* ---- Hero ---- */
.post-hero{margin:0 0 14px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,var(--esc-ink),var(--esc-ink2) 55%,var(--esc-rust) 130%);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:var(--esc-amber);font-size:90px;position:relative;border:1px solid var(--esc-line)}
.post-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 30%,rgba(255,179,71,0.22),transparent 60%),radial-gradient(circle at 80% 70%,rgba(244,164,36,0.18),transparent 60%);pointer-events:none}
.post-hero i{position:relative;z-index:1;opacity:.9}
.post-hero-caption{font-size:12px;color:var(--esc-muted);font-style:italic;margin-bottom:36px;display:flex;align-items:center;gap:8px}
.post-hero-caption strong{color:var(--esc-ink);font-style:normal;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:11px;background:var(--esc-cream);padding:3px 8px;border-radius:4px;border:1px solid var(--esc-line)}

/* ---- TL;DR ---- */
.tldr{background:linear-gradient(135deg,var(--esc-ink) 0%,var(--esc-ink2) 100%);color:#fff;border-radius:18px;padding:32px 36px;margin:0 0 40px;position:relative;overflow:hidden}
.tldr::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,179,71,0.2),transparent 60%);pointer-events:none}
.tldr h2{font-family:'Inter',sans-serif;font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--esc-amber);margin:0 0 16px;display:flex;align-items:center;gap:10px;position:relative;z-index:1}
.tldr h2::before{display:none}
.tldr h2 i{font-size:14px}
.tldr p{font-size:15px;line-height:1.65;color:#e9e6f5;margin:0 0 14px;position:relative;z-index:1}
.tldr ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px;position:relative;z-index:1}
.tldr ul li{display:flex;gap:12px;font-size:14.5px;line-height:1.55;color:#e9e6f5}
.tldr ul li::before{content:"→";color:var(--esc-amber);font-weight:800;flex:none}

/* ===================== CUERPO DEL ARTÍCULO =====================
   .post-body  =  CLASE CSS del widget "Post Content" en Elementor.
   Todo lo que Claude/MCP escriba en el contenido del post
   se renderiza con estos estilos. */
.post-body{font-family:'Source Serif Pro','Georgia',serif;font-size:18px;line-height:1.75;color:var(--esc-body)}
.post-body p{margin:0 0 22px}
.post-body p > a, .post-body li > a{color:var(--esc-rust);font-weight:600;border-bottom:1px solid rgba(164,94,0,0.3);transition:all .15s}
.post-body p > a:hover, .post-body li > a:hover{color:var(--esc-orange);border-color:var(--esc-orange)}
.post-body strong{color:var(--esc-ink);font-weight:600}
.post-body em{font-style:italic;color:#3a2f5e}

/* Drop cap en el primer párrafo */
.post-body > p:first-of-type::first-letter{font-family:'Inter',sans-serif;font-weight:900;float:left;font-size:74px;line-height:0.85;color:var(--esc-orange);margin:8px 12px 0 0;padding:0}

/* Encabezados del cuerpo */
.post-body h2{font-family:'Inter',sans-serif;font-size:28px;line-height:1.2;font-weight:800;color:var(--esc-ink);letter-spacing:-.015em;margin:48px 0 18px;display:flex;align-items:center;gap:14px}
.post-body h2::before{content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--esc-amber),var(--esc-orange));flex:none;box-shadow:0 0 0 4px rgba(255,179,71,0.16)}
.post-body h3{font-family:'Inter',sans-serif;font-size:21px;line-height:1.3;font-weight:800;color:var(--esc-ink);letter-spacing:-.01em;margin:32px 0 12px}
.post-body h4{font-family:'Inter',sans-serif;font-size:16px;font-weight:700;color:var(--esc-ink);letter-spacing:.04em;text-transform:uppercase;margin:24px 0 10px}

/* Callout neutro */
.post-body .callout{background:var(--esc-cream);border-left:4px solid var(--esc-orange);border-radius:0 14px 14px 0;padding:22px 26px;margin:28px 0;font-family:'Inter',sans-serif;font-size:15.5px;line-height:1.65;color:var(--esc-ink)}
.post-body .callout p{margin:0 0 10px}
.post-body .callout p:last-child{margin:0}
.post-body .callout strong{color:var(--esc-rust)}

/* Blockquote */
.post-body blockquote{margin:32px 0;padding:6px 0 6px 28px;border-left:3px solid var(--esc-orange);font-family:'Source Serif Pro',serif;font-style:italic;font-size:21px;line-height:1.5;color:var(--esc-ink)}
.post-body blockquote cite{display:block;font-family:'Inter',sans-serif;font-style:normal;font-size:13px;color:var(--esc-muted);font-weight:600;margin-top:10px;letter-spacing:.04em}
.post-body blockquote cite::before{content:"— "}

/* Caja de advertencia (red flag) */
.post-body .warning{background:linear-gradient(135deg,#fff4ec 0%,#fde9d6 100%);border:1px solid #f5c896;border-radius:14px;padding:22px 26px;margin:28px 0;font-family:'Inter',sans-serif;font-size:15px;line-height:1.6;color:var(--esc-ink);display:flex;gap:16px}
.post-body .warning i{color:#d97706;font-size:22px;flex:none;margin-top:2px}
.post-body .warning strong{color:var(--esc-rust);font-weight:700;display:block;margin-bottom:6px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.post-body .warning p{margin:0;color:#3a2f5e}

/* CTA dentro del contenido */
.post-body .inline-cta{background:linear-gradient(135deg,var(--esc-green) 0%,#0d5f37 100%);color:#fff;border-radius:14px;padding:28px 30px;margin:32px 0;font-family:'Inter',sans-serif}
.post-body .inline-cta h4{color:#fff;font-size:18px;font-weight:800;margin:0 0 8px;letter-spacing:-.005em;text-transform:none}
.post-body .inline-cta p{color:rgba(255,255,255,0.78);font-size:14.5px;margin:0 0 16px;line-height:1.55}
.post-body .inline-cta .btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--esc-green);padding:11px 22px;border-radius:999px;font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;transition:transform .15s}
.post-body .inline-cta .btn:hover{transform:translateY(-1px)}

/* Figura / gráfico */
.post-body figure{margin:28px 0}
.post-body figure .figure-box{border:1px solid var(--esc-line);border-radius:14px;background:var(--esc-cream);padding:36px 28px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;min-height:220px}
.post-body figure .figure-box svg{max-width:100%;height:auto}
.post-body figcaption{font-family:'Inter',sans-serif;font-size:12.5px;color:var(--esc-muted);margin-top:12px;line-height:1.5;display:flex;align-items:flex-start;gap:8px}
.post-body figcaption strong{color:var(--esc-ink);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:11px;background:#fff;padding:3px 8px;border-radius:4px;border:1px solid var(--esc-line);flex:none}

/* Tabla comparativa */
.post-body .data-table{margin:28px 0;border-radius:14px;border:1px solid var(--esc-line);overflow:hidden;font-family:'Inter',sans-serif}
.post-body table{width:100%;border-collapse:collapse;font-size:14px}
.post-body thead th{background:var(--esc-ink);color:#fff;text-align:left;padding:14px 18px;font-weight:700;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.post-body thead th.col-self{background:linear-gradient(135deg,var(--esc-orange),var(--esc-amber));color:var(--esc-ink)}
.post-body tbody tr{border-top:1px solid var(--esc-line)}
.post-body tbody tr:nth-child(even){background:var(--esc-cream)}
.post-body tbody th{font-weight:700;color:var(--esc-ink);text-align:left;padding:14px 18px;font-size:13.5px;background:#fff}
.post-body tbody tr:nth-child(even) th{background:var(--esc-cream)}
.post-body tbody td{padding:14px 18px;color:#3a2f5e;font-size:13.5px}
.post-body td .pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em}
.post-body td .pill.ok{background:rgba(10,110,62,0.12);color:var(--esc-green)}
.post-body td .pill.warn{background:rgba(255,179,71,0.18);color:var(--esc-rust)}
.post-body td .pill.no{background:rgba(155,148,180,0.18);color:var(--esc-muted)}
.post-body td.col-self{background:rgba(255,179,71,0.08);font-weight:600;color:var(--esc-ink)}
.post-body tbody tr:nth-child(even) td.col-self{background:rgba(255,179,71,0.12)}

/* ===================== FAQ ===================== */
.post-faq{border-top:1px solid var(--esc-line);margin:48px 0 0;padding-top:32px;font-family:'Inter',sans-serif}
.post-faq h2{font-size:24px;font-weight:800;color:var(--esc-ink);letter-spacing:-.015em;margin:0 0 20px;display:flex;align-items:center;gap:12px}
.post-faq h2 i{color:var(--esc-orange)}
.post-faq .faq-item{border-bottom:1px solid var(--esc-line)}
.post-faq summary{padding:18px 0;cursor:pointer;font-size:15.5px;font-weight:700;color:var(--esc-ink);display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none}
.post-faq summary::-webkit-details-marker{display:none}
.post-faq summary::after{content:"+";color:var(--esc-orange);font-size:22px;font-weight:300;transition:transform .2s;flex:none}
.post-faq details[open] summary::after{content:"−"}
.post-faq details .ans{padding:0 0 18px;font-size:14.5px;line-height:1.65;color:#3a2f5e}

/* ===================== FICHA DE AUTOR ===================== */
.post-author{margin:48px 0 0;background:var(--esc-cream);border:1px solid var(--esc-line);border-radius:18px;padding:32px;display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:start;font-family:'Inter',sans-serif}
.post-author .pa-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--esc-amber),var(--esc-orange));display:flex;align-items:center;justify-content:center;color:var(--esc-ink);font-weight:900;font-size:32px;flex:none;box-shadow:0 12px 24px rgba(255,144,32,0.25)}
.post-author h3{font-size:18px;font-weight:800;color:var(--esc-ink);letter-spacing:-.005em;margin:0 0 4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.post-author h3 .credential{font-size:11px;color:var(--esc-rust);font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;background:#fff;border:1px solid var(--esc-line);border-radius:4px}
.post-author .role{font-size:13px;color:var(--esc-rust);font-weight:700;letter-spacing:.04em;margin:0 0 12px}
.post-author p{font-size:14px;line-height:1.65;color:#3a2f5e;margin:0 0 14px}
.post-author .a-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}
.post-author .a-meta a{display:inline-flex;align-items:center;gap:6px;color:var(--esc-rust);font-weight:600;transition:color .15s}
.post-author .a-meta a:hover{color:var(--esc-orange)}
.post-author .a-meta i{font-size:12px}
.post-author .a-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.post-author .a-tags span{font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 10px;background:#fff;border:1px solid var(--esc-line);border-radius:999px;color:var(--esc-muted)}

/* ===================== REFERENCIAS ===================== */
.post-refs{margin:48px 0 0;padding-top:32px;border-top:1px solid var(--esc-line);font-family:'Inter',sans-serif}
.post-refs h2{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--esc-rust);margin:0 0 18px}
.post-refs ol{padding-left:0;list-style:none;counter-reset:ref;margin:0}
.post-refs li{counter-increment:ref;position:relative;padding:10px 0 10px 36px;font-size:13px;line-height:1.55;color:#3a2f5e;border-bottom:1px dashed var(--esc-line)}
.post-refs li:last-child{border-bottom:none}
.post-refs li::before{content:counter(ref);position:absolute;left:0;top:10px;width:24px;height:24px;background:linear-gradient(135deg,var(--esc-amber),var(--esc-orange));color:var(--esc-ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.post-refs li a{color:var(--esc-rust);font-weight:600;text-decoration:underline;text-decoration-color:rgba(164,94,0,0.3)}
.post-refs li a:hover{color:var(--esc-orange);text-decoration-color:var(--esc-orange)}

/* ===================== CTA FINAL ===================== */
.post-bottom-cta{margin:64px 0 0;background:linear-gradient(135deg,var(--esc-ink) 0%,var(--esc-ink2) 100%);color:#fff;border-radius:24px;padding:48px 44px;text-align:center;position:relative;overflow:hidden;font-family:'Inter',sans-serif}
.post-bottom-cta::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,0.05) 1px,transparent 0);background-size:24px 24px;pointer-events:none}
.post-bottom-cta::after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,179,71,0.22),transparent 60%);pointer-events:none}
.post-bottom-cta h2{font-size:28px;font-weight:800;letter-spacing:-.015em;margin:0 0 14px;line-height:1.2;position:relative;z-index:1}
.post-bottom-cta h2 .accent{color:var(--esc-amber);font-style:italic}
.post-bottom-cta p{font-size:15px;line-height:1.6;color:#cfc8e6;margin:0 0 22px;max-width:520px;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.post-bottom-cta .btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--esc-amber) 0%,var(--esc-orange) 100%);color:var(--esc-ink);padding:14px 28px;border-radius:999px;font-weight:800;font-size:14px;box-shadow:0 14px 30px rgba(255,144,32,0.4);position:relative;z-index:1;transition:transform .15s}
.post-bottom-cta .btn:hover{transform:translateY(-2px)}

/* ===================== SIDEBAR DERECHO ===================== */
.right-side{position:sticky;top:110px}
.rs-card{background:#fff;border:1px solid var(--esc-line);border-radius:18px;padding:24px;margin-bottom:18px;font-family:'Inter',sans-serif}
.rs-card.dark{background:linear-gradient(135deg,var(--esc-ink) 0%,var(--esc-ink2) 100%);color:#fff;border-color:transparent;position:relative;overflow:hidden}
.rs-card.dark::before{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,179,71,0.22),transparent 60%);pointer-events:none}
.rs-label{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--esc-rust);margin:0 0 12px}
.rs-card.dark .rs-label{color:var(--esc-amber)}
.rs-card h3{font-size:16px;font-weight:800;color:var(--esc-ink);letter-spacing:-.005em;margin:0 0 10px;line-height:1.3;position:relative;z-index:1}
.rs-card.dark h3{color:#fff}
.rs-card p{font-size:13px;color:#3a2f5e;line-height:1.55;margin:0 0 14px;position:relative;z-index:1}
.rs-card.dark p{color:#cfc8e6}
.rs-card .rs-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--esc-amber),var(--esc-orange));color:var(--esc-ink);padding:10px 18px;border-radius:999px;font-weight:800;font-size:12.5px;transition:transform .15s;position:relative;z-index:1}
.rs-card .rs-btn:hover{transform:translateY(-1px)}
.rs-card .rs-input{width:100%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.18);border-radius:8px;padding:11px 14px;font:500 13px Inter,sans-serif;color:#fff;margin-bottom:10px;position:relative;z-index:1}
.rs-card .rs-input::placeholder{color:rgba(255,255,255,0.4)}
.rs-card .rs-input:focus{outline:none;border-color:var(--esc-amber)}
.rs-card .rs-submit{width:100%;background:linear-gradient(135deg,var(--esc-amber),var(--esc-orange));color:var(--esc-ink);border:none;cursor:pointer;border-radius:8px;padding:11px;font:800 12.5px Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;transition:transform .15s;position:relative;z-index:1}
.rs-card .rs-submit:hover{transform:translateY(-1px)}
.rs-related{display:grid;gap:14px}
.rs-related a{display:grid;grid-template-columns:64px 1fr;gap:12px;text-decoration:none;align-items:center}
.rs-related .thumb{width:64px;height:64px;border-radius:10px;background:linear-gradient(135deg,var(--esc-ink),var(--esc-ink2));display:flex;align-items:center;justify-content:center;color:var(--esc-amber);font-size:22px;flex:none;position:relative;overflow:hidden}
.rs-related .thumb.cpg{background:linear-gradient(135deg,var(--esc-rust),var(--esc-orange))}
.rs-related .thumb.tax{background:linear-gradient(135deg,var(--esc-orange),var(--esc-rust))}
.rs-related .thumb::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 30%,rgba(255,179,71,0.18),transparent 60%);pointer-events:none}
.rs-related .rs-tag{font-size:10.5px;color:var(--esc-rust);font-weight:800;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:3px}
.rs-related h4{font-size:13px;font-weight:700;color:var(--esc-ink);line-height:1.35;margin:0;letter-spacing:-.005em;transition:color .15s}
.rs-related a:hover h4{color:var(--esc-rust)}

/* ===================== FOOTER ===================== */
.esc-footer{background:#0f0428;color:#cfc8e6;padding:64px 0 32px}
.esc-footer .container{max-width:1240px;margin:0 auto;padding:0 24px}
.esc-footer .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:48px}
.esc-footer .footer-brand img{height:36px;margin-bottom:18px}
.esc-footer .footer-brand p{font-size:13px;line-height:1.6;color:#cfc8e6}
.esc-footer .footer-col h4{color:#fff;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px}
.esc-footer .footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.esc-footer .footer-col a{font-size:14px;color:#cfc8e6;transition:color .15s}
.esc-footer .footer-col a:hover{color:var(--esc-amber)}
.esc-footer .footer-bottom{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.08);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#9b94b4;flex-wrap:wrap;gap:12px}
.esc-footer .footer-bottom a{margin-left:18px}

/* ===================== RESPONSIVE ===================== */
@media (max-width: 1100px){
  .post-grid{grid-template-columns:200px minmax(0,1fr);gap:40px}
  .right-side{display:none}
}
@media (max-width: 880px){
  .post-grid{grid-template-columns:1fr;gap:24px}
  .left-side{position:static}
  .left-side ul{display:none}
  .post-author{grid-template-columns:1fr}
  .post-author .pa-avatar{margin-bottom:12px}
  .esc-footer .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .esc-nav .nav-links{display:none}
}
@media (max-width: 600px){
  .post-title{font-size:32px}
  .post-lead{font-size:16.5px}
  .post-body{font-size:16.5px}
  .post-body > p:first-of-type::first-letter{font-size:60px}
  .post-bottom-cta{padding:36px 24px}
  .post-bottom-cta h2{font-size:22px}
  .esc-footer .footer-grid{grid-template-columns:1fr}
}

/* Fix: Post Title de Elementor (apunta al H1 interno) */
.post-title .elementor-heading-title{
  font-family:'Inter',sans-serif;
  font-size:clamp(34px,4vw,52px);
  line-height:1.08;
  font-weight:900;
  color:#1a0747;
  letter-spacing:-.025em;
  margin:0 0 22px;
}
.post-title .elementor-heading-title .accent{color:#ff9020;font-style:italic;font-weight:800}



/* Fix: Post Content de Elementor (cuerpo del artículo) */
.post-body,
.post-body .elementor-widget-container{
  font-family:'Source Serif Pro','Georgia',serif;
  font-size:18px;
  line-height:1.75;
  color:#2a2050;
}
/* Letra capital en el primer párrafo del cuerpo */
.post-body .elementor-widget-container > p:first-of-type::first-letter{
  font-family:'Inter',sans-serif;
  font-weight:900;
  float:left;
  font-size:74px;
  line-height:.85;
  color:#ff9020;
  margin:8px 12px 0 0;
}


/* --- Post Excerpt (entradilla) --- */
.post-lead .elementor-widget-container{
  font-family:'Inter',sans-serif;font-size:19px;line-height:1.65;
  color:#3a2f5e;font-weight:400;margin:0 0 32px;
}
/* --- Featured Image (imagen destacada) --- */
.post-hero-img img{
  width:100%;height:auto;display:block;border-radius:18px;
  border:1px solid #e6dfc5;margin:0 0 14px;
}
/* --- Author Box (ficha de autor) como tarjeta crema --- */
.esc-author .elementor-author-box{
  background:#faf6ec;border:1px solid #e6dfc5;border-radius:18px;
  padding:32px;font-family:'Inter',sans-serif;margin-top:48px;gap:22px;
}
.esc-author .elementor-author-box__name{color:#1a0747;font-weight:800;font-size:18px}
.esc-author .elementor-author-box__bio{color:#3a2f5e;font-size:14px;line-height:1.65}
.esc-author .elementor-author-box__avatar img{border-radius:50%}/* End custom CSS */