:root {
  --gia-blue: #0876c9;
  --gia-navy: #102f4a;
  --gia-yellow: #ffcc00;
  --gia-green: #169c50;
  --gia-light: #eef7ff;
  --gia-text: #22384a;
  --gia-radius: 14px;
  --gia-shadow: 0 10px 30px rgba(15, 47, 75, .12);
}

.gia-page { color: var(--gia-text); }
.gia-container { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }
.gia-section { padding: 44px 0; }
.gia-center { text-align: center; }

.gia-hero { overflow: hidden; border-radius: 18px; background: var(--gia-navy); color: #fff; box-shadow: var(--gia-shadow); }
.gia-hero img { display: block; width: 100%; height: auto; }
.gia-hero__body { padding: 32px 24px 36px; text-align: center; }
.gia-hero h1, .gia-hero h2 { color: #fff; margin-top: 0; }
.gia-hero p { max-width: 820px; margin: 0 auto 24px; font-size: 1.2rem; }

.gia-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.gia-service { display: block; padding: 25px 20px; border: 1px solid #d6e3ed; border-radius: var(--gia-radius); background: #fff; color: var(--gia-navy); text-decoration: none; box-shadow: var(--gia-shadow); transition: transform .18s ease, box-shadow .18s ease; }
.gia-service:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(15, 47, 75, .18); }
.gia-service strong { display: block; margin-bottom: 7px; font-size: 1.2rem; }

.gia-card, .gia-quick { width: min(900px, calc(100% - 32px)); margin: 30px auto; padding: 30px; border-radius: var(--gia-radius); background: var(--gia-light); text-align: center; }
.gia-card { border: 2px solid var(--gia-blue); }
.gia-eyebrow { margin-bottom: 5px; color: var(--gia-blue); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.gia-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }

.gia-btn { display: inline-block; padding: 15px 24px; border-radius: 9px; color: #fff !important; font-size: 1.05rem; font-weight: 700; line-height: 1.2; text-decoration: none !important; }
.gia-btn--primary { background: var(--gia-blue); }
.gia-btn--highlight { background: var(--gia-yellow); color: var(--gia-navy) !important; }
.gia-btn--whatsapp { background: var(--gia-green); }
.gia-btn--dark { background: var(--gia-navy); }

.gia-full-width .container, .gia-full-width .container-fluid { width: 100%; max-width: none; padding-inline: 0; }
.gia-full-width article .entry-header { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }

@media (max-width: 900px) {
  .gia-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .gia-section { padding: 30px 0; }
  .gia-grid { grid-template-columns: 1fr; }
  .gia-hero { border-radius: 12px; }
  .gia-hero__body { padding: 25px 18px 28px; }
  .gia-hero p { font-size: 1.05rem; }
  .gia-card, .gia-quick { width: calc(100% - 20px); padding: 23px 16px; }
  .gia-btn { width: 100%; box-sizing: border-box; }
}