|
458 | 458 | } |
459 | 459 | .cell-medium h2 { font-size: 1.2rem; margin-bottom: 4px; } |
460 | 460 |
|
461 | | - /* ── Featured row (full-width highlight) ── */ |
462 | | - .featured-row { |
463 | | - grid-column: 1 / -1; |
464 | | - } |
465 | | - .cell-featured { |
466 | | - padding: 20px 24px; |
467 | | - display: flex; |
468 | | - align-items: center; |
469 | | - gap: 16px; |
470 | | - background: linear-gradient(135deg, var(--surface) 0%, var(--surface) 100%); |
471 | | - border-left: 4px solid var(--accent, var(--c-quirofano)); |
472 | | - } |
473 | | - .cell-featured h2 { font-size: 1.1rem; margin-bottom: 2px; } |
474 | | - .cell-featured p { font-size: 0.82rem; } |
475 | | - .cell-featured .cell-stat { margin-top: 4px; } |
476 | | - .cell-featured .feat-icon { |
477 | | - width: 48px; height: 48px; border-radius: 12px; |
478 | | - display: flex; align-items: center; justify-content: center; |
479 | | - flex-shrink: 0; |
480 | | - } |
481 | | - .featured-row { animation: fadeInUp 0.5s ease-out 0.12s both; } |
482 | | - |
483 | 461 | /* ── Small cards ── */ |
484 | 462 | .small-row { |
485 | 463 | grid-column: 1 / -1; |
486 | 464 | display: grid; |
487 | | - grid-template-columns: repeat(4, 1fr); |
| 465 | + grid-template-columns: repeat(5, 1fr); |
488 | 466 | gap: 10px; |
489 | 467 | } |
490 | 468 | .cell-small { |
@@ -693,22 +671,15 @@ <h2>Analizador de Planning</h2> |
693 | 671 | <div class="cell-stat" style="color: var(--c-administracion);">Calendario y gráficas D3</div> |
694 | 672 | </a> |
695 | 673 |
|
696 | | - <!-- FEATURED: Infecciones COT --> |
697 | | - <div class="featured-row"> |
698 | | - <a class="cell cell-featured" href="https://jmacot.github.io/Infecciones" target="_blank" style="--accent: var(--c-quirofano)"> |
699 | | - <div class="feat-icon" style="background: var(--c-quirofano-light);"> |
700 | | - <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--c-quirofano)" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 3v5m0 8v5m-9-9h5m8 0h5"/><path d="M5.6 5.6l3.6 3.6m5.6 5.6l3.6 3.6M5.6 18.4l3.6-3.6m5.6-5.6l3.6-3.6"/></svg> |
701 | | - </div> |
702 | | - <div> |
703 | | - <h2>Infecciones COT</h2> |
704 | | - <p>Guía de antibioterapia musculoesquelética. Tratamiento empírico y dirigido, profilaxis y espectro antibacteriano.</p> |
705 | | - <div class="cell-stat" style="color: var(--c-quirofano);">ICM 2025 · 18 microorganismos · 42 antibióticos</div> |
706 | | - </div> |
707 | | - </a> |
708 | | - </div> |
709 | | - |
710 | 674 | <!-- SMALL ROW --> |
711 | 675 | <div class="small-row"> |
| 676 | + <a class="cell cell-small" href="https://jmacot.github.io/Infecciones" target="_blank" style="--accent: var(--c-quirofano)"> |
| 677 | + <div class="cell-small-icon" style="background: var(--c-quirofano-light);"> |
| 678 | + <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--c-quirofano)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 3v5m0 8v5m-9-9h5m8 0h5"/><path d="M5.6 5.6l3.6 3.6m5.6 5.6l3.6 3.6M5.6 18.4l3.6-3.6m5.6-5.6l3.6-3.6"/></svg> |
| 679 | + </div> |
| 680 | + <h2>Infecciones</h2> |
| 681 | + <p>Antibioterapia MSK</p> |
| 682 | + </a> |
712 | 683 | <a class="cell cell-small" href="https://jmacot.github.io/rehabilitacion-cot" target="_blank" style="--accent: var(--c-pacientes)"> |
713 | 684 | <div class="cell-small-icon" style="background: var(--c-pacientes-light);"> |
714 | 685 | <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--c-pacientes)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 20V10"/><path d="M12 20V4"/><path d="M6 20v-6"/></svg> |
|
0 commit comments