/* =========================================================
   uni. automação — V21
   CSS exclusivo da página automacao.html
   ========================================================= */

body[data-page="automacao"] .automation-hero h1{
  max-width:13ch;
}

body[data-page="automacao"] .automation-hero-panel{
  min-height:420px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:24px;
}

.automation-system-visual{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.automation-system-visual span{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 40%, rgba(238,28,37,.08), transparent 48%),
    rgba(255,255,255,.035);
  color:#fff;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
  font-size:.78rem;
}

.automation-system-visual span:nth-child(5){
  grid-column:1 / -1;
}

.automation-info-grid{
  align-items:stretch;
}

.automation-info-grid .info-card{
  text-align:center;
}

.automation-plan-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-bottom:28px;
}

.automation-plan-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:26px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  box-shadow:0 18px 44px rgba(0,0,0,.28);
}

.automation-plan-card h3{
  font-size:1.35rem;
  margin-bottom:12px;
}

.automation-plan-card p{
  text-align:left;
}

.automation-plan-card .list{
  margin-top:10px;
  margin-bottom:16px;
}

.automation-plan-card .small{
  margin-top:auto;
}

.automation-plan-featured{
  border-color:rgba(238,28,37,.30);
  box-shadow:inset 0 0 0 1px rgba(238,28,37,.12), 0 18px 44px rgba(0,0,0,.28);
}

.automation-table-wrap{
  margin-top:18px;
  margin-bottom:16px;
  overflow:auto;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow);
}

.automation-table-wrap table{
  width:100%;
  min-width:860px;
  border-collapse:collapse;
}

.automation-table-wrap th,
.automation-table-wrap td{
  padding:15px 14px;
  border-bottom:1px solid var(--line);
  text-align:left;
  vertical-align:top;
}

.automation-table-wrap thead th{
  background:#0a0a0a;
  color:#fff;
}

.automation-table-wrap td{
  color:var(--muted);
}

.automation-process-grid{
  align-items:stretch;
}

.automation-cta{
  border-color:rgba(238,28,37,.18);
  box-shadow:inset 0 0 0 1px rgba(238,28,37,.12), var(--shadow);
}

@media (max-width:980px){
  .automation-plan-grid{
    grid-template-columns:1fr;
  }

  body[data-page="automacao"] .automation-hero-panel{
    min-height:0;
  }
}

@media (max-width:640px){
  .automation-system-visual{
    grid-template-columns:1fr;
  }

  .automation-plan-card{
    padding:22px;
  }

  .automation-plan-card p{
    text-align:left;
  }

  .automation-table-wrap{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .automation-table-wrap table{
    min-width:760px;
  }
}