/* Navegación compartida entre información, contacto y aulas. */
.nav-paginas { display:flex; align-items:center; gap:20px; margin-left:auto; font-size:14px; font-weight:700; }
.nav-paginas a { color:var(--tinta); text-decoration:none; padding:8px 0; }
.nav-paginas a:hover { color:var(--rumi); text-decoration:underline; }
.pagina-tutoriales { --aula:var(--rumi); }
.pagina-tutoriales.quipu { --aula:var(--quipu); }
.pagina-tutoriales .tutoriales { min-height:60vh; padding-top:64px; }
.pagina-tutoriales h1 { font-size:clamp(38px,6vw,72px); line-height:1.1; letter-spacing:-.04em; margin:18px 0; }
.pagina-tutoriales h1 em { color:var(--aula); font-style:normal; }
.pagina-tutoriales .vacio { max-width:650px; margin:40px auto; padding:32px; background:var(--papel,#fff); border:1px solid #d6e5e4; border-radius:20px; }
.aviso-comunidad { padding-block:40px 64px; }
.aviso-comunidad h2 { font-size:30px; }
.pagina-contacto { min-height:100svh; background:radial-gradient(ellipse at top,#e3f2ed 0,transparent 65%),var(--fondo,#f3f7fb); }
.pagina-contacto main { width:min(100%,520px); margin:auto; padding:44px 20px; }
.contacto-marca { display:block; width:64px; margin:0 auto 24px; }
.pagina-contacto .contacto-cel { display:block; width:100%; margin:0; padding:28px; border:1px solid #d4e3dc; border-radius:24px; background:#fff; box-shadow:0 20px 70px #1233210a; }
.pagina-contacto h1 { font-size:34px; line-height:1.1; letter-spacing:-.035em; margin:4px 0; }
.pagina-contacto .wa-promesa { font-size:15px; line-height:1.7; margin:20px 0; }
.contacto-abrir { width:100%; justify-content:center; margin-bottom:20px; }
.pagina-contacto .contact-choices { grid-template-columns:1fr; }
.contacto-mas { display:block; margin:24px auto 0; text-align:center; font-size:14px; color:var(--suave); }
@media(max-width:1100px) { .cabecera .menu { gap:12px; font-size:13px; } .cabecera .btn-wa-pc { display:none; } }
@media(max-width:760px) {
  .nav-paginas { flex-wrap:wrap; gap:4px 16px; margin:0; font-size:12px; }
  .cab-fila { flex-wrap:wrap; padding-block:12px; gap:12px; }
  .pagina-tutoriales .tutoriales { padding-top:36px; }
  .pagina-contacto main { padding-top:28px; }
  .pagina-contacto .contacto-cel { padding:24px 20px; }
}

/* Presentaciones independientes de cada plugin. */
.cab-fila { flex-wrap:wrap; }
.nav-paginas { flex-wrap:wrap; gap:8px 18px; }
.info-plugin { --producto:var(--rumi); }
.info-quipu { --producto:var(--quipu); }
.hero-plugin { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:40px; }
.portada-individual .hero-texto { text-align:left; }
.portada-individual h1 { font-size:clamp(36px,4.6vw,64px); }
.portada-individual h1 em { color:var(--producto); }
.portada-individual .bajada { font-size:18px; }
.herramientas-plugin { font-weight:750; color:var(--producto); margin:22px 0; }
.info-plugin .pie a { color:inherit; }
@media(max-width:900px) {
  .hero-plugin { grid-template-columns:minmax(0,1fr); gap:28px; }
}