@import url('styles.css');

.service-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(4rem, 9vw, 8rem) clamp(1.2rem, 7vw, 7rem);
  background: linear-gradient(135deg, #071b33 0%, #07395a 58%, #0fa3c7 100%);
  color: #fff;
}
.service-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 420px;
  height: 420px;
  right: -100px;
  top: -100px;
  border-radius: 50%;
  background: rgba(255,93,159,.24);
  filter: blur(12px);
}
.service-hero-inner { max-width: 920px; }
.service-hero h1 { max-width: 860px; font-size: clamp(3rem, 8vw, 6.6rem); }
.service-hero p:not(.eyebrow) { max-width: 720px; color: rgba(255,255,255,.82); font-size: clamp(1.05rem, 2vw, 1.28rem); }
.service-hero .eyebrow { color: #6ee8f6; }
.service-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.service-actions .button-ghost { border-color: rgba(255,255,255,.35); }
.service-main { padding: clamp(3rem, 7vw, 6rem) clamp(1.2rem, 7vw, 7rem); }
.service-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: clamp(2rem, 6vw, 6rem); max-width: 1200px; margin: 0 auto; }
.service-copy h2 { font-family: Georgia, serif; font-size: clamp(2.2rem, 5vw, 4rem); line-height: 1; letter-spacing: -.035em; }
.service-copy h3 { margin: 2.2rem 0 .6rem; font-size: 1.2rem; }
.service-copy p, .service-copy li { color: #36536b; }
.service-copy ul { padding-left: 1.2rem; }
.service-card { align-self: start; position: sticky; top: 110px; padding: 1.6rem; border: 1px solid rgba(7,27,51,.12); border-radius: 24px; background: #fff; box-shadow: 0 24px 60px rgba(7,27,51,.12); }
.service-card h2 { margin-bottom: .6rem; font-family: Georgia, serif; font-size: 2rem; }
.service-card p { color: #50687b; }
.service-card .button { width: 100%; margin-top: .6rem; }
.service-card .button-whatsapp { background: #1bbf74; color: #062718; }
.quick-facts { display: grid; gap: .75rem; margin: 1.3rem 0; }
.quick-facts span { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: .65rem; border-bottom: 1px solid rgba(7,27,51,.1); font-size: .88rem; }
.quick-facts b { color: #087ca2; }
.more-pages { max-width: 1200px; margin: 0 auto; padding: 0 clamp(1.2rem, 7vw, 7rem) clamp(4rem, 8vw, 7rem); }
.more-pages h2 { font-family: Georgia, serif; font-size: clamp(2rem, 4vw, 3rem); }
.more-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.more-grid a { display: grid; gap: .4rem; min-height: 160px; padding: 1.3rem; border-radius: 22px; background: #eaf8fb; text-decoration: none; }
.more-grid strong { font-size: 1.15rem; }
.more-grid span { color: #466177; }
.breadcrumb { padding: .75rem clamp(1rem, 4vw, 4rem); background: #fff; color: #50687b; font-size: .78rem; }
.breadcrumb a { color: #087ca2; }
@media (max-width: 820px) {
  .service-grid { grid-template-columns: 1fr; }
  .service-card { position: static; }
  .more-grid { grid-template-columns: 1fr; }
}