/* ==========================================================================
   ArctikSEO — Páginas interiores (páginas, blog, artículos)
   Usa los mismos tokens que la portada (style.css). Columna de lectura
   estrecha y centrada; cabecera de página alineada con esa columna.
   ========================================================================== */

:root{
  --text-body:#c4d1dd;          /* texto largo: algo más suave que --text */
  --measure:720px;              /* ancho de la columna de lectura */
  --ff-serif:'Newsreader', Georgia, 'Times New Roman', serif;
  --ff-mono:'JetBrains Mono', ui-monospace, Consolas, monospace;
}

/* ---------- Cabecera de página ---------- */
.page-hero{
  position:relative;
  padding:150px 0 64px;
  border-bottom:1px solid var(--border-soft);
  background:
    radial-gradient(ellipse 55% 110% at 88% -10%, rgba(34,211,238,.10), transparent 62%),
    radial-gradient(ellipse 40% 80% at 0% 100%, rgba(59,130,246,.06), transparent 70%),
    var(--bg);
  overflow:hidden;
}
.page-hero-inner{ position:relative; }
.page-hero--narrow .page-hero-inner{ max-width:var(--measure); margin:0 auto; }

.breadcrumbs{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px;
  font-family:var(--ff-mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--text-dim-2);
}
.breadcrumbs a{ color:var(--text-dim); transition:color .2s ease; }
.breadcrumbs a:hover{ color:var(--ice-1); }
.breadcrumbs .sep{ opacity:.5; }
.breadcrumbs .last{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:46ch; }

.page-title{
  margin-top:22px;
  font-family:var(--ff-serif); font-weight:600;
  font-size:clamp(34px, 5vw, 58px); line-height:1.08; letter-spacing:-.015em;
  text-wrap:balance; max-width:22ch;
}
.page-hero--narrow .page-title{ max-width:none; }
.page-intro{ margin-top:18px; max-width:620px; color:var(--text-dim); font-size:18px; line-height:1.6; }

.post-meta{
  margin-top:26px; display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px;
  font-family:var(--ff-mono); font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:var(--text-dim);
}
.post-meta .dot{ width:3px; height:3px; border-radius:50%; background:var(--text-dim-2); }
.cat-chip{
  display:inline-flex; align-items:center; padding:5px 11px; border-radius:var(--radius-pill);
  border:1px solid rgba(34,211,238,.35); color:var(--ice-1); background:rgba(34,211,238,.06);
}
.cat-chip--case{ border-color:rgba(168,233,255,.35); color:var(--ice-3); background:rgba(168,233,255,.06); }

/* Variante con la red de puntos de la portada (blog) */
.page-hero--network{
  padding:170px 0 84px;
  background:
    radial-gradient(ellipse 80% 90% at 70% -20%, rgba(59,130,246,.22), transparent 62%),
    var(--bg);
}
.page-hero-canvas{
  position:absolute; inset:0; width:100%; height:100%; opacity:.55; pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.6) 35%, #000 70%);
          mask-image:linear-gradient(90deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.6) 35%, #000 70%);
}
.page-hero-glow{
  position:absolute; right:-10%; top:-55%; width:900px; height:900px; max-width:100vw; pointer-events:none;
  background:radial-gradient(circle, rgba(34,211,238,.16), transparent 65%);
}
.page-hero--network .page-hero-inner{ z-index:2; }

/* ---------- Cuerpo ---------- */
.page-body{ padding:72px 0 110px; }
.post-cover{
  max-width:960px; margin:0 auto 64px; border-radius:var(--radius-md); overflow:hidden;
  border:1px solid var(--border);
}
.post-cover img{ width:100%; height:auto; }

