body{font-family:Segoe UI,Roboto,Arial,sans-serif;margin:0;padding:0;color:#222;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}header{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);color:#fff;padding:40px;text-align:center;border-radius:0 0 20px 20px;margin-bottom:20px}header h1{margin:0;font-size:2.5em;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}header p{opacity:0.9;font-size:1.1em;margin:10px 0 20px}nav{background:#fff;padding:30px;border-radius:20px;margin:20px;max-width:1200px;margin-left:auto;margin-right:auto;box-shadow:0 10px 30px rgba(0,0,0,0.1)}nav .nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.nav-section h3{color:#4facfe;margin-bottom:15px;font-size:1.2em;border-bottom:2px solid #4facfe;padding-bottom:5px}.nav-section ul{list-style:none;margin:0;padding:0}.nav-section a{text-decoration:none;color:#333;font-weight:500;padding:8px 0;display:block;border-radius:8px;transition:all 0.3s}.nav-section a:hover{background:#f0f8ff;color:#4facfe;padding-left:10px}main{padding:20px;text-align:center;max-width:1200px;margin:0 auto}main h2{color:#fff;font-size:2em;margin-bottom:20px;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}.stats{display:flex;justify-content:space-around;margin-top:30px}.stat{background:rgba(255,255,255,0.9);padding:20px;border-radius:15px;min-width:150px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.stat-number{font-size:2em;font-weight:bold;color:#4facfe}.stat-label{color:#666;margin-top:5px}footer{padding:20px;font-size:14px;color:#fff;text-align:center;border-top:1px solid rgba(255,255,255,0.2);margin-top:40px}#search{margin:20px auto;padding:12px;width:100%;max-width:500px;border-radius:25px;border:2px solid #fff;background:rgba(255,255,255,0.9);font-size:16px;color:#333;outline:none}#downloadPdf{margin:10px auto;display:block;padding:10px 20px;background:#4facfe;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:500;transition:all 0.3s}#downloadPdf:hover{background:#00c4ff}li{padding:6px 0}li:hover{background:#f8f9fa;border-radius:8px;padding-left:10px}mark{background:#ffeb3b;color:#000;padding:0 2px;border-radius:3px}small{color:#444}ul#pages{padding:0;margin:10px 0;list-style:none}ul#pages li{padding:10px 12px;margin-bottom:6px;background:rgba(255,255,255,0.95);border-radius:8px}

/* Media queries para responsividad móvil */
@media (max-width: 768px) {
  header {
    padding: 20px;
  }
  header h1 {
    font-size: 2em;
  }
  header p {
    font-size: 1em;
  }
  nav {
    padding: 15px;
    margin: 10px;
  }
  nav .nav-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .stats {
    flex-direction: column;
    align-items: center;
  }
  .stat {
    min-width: 200px;
    margin-bottom: 15px;
  }
  main h2 {
    font-size: 1.5em;
  }
  main {
    padding: 10px;
  }
  footer {
    padding: 10px;
    font-size: 12px;
  }
  #downloadPdf {
    font-size: 14px;
    padding: 8px 16px;
  }
}