/* ============================
   Página: Armazenamento de Dados
   ============================ */

/* Banner de fundo */
.armazenamento-hero {
  background: url('/assets/img/bg-storage.jpg') center/cover no-repeat;
  padding: 120px 20px;
  text-align: center;
  /* sem texto por cima: imagem respira */
}

/* Texto abaixo do banner */
.armazenamento-texto {
  background: #fff;
  color: #0a2a5a;
  text-align: center;
  padding: 60px 20px;
}
.armazenamento-texto .container { max-width: 880px; margin: 0 auto; }
.armazenamento-texto h1 { font-size: 2rem; margin-bottom: 16px; }
.armazenamento-texto p { line-height: 1.6; margin-bottom: 24px; }
.btn-armazenamento {
  display: inline-block;
  background: #0a57ff;
  color: #fff;
  padding: 12px 20px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  transition: background .3s;
}
.btn-armazenamento:hover { background: #083ab8; }

/* Bloco lado a lado (imagem + texto) */
.armazenamento-bloco{
  display:flex; flex-wrap:wrap; min-height: 420px;
}
.armazenamento-img{
  flex:1; min-width: 320px; min-height: 320px;
  background:url('/assets/img/bg-storage.jpg') center/cover no-repeat;
}
.armazenamento-info{
  flex:1; min-width: 320px;
  padding: 60px 40px; background:#f9f9f9; color:#0a2a5a;
  display:flex; flex-direction:column; justify-content:center;
}
.armazenamento-info h2 { margin-top:0; }

/* Conteúdo técnico */
.armazenamento-content{ padding:60px 8%; background:#f9f9f9; color:#333; line-height:1.8; }
.armazenamento-content h2{ color:#004080; margin-top:40px; }
.armazenamento-destaque{
  background:#fff; border-left:5px solid #004080; padding:20px;
  margin:30px 0; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,.06);
}

/* Responsividade */
@media (max-width: 768px){
  .armazenamento-texto { padding: 40px 20px; }
}
/* ===== Bloco de Cards da seção Armazenamento ===== */
.armazenamento-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  margin: 40px 0;
}

.armazenamento-cards .card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  padding: 24px;
  text-align: left;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.armazenamento-cards .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 26px rgba(0,0,0,0.12);
}

.armazenamento-cards h3 {
  color: #0a2a5a;
  font-size: 1.25rem;
  margin-bottom: 10px;
}

.armazenamento-cards p {
  color: #333;
  line-height: 1.6;
  margin-bottom: 14px;
}

.armazenamento-cards .destaque {
  border-left: 5px solid #004080;
  background: #f7f9ff;
}

.armazenamento-cards .btn-armazenamento {
  display: inline-block;
  background: #0a57ff;
  color: #fff;
  padding: 10px 18px;
  border-radius: 10px;
  font-weight: 600;
  text-decoration: none;
  transition: background .3s;
}

.armazenamento-cards .btn-armazenamento:hover {
  background: #083ab8;
}

/* Responsivo */
@media (max-width: 768px) {
  .armazenamento-cards { gap: 16px; }
}