# Página nueva

<div class="cs-home">
<div class="cs-intro">
<div class="cs-title">Centro de ayuda CRONUS</div>
<div class="cs-lead">Manuales y soluciones para CRONUS ERP, EOS, PROYECTEC y CRONUS TRAVEL.</div>
<div class="cs-search"><a href="https://ayuda.cronuserp.com/search">Buscar en la wiki →</a></div>
</div>
<div class="cs-products">
<div class="cs-cell"><a class="cs-product" href="https://ayuda.cronuserp.com/books/wiki-cronus-erp/page/cronus-menu"><span class="cs-p-name">CRONUS</span><span class="cs-p-desc">ERP de escritorio, WEB y Móvil</span></a></div>
<div class="cs-cell"><a class="cs-product" href="https://ayuda.cronuserp.com/books/wiki-cronus-erp/page/eos-menu"><span class="cs-p-name">EOS</span><span class="cs-p-desc">Contabilidad, planillas y B.I.</span></a></div>
<div class="cs-cell"><a class="cs-product" href="https://ayuda.cronuserp.com/books/wiki-cronus-erp/page/proyectec-menu"><span class="cs-p-name">PROYECTEC</span><span class="cs-p-desc">Gestión de proyectos</span></a></div>
<div class="cs-cell"><a class="cs-product" href="https://ayuda.cronuserp.com/books/travel/page/cronus-travel"><span class="cs-p-name">CRONUS TRAVEL</span><span class="cs-p-desc">Agencias de viajes</span></a></div>
</div>
<div class="cs-cols">
<div class="cs-col">
<div class="cs-h">Soporte técnico</div>
<ul class="cs-list">
<li><a href="https://ayuda.cronuserp.com/books/wiki-cronus-erp/page/rustdesk-instalar-y-configurar">Rustdesk: instalar y configurar</a></li>
<li><a href="https://ayuda.cronuserp.com/books/wiki-cronus-erp/page/crfusion-externos-instalacion-cliente-servidor">Instalación cliente-servidor en Windows</a></li>
<li><a href="https://ayuda.cronuserp.com/books/wiki-cronus-erp/page/crfusion-externos-problemas-de-dns">Problemas de DNS</a></li>
<li><a href="https://ayuda.cronuserp.com/books/wiki-cronus-erp/page/crfusion-externos-bloqueo-de-cuentas-de-correo">Bloqueo de cuentas de correo</a></li>
<li><a href="https://ayuda.cronuserp.com/books/wiki-cronus-erp/page/crfusion-externos-configuracion-de-impresoras">Configuración de impresoras</a></li>
<li><a href="https://ayuda.cronuserp.com/books/wiki-cronus-erp/page/problemas-frecuentes">Problemas frecuentes</a></li>
</ul>
</div>
<div class="cs-col">
<div class="cs-h">Facturación electrónica</div>
<ul class="cs-list">
<li><a href="https://ayuda.cronuserp.com/books/wiki-cronus-erp/page/cronus-erp-dgt-44">Cambios en la FE 4.4</a></li>
<li><a href="https://ayuda.cronuserp.com/books/wiki-cronus-erp/page/crfusion-externos-rechazos-documentos-electronicos-por-dgtd">Rechazos comunes por DGTD</a></li>
<li><a href="https://ayuda.cronuserp.com/books/fe">Manual de FE</a></li>
<li><a href="https://ayuda.cronuserp.com/books/wiki-cronus-erp/page/control-de-versiones">Cambios de versiones</a></li>
</ul>
</div>
</div>
<div class="cs-videos">
<div class="cs-h">Videos</div>
<div class="cs-video-row">
<div class="cs-video"><iframe src="https://www.youtube.com/embed/wNLJXExHh20" width="560" height="315" allowfullscreen="allowfullscreen"></iframe></div>
<div class="cs-video"><iframe src="https://www.youtube.com/embed/Y88fDmPRkfQ" width="560" height="315" allowfullscreen="allowfullscreen"></iframe></div>
</div>
</div>
<div class="cs-foot"><a href="https://www.cronuserp.com" target="_blank">cronuserp.com</a> · <a href="https://www.youtube.com/@cronuserpsoft" target="_blank">YouTube</a> · Recomendado: Chrome, Edge o Brave</div>
</div>
<style>
/* ================================================================
   PORTADA CRONUS — versión simple (clases .cs-*)
   Pegar AL FINAL de: Configuración > Personalización > Custom HTML Head Content
   (no borrar los <style> que ya existen ahí)
   ================================================================ */

.page-content:has(.cs-home) #bkmrk-page-title { display: none; }

.cs-home {
  --cs-navy: #0a192f;
  --cs-blue: #206ea7;
  --cs-text: #1f2937;
  --cs-muted: #6b7280;
  --cs-line: #e5e7eb;
  container-type: inline-size;
  color: var(--cs-text);
}
.cs-home a { text-decoration: none !important; }

/* Encabezado */
.cs-intro { padding: 8px 0 28px; border-bottom: 1px solid var(--cs-line); }
.cs-title { font-size: 2rem; font-weight: 700; line-height: 1.2; color: var(--cs-navy); margin: 0 0 8px; }
.cs-lead { color: var(--cs-muted); font-size: 1.05rem; margin: 0 0 14px; }
.cs-search { margin: 0; }
.cs-search a { color: var(--cs-blue) !important; font-weight: 600; }
.cs-search a:hover { text-decoration: underline !important; }

/* Productos */
.cs-products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 28px 0 36px; }
.cs-cell { display: block; }
.cs-product {
  display: block; height: 100%; box-sizing: border-box; padding: 16px 18px; border: 1px solid var(--cs-line); border-radius: 10px;
  color: inherit !important; transition: border-color .15s;
}
.cs-product:hover { border-color: var(--cs-blue); }
.cs-p-name { display: block; font-weight: 700; color: var(--cs-navy); }
.cs-p-desc { display: block; font-size: .875rem; color: var(--cs-muted); margin-top: 2px; }

/* Listas en dos columnas */
.cs-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.cs-h { font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--cs-muted); margin: 0 0 8px; }
.cs-list { list-style: none; margin: 0; padding: 0; }
.cs-list li { margin: 0; padding: 0; border-bottom: 1px solid var(--cs-line); }
.cs-list li:last-child { border-bottom: 0; }
.cs-list a { display: block; padding: 10px 0; color: var(--cs-text) !important; }
.cs-list a:hover { color: var(--cs-blue) !important; }

/* Videos */
.cs-videos { margin-top: 40px; }
.cs-video-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.cs-video iframe {
  display: block; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9;
  border: 0; border-radius: 10px; background: #000;
}

/* Pie */
.cs-foot { margin: 36px 0 0; padding-top: 16px; border-top: 1px solid var(--cs-line); font-size: .85rem; color: var(--cs-muted); }
.cs-foot a { color: var(--cs-blue) !important; }

/* Pantallas angostas */
@container (max-width: 760px) {
  .cs-products { grid-template-columns: 1fr 1fr; }
  .cs-cols, .cs-video-row { grid-template-columns: 1fr; gap: 24px; }
}
@container (max-width: 420px) {
  .cs-products { grid-template-columns: 1fr; }
  .cs-title { font-size: 1.6rem; }
}

/* Modo oscuro */
html.dark-mode .cs-home { --cs-navy: #f1f5f9; --cs-blue: #60a5fa; --cs-text: #e2e8f0; --cs-muted: #94a3b8; --cs-line: #334155; }
</style>