/* inicio.css */
.brand { cursor: pointer; }
body.is-home #nav { display: none; }
body.is-home main { padding-bottom: 24px; }
.home { min-height: calc(100dvh - 100px); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 6px; }
.home h1 { margin: 0; font-size: clamp(26px, 5vw, 40px); }
.home-cards { display: flex; gap: 22px; justify-content: center; width: 100%; margin-top: 26px; }
.home-card { width: min(300px, 44%); aspect-ratio: 1; background: var(--panel); border: 1px solid var(--line); border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 8px; transition: transform .15s, border-color .15s, box-shadow .15s; }
.home-card .ic { font-size: clamp(44px, 12vw, 92px); line-height: 1; }
.home-card b { font-size: clamp(16px, 3.4vw, 24px); }
.home-card small { color: var(--muted); font-size: clamp(11px, 2.4vw, 14px); }
.home-card.green { border-color: var(--green); }
.home-card.blue { border-color: var(--blue); }
.home-card:hover, .home-card:active { transform: scale(1.05); }
.home-card.green:hover, .home-card.green:active { box-shadow: 0 0 0 1px var(--green2), 0 0 28px rgba(46,160,67,.35); }
.home-card.blue:hover, .home-card.blue:active { box-shadow: 0 0 0 1px var(--blue), 0 0 28px rgba(88,166,255,.35); }