/* Contenido escrito en el editor de WordPress */
.entry-content{
  max-width:var(--measure); margin:0 auto;
  color:var(--text-body); font-size:17px; line-height:1.75;
}
.entry-content > * + *{ margin-top:1.3em; }
.entry-content strong, .entry-content b{ color:var(--text); font-weight:600; }
.entry-content a:not(.gb-text):not(.wp-block-button__link):not(.btn){
  color:var(--ice-3); text-decoration:underline; text-decoration-color:rgba(34,211,238,.45);
  text-underline-offset:3px; text-decoration-thickness:1px; transition:color .2s ease, text-decoration-color .2s ease;
}
.entry-content a:not(.gb-text):not(.wp-block-button__link):not(.btn):hover{ color:var(--ice-1); text-decoration-color:var(--ice-1); }

.entry-content h2, .entry-content h3, .entry-content h4{
  color:var(--text); text-wrap:balance; scroll-margin-top:110px; letter-spacing:-.01em;
}
.entry-content h2{ margin-top:2.2em; font-size:clamp(25px, 3vw, 30px); line-height:1.2; font-weight:600; }
.entry-content h3{ margin-top:1.9em; font-size:21px; line-height:1.3; font-weight:600; }
.entry-content h4{ margin-top:1.6em; font-size:18px; line-height:1.35; font-weight:600; }
.entry-content h2 + *, .entry-content h3 + *, .entry-content h4 + *{ margin-top:.75em; }

.entry-content ul, .entry-content ol{ margin-left:0; margin-right:0; margin-bottom:0; padding-left:1.35em; }  /* el margen superior lo da el ritmo general */
.entry-content ul{ list-style:disc; }
.entry-content ol{ list-style:decimal; }
.entry-content li + li{ margin-top:.45em; }
.entry-content li::marker{ color:var(--ice-1); }
.entry-content ol > li::marker{ font-family:var(--ff-mono); font-size:.85em; }
.entry-content li > ul, .entry-content li > ol{ margin-top:.45em; }

.entry-content figure{ margin-left:0; margin-right:0; }
.entry-content > figure, .entry-content .wp-block-image{ margin-top:2em; margin-bottom:.4em; }
.entry-content img{ height:auto; border-radius:var(--radius-sm); border:1px solid var(--border); }
.entry-content .aligncenter{ margin-left:auto; margin-right:auto; }
.entry-content figcaption{ margin-top:10px; font-size:13px; color:var(--text-dim-2); text-align:center; }

.entry-content blockquote{
  margin-left:0; margin-right:0; padding:4px 0 4px 24px; border-left:2px solid var(--ice-1);
  font-family:var(--ff-serif); font-style:italic; font-size:22px; line-height:1.5; color:var(--text);
}
.entry-content hr{ border:0; border-top:1px solid var(--border); margin:2.5em 0; }
.entry-content .wp-block-spacer{ display:none; }  /* el ritmo vertical lo marca el diseño */
.entry-content blockquote{ margin-bottom:0; background:none; }
.entry-content .saboxplugin-wrap{ display:none !important; }  /* caja de autor del plugin: el tema pone la suya */

/* Tablas */
.entry-content .wp-block-table{ overflow-x:auto; border:1px solid var(--border); border-radius:var(--radius-sm); }
.entry-content table{ width:100%; border-collapse:collapse; font-size:15px; line-height:1.55; }
.entry-content td, .entry-content th{ border:0; padding:13px 16px; text-align:left; vertical-align:top; border-bottom:1px solid var(--border-soft); }
.entry-content tr:last-child td{ border-bottom:0; }
.entry-content thead th,
.entry-content table:not(:has(thead)) tr:first-child td{
  font-family:var(--ff-mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--text-dim); background:var(--panel); font-weight:400;
}
.entry-content tbody tr:hover td{ background:rgba(255,255,255,.015); }

