/* ============================================================
   COLÉGIO ALTERNATIVO — tecnologias.css
   Estilos específicos desta página. Requer base.css.
   ============================================================ */

.tech-section { padding: 4rem 0 5rem; background: var(--white); }

.tech-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
    }

.tech-card {
      background: var(--white);
      border: 1.5px solid var(--line);
      border-radius: var(--radius-lg);
      overflow: hidden;
      transition: var(--transition);
      display: flex; flex-direction: column;
      position: relative;
    }

.tech-card:hover {
      transform: translateY(-6px);
      box-shadow: var(--shadow-lg);
      border-color: var(--sky-soft);
    }

.tech-logo-plaque {
      background: var(--navy);
      background: linear-gradient(135deg, var(--navy) 0%, var(--navy-soft) 100%);
      height: 140px;
      display: flex; align-items: center; justify-content: center;
      padding: 1.5rem 2rem;
      position: relative; overflow: hidden;
    }

.tech-logo-plaque::after {
      content: ''; position: absolute; inset: 0;
      background: radial-gradient(ellipse at 80% 20%, rgba(8,157,217,0.18) 0%, transparent 60%);
      pointer-events: none;
    }

.tech-logo-plaque img {
      max-height: 64px; max-width: 180px;
      width: auto; object-fit: contain;
      position: relative; z-index: 1;
      transition: transform var(--transition);
    }

.tech-card:hover .tech-logo-plaque img { transform: scale(1.05); }

.tech-card-body {
      padding: 1.6rem 1.6rem 1.8rem;
      display: flex; flex-direction: column;
      flex: 1; gap: 0.6rem;
    }

.tech-card-name {
      font-size: 1.15rem; font-weight: 800;
      color: var(--navy); letter-spacing: -0.01em;
    }

.tech-card-tag {
      display: inline-block; align-self: flex-start;
      font-size: 0.7rem; font-weight: 700;
      letter-spacing: 0.1em; text-transform: uppercase;
      color: var(--sky); background: var(--ice);
      padding: 0.25rem 0.65rem; border-radius: var(--radius-pill);
      margin-bottom: 0.2rem;
    }

.tech-card-desc {
      font-size: 0.92rem; color: var(--ink-2);
      line-height: 1.6; flex: 1;
    }

.tech-card-link {
      margin-top: 1rem;
      display: inline-flex; align-items: center; gap: 6px;
      font-size: 0.85rem; font-weight: 700;
      color: var(--sky); letter-spacing: 0.02em;
      transition: gap var(--transition);
    }

.tech-card-link svg { width: 14px; height: 14px; transition: transform var(--transition); }

.tech-card-link:hover { gap: 10px; }

.tech-card-link:hover svg { transform: translateX(3px); }

.tech-card-link.muted { color: var(--ink-3); cursor: default; }

.tech-card-link.muted:hover { gap: 6px; }

.tech-card-link.muted:hover svg { transform: none; }

@media (max-width: 1024px) {
  .tech-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .tech-grid { grid-template-columns: 1fr; }
}