/* Convid · marca Cademico */
:root { --navy: #34465E; --navy-deep: #26354A; --muted: #5E6E84; --line: #DCE9ED; --mist: #F3F9FA; --coral: #EE5B47; --coral-claro: #FCDAD3; --coral-texto: #D9442F; }
body { font-family: Inter, system-ui, sans-serif; color: var(--navy); }
h1, h2, h3, .marca-nombre { font-family: Lexend, Inter, sans-serif; letter-spacing: -.02em; }
.marca { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--navy); }
.marca img { width: 34px; height: 34px; flex: none; }
.marca-nombre { font-weight: 600; font-size: 20px; line-height: 1; }
.marca small { display: block; font: 500 12px Inter, sans-serif; color: var(--muted); letter-spacing: 0; margin-top: 3px; }
.cabecera-titulo { border-left: 1px solid var(--line); padding-left: 16px; }
nav .activo { color: var(--navy); font-weight: 600; box-shadow: inset 0 -2px 0 var(--coral); padding-bottom: 2px; }
/* Botones principales en píldora, como en la web de Cademico */
button.bg-neutral-900, a.bg-neutral-900 { border-radius: 999px !important; }
/* Controles con el color de Convid */
input[type=checkbox], input[type=radio], input[type=range], progress { accent-color: var(--coral) !important; }
:focus-visible { outline: 3px solid var(--coral); outline-offset: 2px; border-radius: 6px; }
::selection { background: var(--coral-claro); }