/* Theme Name: Bricks Child · filezilla.com.es Description: Child de Bricks para filezilla.com.es. Rediseño aprobado por Miguel 2026-08-10. Author: ANGI-IA Template: bricks Version: 2.0 Text Domain: bricks */ /* ═══════════════════════════════════════════════════════════════════════════════════════ Los tokens son los del mockup APROBADO: entregables/mockups/filezilla-rediseno/ No se re-inventan aquí (norma «el diseño aprobado se va a buscar»). Si hay que cambiar algo, se cambia en el mockup y se trae, para que los dos no diverjan. ═══════════════════════════════════════════════════════════════════════════════════════ */ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap'); :root{ /* marca, sin tocar (decisión de Miguel: colores y logo se mantienen) */ --rojo:#ca0c2b; --rojo-osc:#a80a24; --turquesa:#04dfc0; /* neutros elegidos, con sesgo azul-pizarra */ --tinta:#16232e; --tinta-2:#566875; --papel:#fff; --superficie:#f2f7f8; --borde:#dbe6e9; --sombra:0 1px 3px rgba(22,35,46,.07), 0 6px 20px rgba(22,35,46,.06); /* escala tipográfica, ratio 1.25 desde 17px. 🔴 rem base = 10px: Bricks aplica el patrón 62.5% en esta web. MEDIDO en el navegador. */ --t-xs:1.3rem; --t-s:1.5rem; --t-m:1.7rem; --t-l:2.1rem; --t-xl:2.7rem; --t-2xl:3.4rem; --t-3xl:4.2rem; --sp-1:.8rem; --sp-2:1.6rem; --sp-3:2.4rem; --sp-4:3.2rem; --sp-6:4.8rem; --sp-8:6.4rem; --radio:10px; --radio-l:16px; --ancho:1180px; --lectura:68ch; --sans:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif; --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,monospace; } /* ── base ──────────────────────────────────────────────────────────────────────────── */ body{font-family:var(--sans);font-size:var(--t-m);line-height:1.7;color:var(--tinta); background:var(--papel);-webkit-font-smoothing:antialiased} h1,h2,h3,h4{font-family:var(--sans);line-height:1.2;text-wrap:balance;font-weight:600; letter-spacing:-.01em;color:var(--tinta)} h1{font-size:var(--t-3xl);font-weight:700;letter-spacing:-.025em} h2{font-size:var(--t-2xl)} h3{font-size:var(--t-l)} h4{font-size:var(--t-m)} a{color:var(--rojo);text-decoration-thickness:1px;text-underline-offset:3px} img{max-width:100%;height:auto} :focus-visible{outline:3px solid var(--turquesa);outline-offset:2px;border-radius:4px} @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}} .brxe-container{max-width:var(--ancho);width:100%;margin-inline:auto;padding-inline:var(--sp-3); gap:var(--sp-3)} .brxe-section{padding-block:var(--sp-8)} /* La prosa NO va a todo el ancho: 68ch es la medida legible (el diseño viejo la dejaba a 1024px, que obliga a mover la cabeza para volver al principio de cada línea). */ .brxe-post-content{max-width:var(--lectura)} .brxe-post-content>*+*{margin-top:var(--sp-2)} .brxe-post-content h2{margin-top:var(--sp-4);font-size:var(--t-xl);scroll-margin-top:90px} .brxe-post-content h3{margin-top:var(--sp-3)} .brxe-post-content img{border-radius:var(--radio);border:1px solid var(--borde);box-shadow:var(--sombra)} .brxe-post-content ul,.brxe-post-content ol{padding-left:1.4em} .brxe-post-content li+li{margin-top:.4em} .brxe-post-content code{font-family:var(--mono);font-size:.9em;background:var(--superficie); padding:.15em .4em;border-radius:4px} /* ── páginas SIN contenido Bricks (legal): caen en el fallback del tema ─────────────── /legal/ conserva su HTML original y no pasa por el constructor. Sin esto, su texto se servía a 1.280 px de ancho y pegado a la cabecera: la única página del sitio sin maquetar. No se le hace plantilla porque su contenido no es de silo — basta con darle la misma medida de lectura y el mismo aire que al resto. */ /* El selector se MIDIÓ en el DOM (`article.type-page`), no se supuso: el primer intento usó `.brx-content-wrapper`, que en esta versión de Bricks no existe, y el texto siguió a 1.100 px. */ article.type-page,article.type-post:not(.brxe-post-content){ max-width:var(--lectura);margin-inline:auto;padding:var(--sp-6) var(--sp-3)} article.type-page>*+*{margin-top:var(--sp-2)} article.type-page h1{margin-bottom:var(--sp-3)} article.type-page h2{margin-top:var(--sp-4);font-size:var(--t-xl)} article.type-page h3{margin-top:var(--sp-3)} /* ── cabecera: barra de marca, pegada arriba ──────────────────────────────────────── */ #brx-header{position:sticky;top:0;z-index:999} #brx-header .brxe-section{background:var(--rojo);padding-block:var(--sp-1)} #brx-header .brxe-container{align-items:center;justify-content:space-between;flex-wrap:wrap; min-height:60px} .brxe-nav-menu ul,.brxe-nav-nested ul{display:flex;gap:var(--sp-3);list-style:none;margin:0; padding:0;flex-wrap:wrap} #brx-header .brxe-nav-menu a{color:rgba(255,255,255,.92);text-decoration:none;font-weight:500; font-size:var(--t-s)} #brx-header .brxe-nav-menu a:hover,#brx-header .brxe-nav-menu .current-menu-item a{color:#fff; text-decoration:underline;text-underline-offset:6px} /* ── migas ─────────────────────────────────────────────────────────────────────────── */ /* Dos marcados con la MISMA clase, a propósito (2026-08-13, migración a nativos): · elemento `breadcrumbs` de Bricks →