/* 1.31.0 — Tablas en el móvil: cada fila es una ficha (interiores.js pone el nombre de cada columna) */
@media (max-width: 640px){
  .entry-content .wp-block-table:has(.tabla-fichas){ border:0; border-radius:0; overflow:visible; }
  .entry-content .tabla-fichas,
  .entry-content .tabla-fichas tbody,
  .entry-content .tabla-fichas tr,
  .entry-content .tabla-fichas td,
  .entry-content .tabla-fichas th{ display:block; width:auto; }
  .entry-content .tabla-fichas thead,
  .entry-content .tabla-fichas .tabla-cabecera{ display:none; }
  .entry-content .tabla-fichas tr{ padding:16px 18px; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel); }
  .entry-content .tabla-fichas tr + tr{ margin-top:12px; }
  .entry-content .tabla-fichas td,
  .entry-content .tabla-fichas th{ padding:0; border:0; background:none !important; }
  .entry-content .tabla-fichas tr > :first-child{ font-family:var(--ff-head); font-size:17px; font-weight:600; line-height:1.35; color:var(--text); }
  .entry-content .tabla-fichas tr > * + *{ margin-top:12px; padding-top:12px; border-top:1px solid var(--border-soft); }
  .entry-content .tabla-fichas [data-label]:not(:first-child)::before{
    content:attr(data-label); display:block; margin-bottom:3px;
    font-family:var(--ff-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--ice-1);
  }
  .entry-content .tabla-fichas .celda-vacia::after{ content:'—'; color:var(--text-dim-2); }
}

/* 1.32.0 — Tablas en tablet y ordenador: mismo aire que las fichas del móvil */
@media (min-width: 641px){
  .entry-content .wp-block-table:has(.tabla-fichas){ background:var(--panel); }
  .entry-content .tabla-fichas thead th,
  .entry-content .tabla-fichas .tabla-cabecera > *{
    color:var(--ice-1); font-size:11px; letter-spacing:.08em;
    background:rgba(255,255,255,.025); border-bottom:1px solid var(--border);
  }
  .entry-content .tabla-fichas thead th strong,
  .entry-content .tabla-fichas .tabla-cabecera strong{ color:inherit; font-weight:inherit; }
  .entry-content .tabla-fichas tbody tr:not(.tabla-cabecera) > :first-child{
    font-family:var(--ff-head); font-size:16px; font-weight:600; line-height:1.4; color:var(--text);
  }
  .entry-content .tabla-fichas .celda-vacia::after{ content:'—'; color:var(--text-dim-2); }
}

/* Índice de contenidos (Rank Math) */
.entry-content #rank-math-toc{
  padding:24px 28px; background:var(--panel); border:1px solid var(--border); border-radius:var(--radius-md);
  font-size:15px; line-height:1.5;
}
.entry-content #rank-math-toc h2{
  margin:0 0 14px; font-family:var(--ff-mono); font-size:12px; font-weight:400; letter-spacing:.08em;
  text-transform:uppercase; color:var(--text-dim-2);
}
/* 1.33.0 — Índice: apartados 01, 02… y subapartados 3.1, 3.2… (también si Rank Math lo guarda como lista sin numerar).
   Sustituye a la numeración de Rank Math (toc_list_style.css), que chocaba con la del tema. */
.entry-content #rank-math-toc :is(ol, ul){ list-style:none; padding:0; margin:0; }
.entry-content #rank-math-toc > nav > :is(ol, ul){ counter-reset:toc; }
.entry-content #rank-math-toc li{ position:relative; padding-left:34px; }
.entry-content #rank-math-toc > nav > :is(ol, ul) > li{ counter-increment:toc; }
.entry-content #rank-math-toc li > :is(ol, ul){ counter-reset:sub; margin-top:8px; }
.entry-content #rank-math-toc li > :is(ol, ul) > li{ counter-increment:sub; }
.entry-content #rank-math-toc li > :is(ol, ul) > li > :is(ol, ul){ counter-reset:sub2; }
.entry-content #rank-math-toc li > :is(ol, ul) > li > :is(ol, ul) > li{ counter-increment:sub2; padding-left:46px; }
.entry-content #rank-math-toc li::before{
  position:absolute; left:0; top:1px; font-family:var(--ff-mono); font-size:12px; color:var(--ice-1);
  content:counter(toc, decimal-leading-zero);
}
.entry-content #rank-math-toc li > :is(ol, ul) > li::before{ content:counter(toc) "." counter(sub); opacity:.75; }
.entry-content #rank-math-toc li > :is(ol, ul) > li > :is(ol, ul) > li::before{ content:counter(toc) "." counter(sub) "." counter(sub2); }
.entry-content #rank-math-toc li > :is(ol, ul) a{ color:var(--text-dim) !important; }
.entry-content #rank-math-toc li + li{ margin-top:8px; }
.entry-content #rank-math-toc a{ color:var(--text) !important; text-decoration:none !important; }
.entry-content #rank-math-toc a:hover{ color:var(--ice-1) !important; }

