/* aviso de cookies (CookieYes) con el aspecto de SergioLearns: tarjeta de terminal en tinta */
.cky-consent-container{width:440px!important;max-width:calc(100vw - 32px)!important;left:16px!important;bottom:16px!important}
.cky-consent-container .cky-consent-bar{background:#1E1B2E!important;border:1px solid #2E2A42!important;border-radius:16px!important;box-shadow:0 24px 60px -18px rgba(30,27,46,.6)!important;padding:20px 22px 18px!important}
.cky-consent-container .cky-title{font:600 14px/1.4 "JetBrains Mono",ui-monospace,monospace!important;color:#E8E6F5!important;margin:0 0 10px!important;font-variant-ligatures:none}
.cky-consent-container .cky-title::before{content:"$ ";color:#FF6B4A}
.cky-consent-container .cky-title::after{content:"_";color:#FF6B4A;margin-left:2px;animation:sl-blink 1.1s steps(1) infinite}
.cky-consent-container .cky-notice-des,.cky-consent-container .cky-notice-des *{color:#C9C5DC!important;font:14px/1.6 Inter,system-ui,sans-serif!important}
.cky-consent-container .cky-notice-des{max-height:none!important;overflow:visible!important;padding:0!important}
.cky-modal *{scrollbar-width:thin;scrollbar-color:#3A3554 transparent}
.cky-consent-container .cky-notice-des a,.cky-modal a{color:#A99EF5!important;text-decoration:underline;text-underline-offset:3px}
.cky-consent-container .cky-notice-btn-wrapper{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:16px 0 0!important}
.cky-consent-container .cky-notice-btn-wrapper .cky-btn{flex:1 1 0!important;margin:0!important;min-width:0}
.cky-btn{border-radius:10px!important;font:600 14px/1.2 Inter,system-ui,sans-serif!important;padding:11px 12px!important;border:1px solid transparent!important;box-shadow:none!important;transition:background .15s ease,border-color .15s ease,color .15s ease}
.cky-btn-accept,.cky-btn-reject,.cky-btn-preferences{background:#5B4BDB!important;border-color:#5B4BDB!important;color:#FFFFFF!important}
.cky-btn-accept:hover,.cky-btn-reject:hover,.cky-btn-preferences:hover{background:#4638B8!important;border-color:#4638B8!important}
.cky-consent-container .cky-btn-customize{flex-basis:100%!important;background:transparent!important;border-color:#3A3554!important;color:#C9C5DC!important}
.cky-consent-container .cky-btn-customize:hover{border-color:#A99EF5!important;color:#FFFFFF!important}
.cky-btn:focus-visible,.cky-btn-close:focus-visible,.cky-btn-revisit:focus-visible,.cky-accordion-btn:focus-visible{outline:2px solid #FF6B4A!important;outline-offset:2px!important}
.cky-consent-container [data-cky-tag="powered-by"]{background:transparent!important;color:#8E8AA3!important}
.cky-consent-container [data-cky-tag="powered-by"] *{color:#8E8AA3!important}
/* panel de preferencias (la caja de fuera era blanca con esquinas de 6 px: asomaba por detrás) */
.cky-modal{background:transparent!important;border-radius:16px!important;box-shadow:none!important}
.cky-modal .cky-preference-center{max-width:640px!important;overflow:hidden!important}
.cky-modal .cky-preference-center{background:#1E1B2E!important;border:1px solid #2E2A42!important;border-radius:16px!important;box-shadow:0 30px 80px -20px rgba(30,27,46,.7)!important;color:#C9C5DC!important}
.cky-modal .cky-preference-header{border-bottom:1px solid #2E2A42!important}
.cky-modal .cky-preference-title{font:600 15px/1.4 "JetBrains Mono",ui-monospace,monospace!important;color:#E8E6F5!important}
.cky-modal .cky-preference-title::before{content:"$ ";color:#FF6B4A}
.cky-modal .cky-btn-close img{filter:invert(1) brightness(1.6)}
.cky-modal .cky-preference-body-wrapper,.cky-modal .cky-preference-body-wrapper *:not(.cky-btn):not(.cky-always-active){color:#C9C5DC!important;font-family:Inter,system-ui,sans-serif}
.cky-modal .cky-accordion-btn,.cky-modal .cky-accordion-btn *{color:#E8E6F5!important;font-weight:600!important}
.cky-modal .cky-horizontal-separator,.cky-modal .cky-accordion{border-color:#2E2A42!important}
.cky-modal .cky-accordion-chevron i::before,.cky-modal .cky-chevron-right::before{border-color:#A99EF5!important}
.cky-modal .cky-always-active{color:#7FD6B8!important;font-weight:600}
.cky-modal .cky-audit-table{background:#262238!important;border:1px solid #3A3554!important;border-radius:10px!important}
.cky-modal .cky-cookie-des-table{border-color:#3A3554!important}
.cky-modal .cky-cookie-des-table li div:first-child{color:#8E8AA3!important;font-weight:600!important}
.cky-modal .cky-cookie-des-table li div:last-child{color:#E8E6F5!important}
.cky-modal .cky-show-desc-btn{color:#A99EF5!important}
.cky-modal .cky-switch input[type="checkbox"]{background:#3A3554!important}
.cky-modal .cky-switch input[type="checkbox"]:checked{background:#5B4BDB!important}
.cky-modal .cky-footer-wrapper,.cky-modal .cky-prefrence-btn-wrapper{background:#1E1B2E!important;border-color:#2E2A42!important}
.cky-modal .cky-footer-shadow{background:linear-gradient(180deg,rgba(30,27,46,0),#1E1B2E)!important}
.cky-modal .cky-prefrence-btn-wrapper{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:14px 22px!important}.cky-modal .cky-prefrence-btn-wrapper .cky-btn{flex:1 1 150px!important;margin:0!important;min-height:42px}
/* botón para volver a abrir las preferencias: redondo en tinta, como «volver arriba» */
.cky-btn-revisit-wrapper{background:#1E1B2E!important;width:44px!important;height:44px!important;box-shadow:0 6px 18px rgba(30,27,46,.28)!important}
.cky-btn-revisit-wrapper .cky-btn-revisit{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;background:transparent!important}
.cky-btn-revisit-wrapper .cky-btn-revisit img{display:none!important}
.cky-btn-revisit-wrapper::before,.cky-btn-revisit-wrapper::after{background:#1E1B2E!important;color:#FAFAF7!important}
@media (max-width:440px){.cky-consent-container{width:auto!important;left:16px!important;right:16px!important;bottom:16px!important}.cky-consent-container .cky-notice-btn-wrapper .cky-btn{flex:0 0 auto!important;width:100%!important;min-height:44px}}
/* CookieYes sangra el título y los botones 24 px (en el móvil quedaban desalineados con el texto) */
.cky-consent-container .cky-title,.cky-consent-container .cky-notice-btn-wrapper{padding-left:0!important;padding-right:0!important}
.cky-consent-container .cky-notice-content-wrapper{padding:0!important}
/* en pantallas estrechas CookieYes apila los botones en columna: sin esto se aplastaban y el texto se salía */
@media (max-width:576px){.cky-modal .cky-prefrence-btn-wrapper .cky-btn{flex:0 0 auto!important;width:100%!important;min-height:44px}}
/* la «s» de las ligaduras: «--» se queda como dos guiones */
.cky-consent-container .cky-title,.cky-modal .cky-preference-title{font-variant-ligatures:none!important;font-feature-settings:"liga" 0,"calt" 0!important}
.cky-modal .cky-preference-header,.cky-modal .cky-preference-body-wrapper{padding-left:22px!important;padding-right:22px!important}
/* entradas: el aviso sube, el panel aparece y el botón entra con un pequeño salto */
@keyframes slck-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes slck-pop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes slck-btn{from{opacity:0;transform:translateY(12px) scale(.7)}to{opacity:1;transform:none}}
@keyframes slck-crunch{0%,100%{transform:none}30%{transform:rotate(-10deg) scale(.94)}60%{transform:rotate(6deg)}}
@keyframes slck-out{from{opacity:1}to{opacity:0}}@keyframes slck-on{from{opacity:0}to{opacity:1}}
@keyframes slck-crumb{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--x),var(--y))}}
.cky-consent-container:not(.cky-hide) .cky-consent-bar{animation:slck-in .45s cubic-bezier(.2,.7,.3,1) both}
.cky-modal.cky-modal-open .cky-preference-center{animation:slck-pop .32s cubic-bezier(.2,.7,.3,1) both}
/* al abrir el panel: el título se teclea y el contenido entra por filas, una detrás de otra */
@keyframes slck-row{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.cky-modal.cky-modal-open [data-cky-tag="detail-description"],.cky-modal.cky-modal-open .cky-accordion,.cky-modal.cky-modal-open .cky-prefrence-btn-wrapper .cky-btn{animation:slck-row .42s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--slck-d,0ms)}
.cky-modal .cky-preference-title.is-typing::after{content:"_";color:#FF6B4A;margin-left:2px}
.cky-btn-revisit-wrapper{animation:slck-btn .45s cubic-bezier(.2,.7,.3,1) .4s both}
.sl-ck-cookie{width:24px;height:24px;display:block;overflow:visible}
.sl-ck-cookie .m{opacity:0}
.is-bitten .sl-ck-cookie .w{opacity:0}
.is-bitten .sl-ck-cookie .m{opacity:1}
.is-biting .sl-ck-cookie .w{animation:slck-out .22s ease both}
.is-biting .sl-ck-cookie .m{animation:slck-on .22s ease both}
.is-biting .sl-ck-cookie{animation:slck-crunch .45s ease both}
.sl-ck-crumb{position:absolute;left:31px;top:9px;width:3px;height:3px;border-radius:50%;background:#FAFAF7;pointer-events:none;animation:slck-crumb .6s ease-out forwards}
.sl-ck-crumb:nth-child(2n){background:#FF6B4A}
.cky-btn-revisit{position:relative}
@media (prefers-reduced-motion:reduce){.cky-consent-container .cky-title::after,.cky-consent-container .cky-consent-bar,.cky-modal .cky-preference-center,.cky-btn-revisit-wrapper,.cky-modal.cky-modal-open [data-cky-tag="detail-description"],.cky-modal.cky-modal-open .cky-accordion,.cky-modal.cky-modal-open .cky-prefrence-btn-wrapper .cky-btn,.is-biting .sl-ck-cookie,.is-biting .sl-ck-cookie .w,.is-biting .sl-ck-cookie .m{animation:none!important}.sl-ck-crumb{display:none}}
/* t10: pastillas de color propio (tipo, nivel, asignatura); al pasar el ratón, el mismo color más intenso */a.sl-pill[href*="/tipo/teoria-tipo/"],a.sl-pill[href*="/tipo/theory-type/"]{background:#ECEAFB!important;color:#4638B8!important}a.sl-pill[href*="/tipo/teoria-tipo/"]:hover,a.sl-pill[href*="/tipo/theory-type/"]:hover,a.sl-pill[href*="/tipo/teoria-tipo/"]:focus-visible,a.sl-pill[href*="/tipo/theory-type/"]:focus-visible{background:#4638B8!important;color:#FFFFFF!important}a.sl-pill[href*="/tipo/practica-tipo/"],a.sl-pill[href*="/tipo/practice-type/"]{background:#E7F4EC!important;color:#16794B!important}a.sl-pill[href*="/tipo/practica-tipo/"]:hover,a.sl-pill[href*="/tipo/practice-type/"]:hover,a.sl-pill[href*="/tipo/practica-tipo/"]:focus-visible,a.sl-pill[href*="/tipo/practice-type/"]:focus-visible{background:#16794B!important;color:#FFFFFF!important}a.sl-pill[href*="/tipo/ejercicios-tipo/"],a.sl-pill[href*="/tipo/exercises-type/"]{background:#FFE9E3!important;color:#B8452B!important}a.sl-pill[href*="/tipo/ejercicios-tipo/"]:hover,a.sl-pill[href*="/tipo/exercises-type/"]:hover,a.sl-pill[href*="/tipo/ejercicios-tipo/"]:focus-visible,a.sl-pill[href*="/tipo/exercises-type/"]:focus-visible{background:#B8452B!important;color:#FFFFFF!important}a.sl-pill[href*="/tipo/examen-tipo/"],a.sl-pill[href*="/tipo/exam-type/"]{background:#FBE4E2!important;color:#B42F25!important}a.sl-pill[href*="/tipo/examen-tipo/"]:hover,a.sl-pill[href*="/tipo/exam-type/"]:hover,a.sl-pill[href*="/tipo/examen-tipo/"]:focus-visible,a.sl-pill[href*="/tipo/exam-type/"]:focus-visible{background:#B42F25!important;color:#FFFFFF!important}a.sl-pill[href*="/tipo/experiencia-tipo/"],a.sl-pill[href*="/tipo/experience-type/"]{background:#F5A524!important;color:#1E1B2E!important}a.sl-pill[href*="/tipo/experiencia-tipo/"]:hover,a.sl-pill[href*="/tipo/experience-type/"]:hover,a.sl-pill[href*="/tipo/experiencia-tipo/"]:focus-visible,a.sl-pill[href*="/tipo/experience-type/"]:focus-visible{background:#E08A00!important;color:#1E1B2E!important}a.sl-pill[href*="/tipo/proyecto-tipo/"],a.sl-pill[href*="/tipo/project-type/"]{background:#E8E6F5!important;color:#2E2A42!important}a.sl-pill[href*="/tipo/proyecto-tipo/"]:hover,a.sl-pill[href*="/tipo/project-type/"]:hover,a.sl-pill[href*="/tipo/proyecto-tipo/"]:focus-visible,a.sl-pill[href*="/tipo/project-type/"]:focus-visible{background:#2E2A42!important;color:#FFFFFF!important}a.sl-pill[href*="/nivel/desde-cero/"],a.sl-pill[href*="/nivel/from-scratch/"]{background:#E0F2FE!important;color:#0369A1!important}a.sl-pill[href*="/nivel/desde-cero/"]:hover,a.sl-pill[href*="/nivel/from-scratch/"]:hover,a.sl-pill[href*="/nivel/desde-cero/"]:focus-visible,a.sl-pill[href*="/nivel/from-scratch/"]:focus-visible{background:#0369A1!important;color:#FFFFFF!important}a.sl-pill[href*="/nivel/intermedio/"],a.sl-pill[href*="/nivel/intermediate/"]{background:#FCE7F3!important;color:#9D2463!important}a.sl-pill[href*="/nivel/intermedio/"]:hover,a.sl-pill[href*="/nivel/intermediate/"]:hover,a.sl-pill[href*="/nivel/intermedio/"]:focus-visible,a.sl-pill[href*="/nivel/intermediate/"]:focus-visible{background:#9D2463!important;color:#FFFFFF!important}a.sl-pill[href*="/nivel/avanzado/"],a.sl-pill[href*="/nivel/advanced/"]{background:#FDE4E4!important;color:#8F1D1D!important}a.sl-pill[href*="/nivel/avanzado/"]:hover,a.sl-pill[href*="/nivel/advanced/"]:hover,a.sl-pill[href*="/nivel/avanzado/"]:focus-visible,a.sl-pill[href*="/nivel/advanced/"]:focus-visible{background:#8F1D1D!important;color:#FFFFFF!important}a.sl-pill[href*="/asignatura/fp1/"],a.sl-pill[href*="/asignatura/fp1-en/"]{background:#DDF3F0!important;color:#0F6B66!important}a.sl-pill[href*="/asignatura/fp1/"]:hover,a.sl-pill[href*="/asignatura/fp1-en/"]:hover,a.sl-pill[href*="/asignatura/fp1/"]:focus-visible,a.sl-pill[href*="/asignatura/fp1-en/"]:focus-visible{background:#0F6B66!important;color:#FFFFFF!important}a.sl-pill[href*="/asignatura/fp2/"],a.sl-pill[href*="/asignatura/fp2-en/"]{background:#FFF0DF!important;color:#9A4A00!important}a.sl-pill[href*="/asignatura/fp2/"]:hover,a.sl-pill[href*="/asignatura/fp2-en/"]:hover,a.sl-pill[href*="/asignatura/fp2/"]:focus-visible,a.sl-pill[href*="/asignatura/fp2-en/"]:focus-visible{background:#9A4A00!important;color:#FFFFFF!important}a.sl-pill[href*="/asignatura/ic1/"],a.sl-pill[href*="/asignatura/ic1-en/"]{background:#ECF5DA!important;color:#4D6A12!important}a.sl-pill[href*="/asignatura/ic1/"]:hover,a.sl-pill[href*="/asignatura/ic1-en/"]:hover,a.sl-pill[href*="/asignatura/ic1/"]:focus-visible,a.sl-pill[href*="/asignatura/ic1-en/"]:focus-visible{background:#4D6A12!important;color:#FFFFFF!important}a.sl-pill[href*="/asignatura/ic2/"],a.sl-pill[href*="/asignatura/ic2-en/"]{background:#E6ECF2!important;color:#334E68!important}a.sl-pill[href*="/asignatura/ic2/"]:hover,a.sl-pill[href*="/asignatura/ic2-en/"]:hover,a.sl-pill[href*="/asignatura/ic2/"]:focus-visible,a.sl-pill[href*="/asignatura/ic2-en/"]:focus-visible{background:#334E68!important;color:#FFFFFF!important}@media (max-width:767px){.sl3-404__s kbd{display:none!important}}:root:not(#sl14-x) *,:root:not(#sl14-x) *::before,:root:not(#sl14-x) *::after{font-variant-ligatures:none!important}body.search .sl2-card__img{overflow:hidden;position:relative}body.search .sl2-card__img img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-height:none;object-fit:cover;display:block}.sl3-mi small,.sl3-tile small,.sl3-col__h,.sl3-sheet__search span,.sl3-sheet .sl3-lang a,.sl-read,.sl2-card__cat,.sl2-card__date,.sl3-toc__k,.sl3-toc__h,.sl3-toc ol a:not(.is-cur),.sl3-toc__chev,.sl-diagram figcaption,.wp-block-post-date time,.sl-all__cmd,.sl2-chips__l{color:#6E6A85!important}.sl2-chip:not(.is-on):not([aria-pressed="true"]) span{color:#6E6A85!important}.sl3-toc ol a:not(.is-cur):hover{color:#1E1B2E!important}.sl-diagram svg text[fill="#8E8AA3" i],.sl-diagram svg text[fill="#8e8aa3" i]{fill:#6E6A85}.sl-all__cmd b{color:#C93F22!important}html[lang^="es"] .enlighter-default .enlighter-toolbar .enlighter-btn-copy::after{content:"Copiar"}.enlighter-default .enlighter span{font-size:1em!important}.enlighter-default div.enlighter>div{padding-top:0!important;padding-bottom:0!important}.enlighter-default div.enlighter>div::before{font-size:.85em!important;line-height:inherit!important}@media (max-width:480px){.enlighter-default.enlighter-v-standard,.enlighter-default .enlighter-code{font-size:13.5px!important}.enlighter-default div.enlighter>div{line-height:1.6em}.enlighter-default .enlighter-code{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:6px}}

/* =========================================================
   SergioLearns — estilos de los artículos
   Pegar en Personalizar → CSS adicional
   ========================================================= */

/* ---------- Pastillas y tiempo de lectura ---------- */
.sl-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 36px}
.sl-article-meta .sl-pill{display:inline-block;font-size:13px;font-weight:600;line-height:1;padding:7px 10px;border-radius:6px;text-decoration:none;background:#EEECF7;color:#5B4BDB;transition:background .2s,color .2s}
.sl-article-meta .sl-pill--nivel{background:#F1F0F5;color:#5A566E}
.sl-article-meta .sl-pill--asignatura{background:#FFE9E3;color:#B8452B}
.sl-article-meta .sl-pill:hover{background:#5B4BDB;color:#FFFFFF}
.sl-article-meta .sl-read{font-size:14px;color:#8E8AA3;margin-left:6px}

/* ---------- Texto del artículo ---------- */
.single-post .entry-content > h2{margin-top:56px;margin-bottom:16px}
.single-post .entry-content > h3{margin-top:36px;margin-bottom:12px}
.single-post .entry-content a:not(.sl-pill):not(.sl-next){color:#5B4BDB;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(91,75,219,.4);transition:color .2s,text-decoration-color .2s}
.single-post .entry-content a:not(.sl-pill):not(.sl-next):hover{color:#4638B8;text-decoration-color:currentColor}

/* Código dentro del texto, como `range()` */
.single-post .entry-content :not(pre) > code{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:#EEECF7;color:#2E2A42;padding:.15em .4em;border-radius:6px}

/* ---------- Tabla de contenidos (Rank Math) ---------- */
.single-post .wp-block-rank-math-toc-block{background:#FFFFFF;border:1px solid #EEECF7;border-radius:14px;padding:22px 26px 16px;margin:0 0 44px}
.single-post .wp-block-rank-math-toc-block > h2,
.single-post .wp-block-rank-math-toc-block > h3,
.single-post .wp-block-rank-math-toc-block > p{font-family:'Space Grotesk',sans-serif!important;font-size:16px!important;font-weight:600!important;line-height:1.3!important;color:#1E1B2E!important;margin:0 0 14px!important}
.single-post .wp-block-rank-math-toc-block nav > ul,
.single-post .wp-block-rank-math-toc-block nav > ol{columns:2;column-gap:36px;margin:0!important;padding-left:1.2em!important}
.single-post .wp-block-rank-math-toc-block li{break-inside:avoid;margin:0 0 8px;font-size:15px;line-height:1.45;color:#8E8AA3}
.single-post .wp-block-rank-math-toc-block li ul,
.single-post .wp-block-rank-math-toc-block li ol{display:none}
.single-post .wp-block-rank-math-toc-block a{color:#2E2A42!important;text-decoration:none!important}
.single-post .wp-block-rank-math-toc-block a:hover{color:#5B4BDB!important}
@media (max-width:700px){.single-post .wp-block-rank-math-toc-block nav > ul,.single-post .wp-block-rank-math-toc-block nav > ol{columns:1}}

/* ---------- Tablas ---------- */
.single-post .wp-block-table{overflow-x:auto;margin:28px 0}
.single-post .entry-content table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5}
.single-post .entry-content th{background:#1E1B2E;color:#FAFAF7;font-weight:600;text-align:left;padding:11px 14px;border:0}
.single-post .entry-content td{padding:11px 14px;border:0;border-bottom:1px solid #EEECF7}
.single-post .entry-content tbody tr:hover td{background:#FAFAF7}

/* ---------- Citas ---------- */
.single-post .entry-content blockquote{border-left:3px solid #5B4BDB;margin:28px 0;padding:4px 0 4px 20px;color:#2E2A42;font-style:normal}

/* ---------- Cajas de aviso ---------- */
/* Uso: bloque Grupo con la clase CSS "sl-callout sl-callout--error"
   (o --pista, --truco, --nota). La etiqueta se pone sola en cada idioma. */
.sl-callout{position:relative;margin:28px 0;padding:18px 22px;border-radius:12px;border-left:4px solid}
.sl-callout > *:last-child{margin-bottom:0!important}
.sl-callout::before{display:block;margin-bottom:6px;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:600}
.sl-callout--error{background:#FBEAE8;border-color:#C2362B}
.sl-callout--error::before{content:"Error típico";color:#C2362B}
.sl-callout--pista{background:#EAF0FC;border-color:#2F5FD0}
.sl-callout--pista::before{content:"Pista";color:#2F5FD0}
.sl-callout--truco{background:#E7F4EC;border-color:#16794B}
.sl-callout--truco::before{content:"Truco";color:#16794B}
.sl-callout--nota{background:#EEECF7;border-color:#5B4BDB}
.sl-callout--nota::before{content:"Nota";color:#5B4BDB}
:lang(en) .sl-callout--error::before{content:"Common mistake"}
:lang(en) .sl-callout--pista::before{content:"Hint"}
:lang(en) .sl-callout--truco::before{content:"Tip"}
:lang(en) .sl-callout--nota::before{content:"Note"}

/* ---------- Siguiente paso ---------- */
.single-post .entry-content .sl-next{display:block;margin:56px 0 8px;padding:26px 30px;border-radius:16px;background:#1E1B2E;text-decoration:none!important;transition:transform .25s ease,background .2s}
.sl-next .sl-next__label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#FF6B4A}
.sl-next .sl-next__title{display:block;font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:600;line-height:1.3;color:#FAFAF7}
.single-post .entry-content .sl-next:hover{transform:translateY(-3px);background:#2E2A42}
.single-post .entry-content .sl-next:focus-visible{outline:3px solid #5B4BDB;outline-offset:3px}
.single-post .entry-content .sl-next--more{background:#FFFFFF;border:1px solid #EEECF7}
.sl-next--more .sl-next__label{color:#5B4BDB}
.sl-next--more .sl-next__title{color:#1E1B2E}
.single-post .entry-content .sl-next--more:hover{background:#FFFFFF;border-color:#5B4BDB}

/* ---------- Caja de autor ---------- */
.single-post .entry-author{border-top:1px solid #EEECF7;padding-top:32px}
.single-post .entry-author-avatar img{border-radius:50%}

/* ---------- Movimiento reducido ---------- */
@media (prefers-reduced-motion:reduce){.single-post .entry-content .sl-next{transition:none}.single-post .entry-content .sl-next:hover{transform:none}}

/* =========================================================
   SergioLearns — bloques de código (Enlighter) y fuente de código
   Pegar en Personalizar → CSS adicional, debajo del resto
   ========================================================= */

/* ---------- Fuente JetBrains Mono, servida desde tu web ---------- */
@font-face{
  font-family:'JetBrains Mono';
  src:url('/wp-content/uploads/fonts/jetbrains-mono.woff2') format('woff2');
  font-weight:100 800;
  font-style:normal;
  font-display:swap;
}

/* ---------- Contenedor del bloque ---------- */
.enlighter-default.enlighter-v-standard{
  position:relative!important;
  margin:28px 0!important;
  padding:42px 0 0!important;
  background:#1E1B2E!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
  overflow:hidden!important;
  font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  font-size:14.5px!important;
  line-height:1.65!important;
}
.enlighter-default.enlighter-v-standard .enlighter,
.enlighter-default.enlighter-v-standard .enlighter-code,
.enlighter-default.enlighter-v-standard .enlighter > div,
.enlighter-default.enlighter-v-standard .enlighter > div > div{
  background:transparent!important;
  font-family:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
}
.enlighter-default.enlighter-v-standard .enlighter-code{padding:14px 0 18px!important}

/* Línea separadora bajo la cabecera */
.enlighter-default.enlighter-v-standard::after{
  content:"";position:absolute;left:0;right:0;top:42px;height:1px;background:rgba(255,255,255,.07);
}

/* ---------- Etiqueta del lenguaje, automática ---------- */
.enlighter-default.enlighter-v-standard::before{
  position:absolute;top:13px;left:18px;
  font-family:'Inter',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.02em;line-height:1;
  color:#A99EF5;
  content:"Código";
}
.enlighter-default.enlighter-l-python::before{content:"Python"}
.enlighter-default.enlighter-l-java::before{content:"Java"}
.enlighter-default.enlighter-l-c::before{content:"C"}
.enlighter-default.enlighter-l-cpp::before{content:"C++"}
.enlighter-default.enlighter-l-shell::before{content:"Terminal"}
.enlighter-default.enlighter-l-sql::before{content:"SQL"}
.enlighter-default.enlighter-l-html::before{content:"HTML"}
.enlighter-default.enlighter-l-css::before{content:"CSS"}
.enlighter-default.enlighter-l-javascript::before{content:"JavaScript"}
.enlighter-default.enlighter-l-json::before{content:"JSON"}
.enlighter-default.enlighter-l-raw::before,
.enlighter-default.enlighter-l-generic::before{content:"Texto"}
:lang(en) .enlighter-default.enlighter-v-standard::before{content:"Code"}
:lang(en) .enlighter-default.enlighter-l-python::before{content:"Python"}
:lang(en) .enlighter-default.enlighter-l-java::before{content:"Java"}
:lang(en) .enlighter-default.enlighter-l-c::before{content:"C"}
:lang(en) .enlighter-default.enlighter-l-cpp::before{content:"C++"}
:lang(en) .enlighter-default.enlighter-l-shell::before{content:"Terminal"}
:lang(en) .enlighter-default.enlighter-l-sql::before{content:"SQL"}
:lang(en) .enlighter-default.enlighter-l-html::before{content:"HTML"}
:lang(en) .enlighter-default.enlighter-l-css::before{content:"CSS"}
:lang(en) .enlighter-default.enlighter-l-javascript::before{content:"JavaScript"}
:lang(en) .enlighter-default.enlighter-l-json::before{content:"JSON"}
:lang(en) .enlighter-default.enlighter-l-raw::before,
:lang(en) .enlighter-default.enlighter-l-generic::before{content:"Text"}

/* ---------- Barra de herramientas: siempre a la derecha de la cabecera ---------- */
.enlighter-default.enlighter-v-standard .enlighter-toolbar-top{
  position:absolute!important;top:6px!important;right:8px!important;
  display:flex!important;gap:4px;opacity:1!important;visibility:visible!important;
  background:transparent!important;border:0!important;
}
.enlighter-default.enlighter-v-standard .enlighter-btn{
  background-color:transparent!important;border:0!important;border-radius:6px!important;
  opacity:.75;transition:opacity .2s,background-color .2s;
}
.enlighter-default.enlighter-v-standard .enlighter-btn:hover{opacity:1;background-color:rgba(255,255,255,.08)!important}
.enlighter-default.enlighter-v-standard .enlighter-btn-website,
.enlighter-default.enlighter-v-standard .enlighter-btn-window{display:none!important}

/* ---------- Números de línea, discretos ---------- */
.enlighter-default.enlighter-v-standard .enlighter > div::before{
  color:#5A566E!important;border-right:0!important;background:transparent!important;
}

/* Sin efecto al pasar el ratón por cada línea */
.enlighter-default.enlighter-v-standard .enlighter > div:hover{background:transparent!important}

/* ---------- Colores del código ---------- */
.enlighter-default.enlighter-v-standard .enlighter-text{color:#E8E6F5!important}
.enlighter-default.enlighter-v-standard span[class^="enlighter-k"]{color:#A99EF5!important;font-weight:500!important}
.enlighter-default.enlighter-v-standard span[class^="enlighter-s"]{color:#FF9B80!important}
.enlighter-default.enlighter-v-standard span[class^="enlighter-c"]{color:#8E8AA3!important;font-style:italic!important}
.enlighter-default.enlighter-v-standard span[class^="enlighter-n"]{color:#F5C06B!important}
.enlighter-default.enlighter-v-standard span[class^="enlighter-m"]{color:#9CC3FF!important}
.enlighter-default.enlighter-v-standard span[class^="enlighter-e"]{color:#C9C5DC!important}
.enlighter-default.enlighter-v-standard span[class^="enlighter-g"]{color:#E8E6F5!important}
.enlighter-default.enlighter-v-standard span[class^="enlighter-r"]{color:#7FD6B8!important}
.enlighter-default.enlighter-v-standard span[class^="enlighter-x"]{color:#FF9B80!important}

/* Selección de texto */
.enlighter-default.enlighter-v-standard ::selection{background:rgba(169,158,245,.3)}

/* ---------- Móvil ---------- */
@media (max-width:600px){
  .enlighter-default.enlighter-v-standard{font-size:13.5px!important;border-radius:10px!important;margin:24px -4px!important}
}

/* ---------- Imágenes dentro de los artículos ---------- */
.single-post .entry-content .wp-block-image,
.single-post .entry-content figure.wp-caption{margin:32px 0}
.single-post .entry-content .wp-block-image img,
.single-post .entry-content > p img,
.single-post .entry-content figure.wp-caption img{
  display:block;max-width:100%;height:auto;
  border:1px solid #EEECF7;border-radius:12px;
}
.single-post .entry-content .wp-block-image figcaption,
.single-post .entry-content .wp-element-caption,
.single-post .entry-content .wp-caption-text{
  margin-top:10px;font-size:14px;line-height:1.5;color:#8E8AA3;text-align:center;
}

.entry-related .posted-by,
.entry-related .entry-meta .meta-divider{display:none}

/* Recuadro de la miniatura: pasa de proporción 2:3 a 2:1 */
.search-results a.post-thumbnail.kadence-thumbnail-ratio-2-3 {
	padding-bottom: 50% !important; /* 2:1 → alto = 50% del ancho */
	position: relative !important;
}

/* La capa interna debe rellenar todo el recuadro */
.search-results .post-thumbnail-inner {
	position: absolute !important;
	inset: 0 !important;
}

/* La imagen se recorta rellenando ese recuadro 2:1 */
.search-results img.wp-post-image {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

/* 28 oct 2026: menú con seis elementos (Entornos): entre 1025 y 1199 px el selector de idioma no baja a otra fila */
@media (min-width:1025px) and (max-width:1199px){html body .header-navigation ul.menu > li.menu-item > a{padding-left:4px!important;padding-right:4px!important;font-size:15px!important}html body .header-navigation ul.menu > li.menu-item > a .dropdown-nav-toggle{margin-left:-2px}}


:root body .enlighter-default.enlighter-l-assembly::before{content:"MIPS"}:root body .enlighter-default.enlighter-l-cpp::before{content:"C"}