/* Sitio público de Tecno Támesis (https://tecnotamesis.com): presentación, política de tratamiento de datos y
   condiciones. HTML estático, sin JavaScript, para que lo lea el revisor de Google. Mismos tokens de la marca que la
   app (app/index.html); el tema oscuro sigue la preferencia del sistema. */
:root {
  --tt-green: #24CC80; --tt-ink: #0B1210;
  --tt-font-display: 'M PLUS Rounded 1c', 'Nunito Sans', system-ui, sans-serif;
  --tt-font-body: 'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color-scheme: light;
  --c-fondo: #FEFDFB; --c-tarjeta: #EFEBE3; --c-texto: #0B1210; --c-texto-2: #3E4744;
  --c-acento-texto: #086A41; --c-boton: #0A7F4E; --c-boton-hover: #086A41; --c-sobre-color: #FFFFFF; --c-foco: #2F6FED;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --c-fondo: #0B1210; --c-tarjeta: #161F1C; --c-texto: #FEFDFB; --c-texto-2: #B8C2BE;
    --c-acento-texto: #24CC80; --c-foco: #7FA6FF;
  }
}
* { box-sizing: border-box; }
body { margin: 0; font: 400 16px/1.6 var(--tt-font-body); color: var(--c-texto); background: var(--c-fondo); -webkit-font-smoothing: antialiased; }
h1, h2 { font-family: var(--tt-font-display); font-weight: 800; margin: 0; line-height: 1.15; }
h1 { font-size: clamp(1.75rem, 5vw, 2.5rem); }
h2 { font-size: 1.125rem; }
p { margin: 0; }
a { color: var(--c-acento-texto); text-underline-offset: 3px; }
:focus-visible { outline: 3px solid var(--c-foco); outline-offset: 2px; }

.pagina { max-width: 820px; margin: 0 auto; padding: 28px 16px 48px; display: grid; gap: 24px; }
.cabeza { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.tarjeta { background: var(--c-tarjeta); border-radius: 20px; padding: 24px; display: grid; gap: 22px; }
section { display: grid; gap: 8px; }
ul { margin: 0; padding-left: 1.25em; display: grid; gap: 6px; }
.sobretitulo { font: 800 13px/1 var(--tt-font-body); letter-spacing: .14em; text-transform: uppercase; color: var(--c-acento-texto); }
.texto-2 { color: var(--c-texto-2); }
.btn { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 999px; background: var(--c-boton);
  color: var(--c-sobre-color); font: 800 .9375rem/1 var(--tt-font-display); text-decoration: none; }
.btn:hover { background: var(--c-boton-hover); }
.pie { display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: center; font-weight: 700; }

/* Logo: el componente .tt-logo de la app (ícono + chip TECNO con nodo + TÁMESIS), sin rearmarlo. */
.tt-logo { --logo-size: 20px; display: inline-flex; align-items: center; gap: calc(var(--logo-size) * .92); font-size: var(--logo-size);
  font-family: var(--tt-font-display); color: var(--c-texto); text-decoration: none; }
.tt-logo__icon { height: 2.76em; width: auto; display: block; }
.tt-logo__icon--negativo { display: none; }
.tt-logo__text { display: flex; flex-direction: column; align-items: flex-start; gap: .16em; line-height: 1; white-space: nowrap; }
.tt-logo__chip { font-size: .87em; font-weight: 800; display: flex; align-items: center; justify-content: space-between; gap: .27em; align-self: stretch;
  background: var(--c-texto); color: var(--c-fondo); border-radius: .30em; padding: .15em .39em .21em .39em; margin-left: -.39em; }
.tt-logo__node { width: .95em; height: .95em; flex: 0 0 auto; fill: none; stroke: var(--tt-green); stroke-width: 3; stroke-linecap: round; }
.tt-logo__name { font-weight: 800; letter-spacing: .03em; }
@media (prefers-color-scheme: dark) {  /* al final: gana a las reglas del logo */
  .tt-logo__icon--principal { display: none; }
  .tt-logo__icon--negativo { display: block; }
}