/* Ajustes mínimos sobre el Twenty Sixteen original (GPL) para servirlo estático. */

/* Botón de buscar visible sin la fuente de iconos Genericons */
.widget_search .search-submit::before{content:none!important;display:none!important}
.widget_search .search-submit{
  position:static!important;clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;
  display:inline-block!important;width:auto!important;height:auto!important;overflow:visible!important;
  margin:.6em 0 0!important;padding:.55em 1em!important;border:0!important;border-radius:0!important;
  background:#1a1a1a!important;color:#fff!important;cursor:pointer;line-height:1!important;
  font-family:Montserrat,"Helvetica Neue",sans-serif!important;font-size:11px!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:.1em!important;
}
.widget_search .search-submit:hover{background:#007acc!important}
.widget_search .search-submit .screen-reader-text{
  position:static!important;clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;
  width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;
}

/* Menú: etiqueta de texto legible (sin icono Genericons) */
.menu-toggle{
  font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:12px;font-weight:700;
  text-transform:uppercase;letter-spacing:.1em;
}

/* Marca de honestidad: el enlace "volver" y el footer no dependen de iconos */
.post-navigation .nav-links a,.site-info a{border:0}

/* Suprimir iconos Genericons de pies/meta (no cargamos esa fuente) */
.entry-footer span:before,.entry-meta .posted-on:before,.entry-meta .byline:before,
.entry-meta .sticky-post:before,.nav-links .meta-nav:before{content:""!important;display:none!important;margin:0!important}
.entry-footer > span{margin-right:1.3em;white-space:nowrap}
.entry-footer .cat-links a,.entry-footer .tags-links a{white-space:normal}

/* Buscador funcional: desplegable de resultados */
.widget_search{position:relative}
.search-results{list-style:none;margin:.5em 0 0;padding:0;border:1px solid #d1d1d1;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.search-results li{margin:0;border-bottom:1px solid #eee}
.search-results li:last-child{border-bottom:0}
.search-results li a{display:block;padding:.55em .7em .2em;font-family:Merriweather,Georgia,serif;font-size:14px;line-height:1.35;color:#1a1a1a;text-decoration:none}
.search-results li a:hover{background:#f6f6f6;color:#007acc}
.search-results .res-date{display:block;padding:0 .7em .5em;font-family:Montserrat,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#686868}
.search-results .no-results{padding:.6em .7em;color:#686868;font-size:13px}

/* Página de archivo */
.archive-month{font-family:Montserrat,"Helvetica Neue",sans-serif;font-weight:700;font-size:1.3rem;
  margin:2rem 0 .7rem;padding-top:.9rem;border-top:4px solid #1a1a1a}
.archive-list{list-style:none;margin:0 0 1.4rem;padding:0}
.archive-list li{padding:.35rem 0}
.archive-list time{display:inline-block;width:5em;color:#686868;font-family:Montserrat,sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}

/* Categorías: contador */
.cat-count{color:#686868;font-size:.85em}
.taxonomy-description{color:#686868;font-style:italic;margin:.3em 0 0}

/* Cabecera: nombre+lema a la IZQUIERDA; logo (enlace a inicio) + menú a la DERECHA */
.site-header-main{display:flex !important;flex-direction:row !important;align-items:flex-start !important;justify-content:space-between !important;gap:1.5rem;flex-wrap:wrap}
.site-branding{float:none !important;margin:0 !important;text-align:left !important}
.site-title{margin:0}
.site-title a{display:inline;border:0}
.site-name-text{font-family:sans-serif;font-weight:500;letter-spacing:-.02em;line-height:1.08;font-size:3.2rem;color:#1a1a1a;display:inline-block}
.site-description{text-align:left;margin-top:1.5rem}
.menu-toggle{display:none !important}
.site-header-menu{float:none !important;clear:none !important;width:auto !important;margin:0 !important;display:flex !important;flex-direction:column;align-items:center;gap:.85rem}
.header-logo{display:block;border:0;line-height:0}
.site-logo{height:7rem;width:auto;display:block}
.main-navigation{text-align:center}
.main-navigation .primary-menu{display:flex;flex-direction:row;gap:1.3rem;justify-content:center;margin:0;padding:0}
/* margen izquierdo de las entradas: el título cae bajo la "E" de Espuny */
.site-main{padding-left:11.6rem}
@media(max-width:34rem){
  .site-header-main{flex-direction:column !important;align-items:flex-start !important}
  .site-header-menu{align-items:flex-start;margin-top:1rem !important}
  .main-navigation .primary-menu{justify-content:flex-start}
  .site-name-text{font-size:2.4rem}
  .site-logo{height:5rem}
  .site-main{padding-left:0}
}

/* Columna derecha (sidebar) más estrecha; el contenido gana ancho */
@media(min-width:56.875em){
  .content-area{width:78% !important}
  .sidebar{margin-left:82% !important;width:18% !important}
}

/* Tipografía de titulares — estilo hero uttera.ai: fuente del sistema, medium, tracking cerrado */
.entry-title,.entry-title a,.post-title,.page-title{
  font-family:sans-serif !important;   /* idéntico al hero de uttera.ai: fuente del sistema */
  font-weight:500 !important;
  letter-spacing:-.02em;
  line-height:1.12;
}
h1.entry-title,.post-title{font-size:3rem}
h2.entry-title{font-size:2.6rem}
@media(max-width:34rem){h1.entry-title,.post-title{font-size:2.1rem}h2.entry-title{font-size:1.9rem}}

/* ============ THEME LAYER (light #f6f6f3 / dark) + variables ============ */
/* Añadido por J.A.R.V.I.S., por orden de Hugo (30-oct-2026): tema claro/oscuro con
   botón estilo Uttera; por defecto sigue prefers-color-scheme del sistema. */
:root{
  --bg-frame:#1a1a1a;      /* marco exterior (como el original) */
  --bg-surface:#f6f6f3;    /* superficie de lectura — warm off-white de Hugo, antes #fff */
  --bg-sunken:#ececea;     /* código / inputs / hundido, antes #f7f7f7 / #d1d1d1 */
  --txt:#1a1a1a; --txt-dim:#686868; --border:#d1d1d1;
  --link:#007acc; --link-hover:#686868; --accent:#1a1a1a;
  --btn-bg:#1a1a1a; --btn-txt:#fff; --btn-hover:#007acc;
  --graph-ink:20,20,20; --bg-field:#f6f6f3; --bg-surface-veil:rgba(246,246,243,0.80);
}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){
  --bg-frame:#13151a; --bg-surface:#1e2127; --bg-sunken:#2a2e37;
  --txt:#e8e8ec; --txt-dim:#9a9aa3; --border:#333844;
  --link:#5bb0f2; --link-hover:#9fd0fb; --accent:#e8e8ec;
  --btn-bg:#e8e8ec; --btn-txt:#13151a; --btn-hover:#5bb0f2; color-scheme:dark;
  --graph-ink:230,231,235; --bg-field:#15181e; --bg-surface-veil:rgba(30,33,39,0.78);
}}
:root[data-theme="dark"]{
  --bg-frame:#13151a; --bg-surface:#1e2127; --bg-sunken:#2a2e37;
  --txt:#e8e8ec; --txt-dim:#9a9aa3; --border:#333844;
  --link:#5bb0f2; --link-hover:#9fd0fb; --accent:#e8e8ec;
  --btn-bg:#e8e8ec; --btn-txt:#13151a; --btn-hover:#5bb0f2; color-scheme:dark;
  --graph-ink:230,231,235; --bg-field:#15181e; --bg-surface-veil:rgba(30,33,39,0.78);
}

/* surfaces */
body{background:var(--bg-frame)!important}
.site{background-color:var(--bg-surface)!important}
.site .skip-link{background-color:var(--bg-sunken)!important;color:var(--link)!important}

/* primary text */
body,button,input,select,textarea,
.main-navigation a,.dropdown-toggle,.social-navigation a,.post-navigation a,
.comment-author,.page-links>.page-links-title,.widget-title a,
.site-branding .site-title a,.site-name-text,.menu-toggle,
.entry-title,.entry-title a,.post-title,.page-title,
blockquote cite,blockquote small{color:var(--txt)!important}

/* dimmed / secondary text */
.site-description,.entry-meta,.entry-meta a,.entry-footer,.entry-footer a,
.author-bio,.sticky-post,.taxonomy-description,.entry-caption,
.post-navigation .meta-nav,.image-navigation,.comment-navigation,
.widget_recent_entries .post-date,.widget_rss .rss-date,.widget_rss cite,
.comment-metadata,.comment-metadata a,.pingback .edit-link,
.post-password-form label,.cat-count,.archive-list time,
.search-results .res-date,.search-results .no-results,
body:not(.search-results) .entry-summary,
::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder,
blockquote{color:var(--txt-dim)!important}

/* links */
a{color:var(--link)!important}
a:hover,a:focus,a:active{color:var(--link-hover)!important}
.main-navigation a:hover,.main-navigation a:focus,
.dropdown-toggle:hover,.dropdown-toggle:focus,
.site-branding .site-title a:hover,.site-branding .site-title a:focus,
.entry-title a:hover,.entry-title a:focus,
.entry-footer a:hover,.entry-footer a:focus,
.comment-metadata a:hover,.comment-metadata a:focus,
.tagcloud a:hover,.tagcloud a:focus,
.menu-toggle:hover,.menu-toggle:focus,
.widget_search .search-submit:hover,
.search-results li a:hover{color:var(--link)!important}

/* hairline borders */
fieldset,pre,table,th,td,
.main-navigation li,.main-navigation .primary-menu,
.social-navigation a,.image-navigation,.comment-navigation,
.comment-list article,.comment-list .pingback,.comment-list .trackback,
.comment-reply-link,.tagcloud a,.page-links a,.menu-toggle,
.entry-content,.entry-summary,.search-results{border-color:var(--border)!important}
abbr,acronym{border-bottom-color:var(--border)!important}
hr{background-color:var(--border)!important}

/* heavy accent rules (were #1a1a1a 4px) */
.post-navigation,.post-navigation div + div,.pagination,.page-header,
.widget,.comments-title,.comment-reply-title,.archive-month{border-color:var(--accent)!important}
.pagination:before,.pagination:after{background-color:var(--accent)!important}

/* sunken fills: code, inputs, search dropdown hover */
code{background-color:var(--bg-sunken)!important;color:var(--txt)!important}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],
input[type="search"],input[type="tel"],input[type="number"],input[type="date"],
input[type="time"],input[type="datetime-local"],input[type="week"],input[type="month"],
textarea{background:var(--bg-sunken)!important;border-color:var(--border)!important;color:var(--txt)!important}
input:focus,textarea:focus{background-color:var(--bg-surface)!important;border-color:var(--link)!important;color:var(--txt)!important}
.search-results li a{color:var(--txt)!important}
.search-results li a:hover{background:var(--bg-sunken)!important}
.search-results li{border-bottom-color:var(--border)!important}

/* solid buttons / pills */
button,input[type="button"],input[type="reset"],input[type="submit"],
.pagination .prev,.pagination .next,.page-links a,
.menu-toggle.toggled-on,.widget_search .search-submit,
.widget_calendar tbody a{background:var(--btn-bg)!important;color:var(--btn-txt)!important}
button:hover,button:focus,input[type="submit"]:hover,input[type="submit"]:focus,
.pagination .prev:hover,.pagination .next:hover,.page-links a:hover,
.widget_calendar tbody a:hover{background:var(--btn-hover)!important;color:var(--btn-txt)!important}

/* smooth the theme switch */
body,.site,a,.entry-title,.widget,input,textarea{transition:background-color .25s ease,color .2s ease,border-color .25s ease}

/* ============ theme toggle (inline en cabecera, 3 estados estilo Uttera) ============ */
.menu-theme{display:flex;align-items:center}
.theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:38px;height:38px;border-radius:50%;padding:0;cursor:pointer;
  background:transparent;border:1px solid var(--border);color:var(--txt);
  transition:transform .15s ease,border-color .2s ease,color .2s ease;
}
.theme-toggle:hover{color:var(--link);border-color:var(--link);transform:scale(1.06)}
.theme-toggle:focus-visible{outline:2px solid var(--link);outline-offset:2px}
.theme-toggle svg{width:18px;height:18px;display:block}
/* logo monograma HL: negro en claro, BLANCO en oscuro */
:root[data-theme="dark"] .site-logo{filter:invert(1)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .site-logo{filter:invert(1)}}

/* ---- Dijkstra background field ---- */
#bg-graph{position:fixed;inset:0;z-index:0;pointer-events:none;display:block}
body{background:var(--bg-field)!important}
.site{background-color:var(--bg-surface-veil)!important;position:relative;z-index:1}

.site-credit{flex-basis:100%;margin-top:0!important;opacity:.85}

/* ---- Selector de idioma: en escritorio, arriba de la columna derecha, pegado a la primera línea ---- */
.lang-switch{display:none}
@media screen and (min-width:56.875em){
  .lang-switch{display:block;margin:0 0 .55em;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-align:left;color:var(--txt-dim)}
  .lang-switch a{color:var(--link);box-shadow:none;border:0;text-decoration:none}
  .lang-switch a:hover,.lang-switch a:focus{color:var(--link-hover)}
  .lang-switch .lang-current{color:var(--txt)}
  .lang-switch .lang-sep{margin:0 .45em;font-weight:400;color:var(--txt-dim)}
  /* en escritorio el selector vive en la columna, no en el menú */
  .main-navigation .menu-lang{display:none}
}

/* ---- Fila superior de la columna derecha: idioma a la izquierda, tema a la derecha, encima de la primera línea ---- */
.sidebar-top{display:none}
@media screen and (min-width:56.875em){
  .sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:1em;margin:0 0 .55em;min-height:32px}
  .sidebar-top .lang-switch{margin:0}
  .sidebar-top .theme-toggle-side{margin-left:auto;width:32px;height:32px}
  .sidebar-top .theme-toggle-side svg{width:16px;height:16px}
  /* en escritorio el tema vive en la columna, no en el menú */
  .main-navigation .menu-theme{display:none}
}