/* =============================================================================
   COVATECK — subpáginas (paginas.css)
   Contacto, Empresa, Aviso de privacidad y Términos sobre el sistema
   compartido (sistema.css): cabecera editorial, medida de lectura, listas sin
   viñetas (línea fina entre puntos) y el mismo pie que el resto del sitio.
   ============================================================================= */

.pag { padding: calc(var(--cab-h, 80px) + var(--s-80)) 0 var(--s-120); }
.pag-h1 { font-size: 48px; line-height: 1.08; font-weight: 500; letter-spacing: -0.025em; text-wrap: balance; }
.pag-lede { margin-top: var(--s-16); font-size: 20px; line-height: 1.5; color: var(--tinta-2); max-width: 56ch; }
.pag-cab { max-width: 760px; }

.pag-sec { margin-top: var(--s-80); padding-top: var(--s-32); border-top: 1px solid var(--linea-2); max-width: 920px; }
.pag-h2 { font-size: 26px; font-weight: 500; letter-spacing: -0.015em; }
.pag-h3 { font-size: 18px; font-weight: 500; }
.pag-p { margin-top: var(--s-16); font-size: 17px; line-height: 1.6; color: var(--tinta-2); max-width: 64ch; }
.pag-nota { margin-top: var(--s-20); font-size: 14px; color: var(--tinta-3); max-width: 64ch; }
.pag-cols { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-48); margin-top: var(--s-24); }
.pag-cols p { margin-top: var(--s-8); font-size: 16px; line-height: 1.6; color: var(--tinta-2); }
.pag-cols .enlace { margin-top: var(--s-16); }

.pag-lista { margin-top: var(--s-24); max-width: 64ch; }
.pag-lista li { padding: 14px 0; border-top: 1px solid var(--linea); font-size: 16px; line-height: 1.55; color: var(--tinta-2); }
.pag-lista li strong { color: var(--tinta); font-weight: 500; }
.pag-lista--4 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--s-40); max-width: none; }

.pag-datos { display: grid; gap: var(--s-20); margin-top: var(--s-32); }
.pag-datos dt { font-size: 14px; font-weight: 500; }
.pag-datos dd { margin-top: 4px; font-size: 15px; line-height: 1.55; color: var(--tinta-2); }
.pag-datos--fila { grid-template-columns: repeat(3, 1fr); margin-top: var(--s-24); }
.pag-datos--fila a { color: var(--azul); }

.pag-acciones { display: flex; flex-wrap: wrap; gap: var(--s-12); margin-top: var(--s-64); }

/* contacto: texto a la izquierda, formulario a la derecha */
.pag-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s-80); align-items: start; }
.pag-form .cf { margin-top: 0; max-width: 640px; }

/* legales */
.pag--legal .pag-lede { font-size: 16px; }
.pag-legal { margin-top: var(--s-48); max-width: 72ch; }
.pag-aviso { padding: 16px 20px; border: 1px solid var(--linea-2); border-radius: var(--radio); background: var(--superficie); font-size: 15px; line-height: 1.55; color: var(--tinta-2); }
.pag-aviso strong { color: var(--tinta); font-weight: 500; }
.pag-legal h2 { margin-top: var(--s-48); font-size: 22px; font-weight: 500; letter-spacing: -0.01em; }
.pag-legal h3 { margin-top: var(--s-24); font-size: 17px; font-weight: 500; }
.pag-legal p { margin-top: var(--s-12); font-size: 16px; line-height: 1.65; color: var(--tinta-2); }
.pag-legal ul, .pag-legal ol { margin-top: var(--s-12); }
.pag-legal li { padding: 10px 0; border-top: 1px solid var(--linea); font-size: 16px; line-height: 1.6; color: var(--tinta-2); }
.pag-legal strong { color: var(--tinta); font-weight: 500; }
.pag-legal a { color: var(--azul); }
.pag-legal a:hover { text-decoration: underline; text-underline-offset: 3px; }
.pag-legal dl div { display: grid; grid-template-columns: 1fr 2fr; gap: var(--s-16); padding: 10px 0; border-top: 1px solid var(--linea); font-size: 15px; }
.pag-legal dt { font-weight: 500; }
.pag-legal dd { color: var(--tinta-2); }
.pag-legal table { width: 100%; border-collapse: collapse; margin-top: var(--s-16); font-size: 15px; }
.pag-legal th, .pag-legal td { text-align: left; padding: 10px 12px 10px 0; border-top: 1px solid var(--linea); vertical-align: top; }
.pag-legal th { font-weight: 500; }
.pag-legal td { color: var(--tinta-2); }

@media (max-width: 1100px) {
  .pag-grid { grid-template-columns: 1fr; gap: var(--s-48); }
  .pag-form .cf { max-width: 720px; }
}
@media (max-width: 768px) {
  .pag { padding: calc(var(--cab-h, 92px) + var(--s-40)) 0 var(--s-80); }
  .pag-h1 { font-size: 34px; }
  .pag-lede { font-size: 17px; }
  .pag-sec { margin-top: var(--s-48); }
  .pag-h2 { font-size: 22px; }
  .pag-cols { grid-template-columns: 1fr; gap: var(--s-32); }
  .pag-lista--4 { grid-template-columns: 1fr; }
  .pag-datos--fila { grid-template-columns: 1fr; }
  .pag-legal dl div { grid-template-columns: 1fr; gap: 4px; }
}

/* ---------- empresa: sobre el sistema de /nixie/ ---------- */
.hero--emp { padding-bottom: var(--s-48); }
.hero--emp .hero-h { max-width: 22ch; }
.hero-h--sam { max-width: 30ch; }
.hero--emp .hero-p { margin-top: var(--s-24); max-width: 52ch; }
.hero--emp .hero-acciones { margin-top: var(--s-40); }
.hero-acciones--centro { justify-content: center; margin-top: var(--s-40); }
.ventana--video { aspect-ratio: 16 / 9; background: var(--papel-3); top: 40px; }
#a-medida .panel--medio { height: 400px; }
.ventana--video video { width: 100%; height: 100%; object-fit: cover; display: block; }
.honesto { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s-32) var(--s-32); }
.honesto > div { padding-top: var(--s-16); border-top: 1px solid var(--linea-2); }
.honesto dt { font-size: 17px; font-weight: 600; }
.honesto dd { margin-top: var(--s-8); font-size: 15px; line-height: 1.55; color: var(--tinta-2); }
.honesto a { color: var(--azul); }
.cierre--corto { padding: var(--s-96) 0 var(--s-120); }
.cierre--corto .p-cierre { margin-top: var(--s-24); }
@media (max-width: 1100px) { .honesto { grid-template-columns: 1fr 1fr; } }
@media (max-width: 768px) { .honesto { grid-template-columns: 1fr; gap: var(--s-20); } }

/* agenda encima del formulario */
.pag-agenda { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: var(--s-24); padding-bottom: var(--s-24); border-bottom: 1px solid var(--linea-2); }
.pag-agenda p { font-size: 15px; color: var(--tinta-2); }