/* Columnas y botones del editor */
.entry-content .wp-block-columns{ display:flex; flex-wrap:wrap; gap:24px; align-items:center; }
.entry-content .wp-block-column{ flex:1 1 0; min-width:0; }
.entry-content .wp-block-column:empty{ display:none; }
.entry-content .wp-block-buttons{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.entry-content a.gb-text,
.entry-content .wp-block-button__link{
  display:inline-flex; align-items:center; justify-content:center; gap:10px; text-align:center;
  padding:15px 28px; border-radius:var(--radius-pill) !important; border:0 !important;
  background:var(--ice-grad) !important; color:#04121c !important;
  font-family:var(--ff-head); font-weight:600; font-size:14px !important; letter-spacing:.02em; line-height:1.3;
  text-decoration:none !important; box-shadow:0 10px 30px -10px rgba(56,189,248,.6);
  transition:transform .25s ease, box-shadow .25s ease;
}
.entry-content a.gb-text:hover,
.entry-content .wp-block-button__link:hover{ transform:translateY(-2px); box-shadow:0 14px 36px -8px rgba(56,189,248,.75); }
.entry-content .wp-block-column:has(> a.gb-text){ display:flex; justify-content:center; }
/* 1.34.0 — Botones metidos en columnas (truco antiguo: columnas vacías a los lados para centrar).
   El tema oculta las columnas vacías, así que se centra la columna del botón. */
.entry-content .wp-block-columns:has(> .wp-block-column > a.gb-text, > .wp-block-column > .wp-block-buttons){ justify-content:center; }

/* Cierre de artículo: mensaje propio de cada post con enlace a contacto */
.entry-content .post-closing{
  margin-top:3em; padding:22px 26px;
  border-left:3px solid var(--ice-1); border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  background:rgba(34,211,238,.06);
  color:var(--text); font-size:17px; line-height:1.7;
}
.entry-content .post-closing > * + *{ margin-top:.8em; }
.entry-content .post-closing p a:not(.gb-text):not(.wp-block-button__link):not(.btn){
  color:var(--ice-1); font-weight:600; text-decoration-color:rgba(34,211,238,.5);
}
.entry-content .post-closing p a:not(.gb-text):not(.wp-block-button__link):not(.btn):hover{ color:var(--ice-3); text-decoration-color:var(--ice-3); }

/* Caja de autor y cierre de artículo */
.post-end{ max-width:var(--measure); margin:72px auto 0; display:grid; gap:28px; }
.author-box{
  display:flex; gap:18px; align-items:center; padding-top:28px; border-top:1px solid var(--border);
}
.author-avatar{
  flex:none; width:52px; height:52px; border-radius:50%; display:grid; place-items:center;
  background:var(--panel-2); border:1px solid var(--border);
}
.author-name{ font-family:var(--ff-head); font-weight:600; color:var(--text); }
.author-role{ font-size:14px; color:var(--text-dim); }


/* ---------- Listado del blog ---------- */
.blog-filters{ display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; }
.filter-chip{
  display:inline-flex; align-items:center;
  font-family:var(--ff-mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase;
  padding:9px 16px; border-radius:var(--radius-pill); border:1px solid var(--border); color:var(--text-dim);
  background:transparent; cursor:pointer; transition:border-color .2s ease, color .2s ease, background .2s ease;
}
.filter-chip:hover{ color:var(--text); border-color:rgba(255,255,255,.25); }
.filter-chip[aria-pressed="true"], .filter-chip[aria-current="page"]{ color:#04121c; background:var(--ice-1); border-color:var(--ice-1); }
.filter-chip .count{ opacity:.6; margin-left:6px; }

.post-card.post-feature{
  display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:48px; align-items:center;
  padding-bottom:64px; margin-bottom:64px; border-bottom:1px solid var(--border-soft);
}
.post-grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:56px 32px; }

.post-card{ display:flex; flex-direction:column; gap:16px; min-width:0; }
.post-card-media{
  display:block; aspect-ratio:16/10; border-radius:var(--radius-md); overflow:hidden;
  border:1px solid var(--border); background:var(--panel);
}
.post-card-media img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease, filter .3s ease; filter:saturate(.92); }
.post-card:hover .post-card-media img{ transform:scale(1.03); filter:saturate(1); }
.post-card-body{ display:grid; gap:16px; min-width:0; align-content:start; }
.post-card-meta{
  display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center;
  font-family:var(--ff-mono); font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--text-dim-2);
}
.post-card-meta .cat{ color:var(--ice-1); }
.post-card-meta .cat--case{ color:var(--ice-3); }
.post-card-title{ font-family:var(--ff-head); font-weight:600; font-size:20px; line-height:1.3; text-wrap:balance; }
.post-card-title a{ transition:color .2s ease; }
.post-card:hover .post-card-title a{ color:var(--ice-1); }
.post-card-excerpt{
  color:var(--text-dim); font-size:15px; line-height:1.6;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.post-feature .post-card-title{ font-family:var(--ff-serif); font-size:clamp(26px, 3vw, 36px); line-height:1.15; letter-spacing:-.01em; }
.post-feature .post-card-excerpt{ font-size:16px; -webkit-line-clamp:4; }
.post-card-link{ font-family:var(--ff-head); font-weight:600; font-size:14px; color:var(--ice-1); }

.related{ padding:0 0 110px; }

/* Paginación: enlaces reales que Google puede seguir */
.pagination{
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px;
  margin-top:80px; padding-top:40px; border-top:1px solid var(--border-soft);
}
.pagination .page-numbers{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-width:44px; height:44px; padding:0 14px; border-radius:var(--radius-pill);
  border:1px solid var(--border); color:var(--text-dim);
  font-family:var(--ff-mono); font-size:13px; letter-spacing:.04em; font-variant-numeric:tabular-nums;
  transition:color .2s ease, border-color .2s ease;
}
.pagination .next, .pagination .prev{ text-transform:uppercase; font-size:12px; padding:0 18px; }
.pagination a.page-numbers:hover{ color:var(--text); border-color:rgba(255,255,255,.3); }
.pagination .page-numbers.current{ color:#04121c; background:var(--ice-1); border-color:var(--ice-1); }
.pagination .page-numbers.dots{ border-color:transparent; min-width:auto; padding:0 4px; }
.page-title .page-count{ display:block; margin-top:10px; font-family:var(--ff-mono); font-size:14px; font-weight:400; letter-spacing:.08em; text-transform:uppercase; color:var(--text-dim); }
.related-title{ font-family:var(--ff-head); font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-dim-2); margin-bottom:28px; font-weight:500; }

/* ---------- Responsive ---------- */
@media (max-width: 980px){
  .post-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .post-card.post-feature{ grid-template-columns:1fr; gap:24px; }
}
@media (max-width: 640px){
  .page-hero{ padding:120px 0 44px; }
  .page-hero--network{ padding:130px 0 56px; }
  .page-hero-canvas{ -webkit-mask-image:none; mask-image:none; opacity:.4; }
  .page-hero-glow{ right:-40%; top:-30%; width:600px; height:600px; }
  .page-body{ padding:48px 0 80px; }
  .post-grid{ grid-template-columns:1fr; gap:44px; }
  .post-cover{ margin-bottom:40px; }
  .entry-content{ font-size:16.5px; }
  .entry-content #rank-math-toc{ padding:20px; }
  .entry-content .post-closing{ padding:18px 20px; font-size:16.5px; }
  .breadcrumbs .last{ max-width:22ch; }
}
@media (prefers-reduced-motion: reduce){
  .post-card-media img, .entry-content a.gb-text, .entry-content .wp-block-button__link{ transition:none; }
}

/* ---------- Pie: datos de contacto ---------- */
.footer-contact{ margin-top:14px; font-style:normal; font-size:14px; line-height:1.7; color:var(--text-dim); }
.footer-contact a{ transition:color .2s ease; }
.footer-contact a:hover{ color:var(--ice-1); }

/* ---------- Resultado destacado de un caso (bloque reutilizable "Resultado destacado") ----------
   Grupo .post-result > párrafo .post-result-label + grupo .post-result-items > párrafos .post-result-item.
   En cada resultado, la cifra va en negrita (sale grande) y el resto es lo que mide. */
.entry-content .post-result{ position:relative; margin:44px 0; padding:28px 32px 30px; border:1px solid var(--border); background:rgba(14,22,33,.55); }
.entry-content .post-result::before{ content:""; position:absolute; inset:-1px; pointer-events:none;
  background:
    linear-gradient(var(--ice-1),var(--ice-1)) top left/12px 1px, linear-gradient(var(--ice-1),var(--ice-1)) top left/1px 12px,
    linear-gradient(var(--ice-1),var(--ice-1)) top right/12px 1px, linear-gradient(var(--ice-1),var(--ice-1)) top right/1px 12px,
    linear-gradient(var(--ice-1),var(--ice-1)) bottom left/12px 1px, linear-gradient(var(--ice-1),var(--ice-1)) bottom left/1px 12px,
    linear-gradient(var(--ice-1),var(--ice-1)) bottom right/12px 1px, linear-gradient(var(--ice-1),var(--ice-1)) bottom right/1px 12px;
  background-repeat:no-repeat; opacity:.6; }
.entry-content .post-result > * + *{ margin-top:0; }
.entry-content .post-result .post-result-label{ margin:0 0 14px; font-family:'JetBrains Mono', ui-monospace, monospace; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--text-dim); }
/* GeneratePress mete el contenido de cada Grupo en .wp-block-group__inner-container: los resultados van en esa capa */
.entry-content .post-result .post-result-items{ margin:0; }
.entry-content .post-result .post-result-items:not(:has(> .wp-block-group__inner-container)),
.entry-content .post-result .post-result-items > .wp-block-group__inner-container{ display:flex; flex-wrap:wrap; gap:20px 40px; width:100%; max-width:none; margin:0; }
.entry-content .post-result .post-result-item{ flex:1 1 200px; margin:0; font-size:15px; line-height:1.5; font-weight:600; color:var(--text); }
.entry-content .post-result .post-result-item + .post-result-item{ border-left:1px solid var(--border); padding-left:40px; }
.entry-content .post-result .post-result-item strong{ display:block; margin-bottom:10px; font-family:var(--ff-head); font-weight:700; font-size:clamp(40px,5vw,54px); line-height:1; letter-spacing:-.025em; color:var(--ice-1); font-variant-numeric:tabular-nums; }
@media (max-width:640px){
  .entry-content .post-result{ padding:24px 22px 26px; }
  .entry-content .post-result .post-result-item + .post-result-item{ border-left:0; padding-left:0; border-top:1px solid var(--border); padding-top:20px; }
}

/* 1.20.0 — pie: título de oficinas, una línea por oficina y frase más legible */
.footer-brand p{ color:var(--text-dim); }
.footer-brand .footer-contact{ max-width:340px; }
.footer-contact .footer-office, .footer-contact .footer-contact-line{ display:block; }
.footer-contact .footer-contact-line{ margin-top:6px; }
.footer-contact .footer-offices-title{
  display:block; margin-bottom:6px; font-family:var(--ff-head); font-weight:600; font-size:13px;
  letter-spacing:.08em; text-transform:uppercase; color:var(--ice-1);
}