/* styles extraídos de index.html */
:root {
   --bg: #0b0b0f;
   --card: #111218;
   --text: #e5e7eb;
   --muted: #9ca3af;
   --primary: #8b5cf6;
   --border: #1f2937;
}

* {
   box-sizing: border-box;
}

body {
   margin: 0;
   font-family:
      "Inter",
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      sans-serif;
   background-color: var(--bg);
   color: var(--text);
   line-height: 1.7;
}

header {
   border-bottom: 1px solid var(--border);
   background: linear-gradient(180deg, #0b0b0f 0%, #0e0f15 100%);
}

.header-container {
   max-width: 960px;
   margin: 0 auto;
   padding: 24px 20px;
   display: flex;
   align-items: center;
   gap: 12px;
}

.logo {
   font-weight: 700;
   font-size: 1.25rem;
   color: var(--primary);
   letter-spacing: 0.5px;
}

main {
   max-width: 960px;
   margin: 0 auto;
   padding: 40px 20px 80px;
}

h1 {
   font-size: 2.25rem;
   margin-bottom: 24px;
   color: white;
}

h2 {
   font-size: 1.25rem;
   margin-top: 48px;
   margin-bottom: 12px;
   color: var(--primary);
}

p {
   margin: 0 0 16px;
   color: var(--text);
}

ul {
   margin: 16px 0 16px 20px;
   padding: 0;
}

li {
   margin-bottom: 10px;
}

strong {
   color: white;
   font-weight: 600;
}

hr {
   border: none;
   border-top: 1px solid var(--border);
   margin: 40px 0;
}

.card {
   background-color: var(--card);
   border: 1px solid var(--border);
   border-radius: 16px;
   padding: 28px;
   margin-bottom: 32px;
}

.contact {
   color: var(--primary);
   font-weight: 600;
   text-decoration: none;
}

footer {
   border-top: 1px solid var(--border);
   padding: 24px 20px;
   text-align: center;
   color: var(--muted);
   font-size: 0.875rem;
}

@media (max-width: 640px) {
   h1 {
      font-size: 1.8rem;
   }
}