/* OTORIXA — PRO SERVICE 1.2 / Exact Public Category Parity
   Canonical visual reference: shared public service template (/dijital-reklam family).
   Scope: every page rendered by services/show.php via .otx-template-service.
   Goal: one background, one hero geometry, one surface/card/button language.
   No route/content/schema/SEO changes. */

body.otx-public-vitrine .otx-services-v2.otx-template-service{
  --primary:#38bdf8!important;
  --page-accent:#38bdf8!important;
  --landing-accent:#38bdf8!important;
  --otx-accent:#38bdf8!important;
  --otx-shared-gold:#38bdf8!important;
  --otx-vitrine-gold:#38bdf8!important;
  --otx-public-gold:#38bdf8!important;
  --otx-svc-border:rgba(125,211,252,.16)!important;
  --otx-svc-border-strong:rgba(103,232,249,.28)!important;
  --otx-svc-soft:rgba(56,189,248,.055)!important;
  --text-secondary:#b8c8dc!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:34px 0 72px!important;
  color:#f6fbff!important;
  background:
    radial-gradient(circle at 10% -8%,rgba(56,189,248,.10),transparent 32%),
    radial-gradient(circle at 88% 3%,rgba(20,184,166,.055),transparent 28%),
    linear-gradient(180deg,#06111f 0%,#08172a 48%,#06111f 100%)!important;
}

/* Shared shell + vertical rhythm. */
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-shell{
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
  margin-inline:auto!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-section{
  padding:44px 0!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-section + .otx-svc-section{
  border-top:1px solid rgba(125,211,252,.08)!important;
}

/* Exact category hero: same geometry on every primary/secondary service. */
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-hero{
  position:relative!important;
  padding-top:54px!important;
  padding-bottom:34px!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-hero::after{
  content:""!important;
  display:block!important;
  width:100%!important;
  height:1px!important;
  margin-top:34px!important;
  background:linear-gradient(90deg,rgba(103,232,249,.20),rgba(103,232,249,.05) 64%,transparent)!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-breadcrumb{
  margin-bottom:24px!important;
  color:#91a9c0!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-breadcrumb a,
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-breadcrumb strong{
  color:inherit!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-eyebrow,
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-section-head>span,
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-cta>div>span,
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-summary>span{
  color:#67e8f9!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-hero h1{
  max-width:980px!important;
  margin:0!important;
  color:#f6fbff!important;
  font-size:clamp(2.25rem,5.4vw,4.65rem)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-hero>p{
  max-width:900px!important;
  margin:22px 0 0!important;
  color:#b8c8dc!important;
  font-size:clamp(1.05rem,2vw,1.24rem)!important;
  line-height:1.72!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-hero-pills{
  max-width:960px!important;
  margin-top:20px!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-actions{
  margin-top:28px!important;
  gap:12px!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-detail-visual--service-hero{
  width:100%!important;
  max-width:1180px!important;
  aspect-ratio:16/9!important;
  margin-top:26px!important;
  border:1px solid rgba(125,211,252,.14)!important;
  border-radius:22px!important;
  background:#071421!important;
  box-shadow:0 18px 44px rgba(0,0,0,.22)!important;
}

/* Pills/tags: do not change palette by service name, AI, automation or category. */
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-pills span{
  color:#c8fbff!important;
  background:linear-gradient(135deg,rgba(56,189,248,.10),rgba(20,184,166,.06))!important;
  border:1px solid rgba(103,232,249,.20)!important;
  box-shadow:none!important;
}

/* One button family for every service. */
body.otx-public-vitrine .otx-services-v2.otx-template-service .btn.btn-primary{
  color:#03101e!important;
  background:linear-gradient(135deg,#38bdf8,#14b8a6 62%,#22c55e)!important;
  border-color:rgba(103,232,249,.44)!important;
  box-shadow:0 16px 38px rgba(20,184,166,.20)!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .btn.btn-secondary{
  color:#e7f8ff!important;
  background:rgba(56,189,248,.055)!important;
  border-color:rgba(103,232,249,.24)!important;
  box-shadow:none!important;
}

/* Every service uses the same surface and card language. */
body.otx-public-vitrine .otx-services-v2.otx-template-service :where(
  .otx-svc-card,
  .otx-authority-topic,
  .otx-authority-decision-grid article,
  .otx-authority-link-grid a,
  .otx-svc-summary,
  .otx-authority-faq-list details,
  .otx-svc-related a,
  .otx-service-reference-evidence,
  .otx-evidence-layer
){
  --otx-accent:#38bdf8!important;
  --page-accent:#38bdf8!important;
  --landing-accent:#38bdf8!important;
  border-color:rgba(125,211,252,.16)!important;
  background:linear-gradient(180deg,rgba(13,32,54,.72),rgba(7,18,32,.80))!important;
  color:#f6fbff!important;
  box-shadow:0 18px 48px rgba(0,0,0,.18)!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service :where(
  .otx-svc-card,
  .otx-authority-topic,
  .otx-authority-decision-grid article,
  .otx-authority-link-grid a,
  .otx-svc-summary,
  .otx-authority-faq-list details,
  .otx-svc-related a
) :where(p,span,li){
  color:#b8c8dc!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service :where(
  .otx-svc-card,
  .otx-authority-topic,
  .otx-authority-decision-grid article,
  .otx-authority-link-grid a,
  .otx-svc-summary,
  .otx-authority-faq-list details,
  .otx-svc-related a
) :where(h3,strong,summary){
  color:#f6fbff!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service :where(
  .otx-svc-card-kicker,
  .otx-svc-card-foot a,
  .otx-svc-text-link,
  .otx-authority-link-grid em,
  .otx-svc-related a>span,
  .otx-svc-list li::before,
  .otx-svc-steps b
){
  color:#67e8f9!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-steps article{
  border-top-color:#38bdf8!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-list li{
  border-color:rgba(125,211,252,.16)!important;
  background:rgba(56,189,248,.025)!important;
}

/* Evidence remains calmer, but not a different category palette. */
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-evidence-layer,
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-service-reference-evidence{
  border-color:rgba(148,190,220,.14)!important;
  background:linear-gradient(180deg,rgba(8,23,42,.72),rgba(6,17,31,.84))!important;
}

/* Final CTA is one shared component, independent of service/category. */
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-cta{
  margin-top:28px!important;
  margin-bottom:12px!important;
  border:1px solid rgba(125,211,252,.16)!important;
  background:linear-gradient(135deg,rgba(56,189,248,.07),rgba(20,184,166,.045))!important;
  box-shadow:none!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-cta p{
  color:#b8c8dc!important;
}

/* Mobile = same design, only reflow. */
@media(max-width:900px){
  body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-hero{
    padding-top:40px!important;
    padding-bottom:26px!important;
  }
  body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-section{
    padding:38px 0!important;
  }
}
@media(max-width:620px){
  body.otx-public-vitrine .otx-services-v2.otx-template-service{
    padding-top:8px!important;
    padding-bottom:54px!important;
  }
  body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-shell{
    width:min(100% - 22px,1180px)!important;
  }
  body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-hero{
    padding-top:34px!important;
    padding-bottom:22px!important;
  }
  body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-hero h1{
    font-size:clamp(2rem,11vw,3.15rem)!important;
  }
  body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-actions .btn{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }
  body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-detail-visual--service-hero{
    aspect-ratio:4/3!important;
    margin-top:20px!important;
    border-radius:18px!important;
  }
  body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-svc-section{
    padding:34px 0!important;
  }
}

/* SECTOR SEO — same public service system; only media readability safeguards. */
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-sector-seo-grid .otx-detail-card-media picture{
  display:block;width:100%;height:100%;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-sector-seo-grid .otx-detail-card-media img,
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-detail-visual--service-hero img{
  object-position:center center;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-sector-seo-card .otx-svc-text-link{
  margin-top:auto;padding-top:18px;
}
@media(max-width:720px){
  body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-sector-seo-grid{
    grid-template-columns:1fr!important;
  }
  body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-sector-seo-grid .otx-detail-card-media{
    aspect-ratio:4/3;
  }
  body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-sector-seo-grid .otx-detail-card-media img{
    object-position:center center;
  }
}

/* PRO EVIDENCE 1 — compact child-page methodology bridge */
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-evidence-layer.otx-evidence-compact{
  padding-top:30px!important;
  padding-bottom:30px!important;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-evidence-layer.otx-evidence-compact .otx-svc-section-head{
  max-width:820px;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-evidence-layer.otx-evidence-compact .otx-authority-link-grid{
  grid-template-columns:minmax(0,1fr)!important;
  max-width:860px;
}
body.otx-public-vitrine .otx-services-v2.otx-template-service .otx-evidence-layer.otx-evidence-compact .otx-authority-link-grid>a{
  min-height:0!important;
  padding:18px 20px!important;
  background:rgba(255,255,255,.025)!important;
  box-shadow:none!important;
}