/* Cinematic services catalog. Keep the existing mascot art, scene and layout. */
.site-view.services-view {
  --site-base:#07131f;--site-surface:#142231;--site-text:#f5f7fb;
  --site-muted:#c4cfdb;--site-accent:#f4c27e;--site-on-accent:#102032;
  --text:#f5f7fb;--muted:#c4cfdb;--surface:#142231;--line:#bed8ee2e;
  position:relative;isolation:isolate;color:#f5f7fb;
  background:radial-gradient(ellipse 85% 650px at 0 10%,#c37a2b16,transparent 75%),
             radial-gradient(ellipse 85% 700px at 100% 42%,#4fafff1a,transparent 75%),
             radial-gradient(ellipse 80% 650px at 0 76%,#c37a2b12,transparent 75%),#07131f;
}
.site-view.services-view::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url("engineering-wave.svg?v=2") center 180px / max(100%,1600px) auto repeat-y;
  opacity:.3;
}
.services-view .services-intro {border-color:#bdd8ee2e}
.services-view .services-intro .eyebrow {color:#f1bc83;letter-spacing:.095em}
.services-view .services-intro h1 {
  color:#fff;background:linear-gradient(105deg,#fff 18%,#fff 48%,#f3bd77 82%,#ffdca5);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.services-view .services-intro .page-intro-copy>p {color:#c4cfdb;line-height:1.8}
.services-view .services-intro .button.secondary {
  color:#edf5fd;border:1px solid #bdd8ee50;background:linear-gradient(135deg,#c4def01d,#ffffff08);
  box-shadow:inset 0 1px #fff2,0 5px 18px #0002;border-radius:10px;
}
.services-view .services-intro .button.secondary:hover {background:#ffffff1c;border-color:#9bd2ff}
.services-view .services-tools {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,310px);
  align-items:end;gap:24px;padding:22px;border:1px solid #bed8ee38;border-radius:15px;
  background:linear-gradient(135deg,#233548a8,#102232b8);
  box-shadow:inset 0 1px #ffffff17,0 12px 30px #0002;backdrop-filter:blur(12px);
}
.services-view .services-filter-group {min-width:0}
.services-view .services-tool-label {
  display:block;margin:0;color:#d3e1ef;font-size:12px;font-weight:600;line-height:1.6;
}
.services-view .services-filter-group>.services-tool-label {margin-bottom:10px}
.services-view .service-categories {
  gap:8px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
}
.services-view .service-categories a {
  padding:9px 12px;font-size:12px;color:#d0dbe8;min-height:42px;
  display:inline-flex;align-items:center;justify-content:space-between;gap:10px;
  border:1px solid #bed8ee40;border-radius:9px;white-space:normal;line-height:1.5;
  background:linear-gradient(135deg,#c4def014,#ffffff04);box-shadow:inset 0 1px #ffffff10;
}
.services-view .catalog-category-label {min-width:0;overflow-wrap:anywhere}
.services-view .catalog-category-count {
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  min-width:21px;height:21px;padding:0 5px;border-radius:6px;
  font-size:10px;font-weight:700;color:#d9e9f7;background:#9bd0ff16;
}
.services-view .service-categories a:hover {background:#ffffff15;border-color:#a1d6ff8a;color:#fff}
.services-view .service-categories a[aria-current] {
  background:linear-gradient(125deg,#f3d19a,#d9aa67);border-color:#f4d7ad;
  color:#102032;box-shadow:inset 0 1px #fff5,0 3px 13px #e8ba8020;font-weight:700;
}
.services-view .service-categories a[aria-current] .catalog-category-count {color:#102032;background:#10203216}
.services-view .services-search {display:flex;flex-direction:column;gap:10px;min-width:0;max-width:none;width:100%}
.services-view .services-search input {
  min-height:46px;height:46px;border:1px solid #bed8ee4a;border-radius:12px;
  background:linear-gradient(135deg,#1e3043d9,#0d1d2ce8);color:#f5f7fb;color-scheme:dark;
  box-shadow:inset 0 1px #ffffff12,0 8px 24px #0002;font-size:13px;
}
.services-view .services-search input::placeholder {color:#b6c6d7;opacity:1}
.services-view .services-search input:focus {border-color:#9ad6ff;outline:2px solid #9ad6ff55;outline-offset:2px}
.services-view .services-search button {height:40px;width:38px;top:auto;bottom:3px;color:#a8d9ff}
.services-view .services-search button:hover {background:#9bd0ff1c;color:#fff}
.services-view .services-result p {color:#d0dbe8}
.services-view .services-result .text-link {color:#f4cf9b}
.services-view .services-grid {gap:26px}
.services-view .service-card {
  border:1px solid #ecc38d80;border-radius:17px;
  background:linear-gradient(145deg,#293441ed,#121d29f2 58%,#1b2935ed);
  box-shadow:inset 0 1px #ffffff19,0 15px 38px #0004,0 0 24px #e8ba8012;
  color:#f5f7fb;backdrop-filter:blur(12px);
}
.services-view .service-card:nth-child(even) {
  border-color:#9bd0ff85;background:linear-gradient(145deg,#25394eed,#101d2bf2 58%,#1b2b3aed);
  box-shadow:inset 0 1px #ffffff19,0 15px 38px #0004,0 0 24px #69bcff17;
}
.services-view .service-card .catalog-media {height:235px;min-height:235px;background:#0d1d2c}
.services-view .service-card .catalog-media::after {
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,#0000001a,transparent 55%,#0d19264d);
}
.services-view .service-card .home-image-placeholder {
  color:#f4c27e;background:radial-gradient(ellipse at 50% 30%,#456783,#162b3f 65%,#101d2b);
}
.services-view .service-card .home-image-placeholder>.material-symbols-outlined {font-size:64px}
.services-view .service-card .service-industrial-placeholder {
  background:#122536 url("content/galpao-inspecao-cinematico-v1.webp") center/cover no-repeat;
}
.services-view .service-industrial-placeholder>.material-symbols-outlined {display:none}
.services-view .service-category-badge {
  display:inline-flex;align-items:center;gap:6px;top:13px;left:13px;max-width:calc(100% - 26px);
  border:1px solid #ffffff4a;border-radius:99px;padding:5px 10px;font-size:11px;line-height:1.5;
  color:#fff;background:linear-gradient(135deg,#4b5053c9,#14202ad6);
  box-shadow:inset 0 1px #fff2,0 3px 12px #0002;backdrop-filter:blur(14px);
}
.services-view .service-category-badge .material-symbols-outlined {font-size:15px;flex-shrink:0}
.services-view .service-card-body {padding:25px}
.services-view .service-card h2 {font-size:21px;line-height:1.35;margin-bottom:13px}
.services-view .service-card h2 a {color:#fff}
.services-view .service-card h2 a:hover {color:#f5d6ab}
.services-view .service-description {font-size:14px;line-height:1.7;color:#cbd4de;margin-bottom:22px}
.services-view .service-facts {gap:9px;margin-bottom:27px}
.services-view .service-facts li {color:#c4d2e0;font-size:12px;line-height:1.7;gap:8px}
.services-view .service-facts .material-symbols-outlined {color:#9ed5ff;font-size:17px}
.services-view .service-facts li:last-child .material-symbols-outlined {color:#f4c27e}
.services-view .service-card-footer {border-color:#d3e1ef2e;padding-top:19px;flex-wrap:wrap}
.services-view .service-card-footer small {color:#bbcadb;font-size:10px;margin-bottom:5px}
.services-view .service-card-footer strong {color:#f4c27e;font-size:15px;line-height:1.5}
.services-view .service-card-footer .button {
  border:1px solid #ffb879;border-radius:9px;min-height:42px;padding:10px 13px;
  color:#fff;background:linear-gradient(110deg,#ca471d,#a54c12);font-size:12px;
  box-shadow:inset 0 1px #fff3,0 4px 18px #ff782020;font-weight:700;
}
.services-view .service-card-footer .button:hover {background:linear-gradient(110deg,#b43c16,#8e3e0c);color:#fff}
.services-view .services-empty {
  border:1px solid #9bd0ff65;border-radius:17px;color:#f5f7fb;
  background:linear-gradient(135deg,#24384cd9,#112334e8);box-shadow:inset 0 1px #fff2,0 15px 35px #0003;
}
.services-view .services-empty>.material-symbols-outlined {color:#f4c27e}
.services-view .services-empty h2 {color:#fff}
.services-view .services-empty p {color:#c4cfdb}
.services-view .services-empty .button.secondary {
  color:#eef4fc;border:1px solid #c0d8ee50;background:linear-gradient(135deg,#c4def01d,#ffffff08);
}
.services-view .main-content a:focus-visible,.services-view .services-search button:focus-visible {
  outline:3px solid #a1d6ff;outline-offset:4px;border-radius:7px;
}
@media(max-width:1100px) {
  .services-view .services-grid {gap:24px}
  .services-view .services-tools {grid-template-columns:1fr;gap:20px}
  .services-view .services-search {max-width:none}
}
@media(max-width:700px) {
  .services-view .services-grid {gap:23px}
  .services-view .services-tools {padding:17px;gap:22px}
  .services-view .service-categories {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:100%}
  .services-view .service-categories a {font-size:12px;padding:10px 12px;min-height:44px}
  .services-view .service-categories a:last-child:nth-child(odd) {grid-column:1/-1}
  .services-view .services-search {max-width:none}
  .services-view .service-card-body {padding:24px}
  .services-view .service-card h2 {font-size:22px}
  .services-view .service-card-footer .button {min-height:44px}
  .site-view.services-view::before {background-size:max(100%,1000px) auto;opacity:.22}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .services-view .service-card:hover {transform:translateY(-5px);border-color:#f3d4a7}
  .services-view .service-card:nth-child(even):hover {border-color:#b9e4ff}
}
@media(prefers-reduced-motion:reduce) {
  .services-view .service-card,.services-view .catalog-media>img,.services-view .service-categories a {transition:none}
  .services-view .service-card:hover,.services-view .service-card:hover .catalog-media>img {transform:none}
}
@media(forced-colors:active) {
  .site-view.services-view {background:Canvas;color:CanvasText}
  .site-view.services-view::before {display:none}
  .services-view .services-intro h1 {background:none;-webkit-text-fill-color:CanvasText}
  .services-view .service-card,.services-view .service-categories {background:Canvas;border-color:CanvasText}
}

/* A natural setting for Bento in Services, without changing the character,
   its placement, editable speech or the mascot visibility setting. */
.services-view .page-mascot .mascot-halo {
  inset:-4%;border:0;border-radius:0;box-shadow:none;
  background:transparent url("content/bento-natureza-servicos-v1.webp") center/contain no-repeat;
  mask-image:radial-gradient(ellipse 50% 54% at 50% 51%,#000 69%,#000b 83%,transparent 100%);
}
.services-view .page-mascot .mascot-blueprint,
.services-view .page-mascot .mascot-orbit,
.services-view .page-mascot .mascot-node {display:none}
.services-view .page-mascot .mascot-ground {
  left:20%;right:20%;bottom:4%;height:7%;
  background:radial-gradient(ellipse,#03120b99,transparent 70%);filter:blur(4px);
}
.services-view .mascot-stage:hover .mascot-halo {box-shadow:none}
.services-view .page-mascot .mascot-badge {
  border-color:#c4d7a94d;color:#f5f7fb;
  background:linear-gradient(135deg,#233c35f2,#12282af0);
  box-shadow:0 12px 30px #0004,inset 0 1px #ffffff12;
}
.services-view .page-mascot .mascot-badge-icon,
.services-view .page-mascot .mascot-name-mark {
  color:#f2dbb4;background:#c5d7ab17;
}
@media(forced-colors:active) {
  .services-view .page-mascot .mascot-halo {background:none}
  .services-view .page-mascot .mascot-badge {background:Canvas;color:CanvasText;border-color:CanvasText}
}

@media(max-width:740px){.services-view .page-mascot .mascot-badge-topic{top:0;left:0;max-width:44%}}


/* Support administrator-authored labels and longer card actions. */
.services-view #services-grid {scroll-margin-top:110px}
.services-view .services-tool-label,.services-view .service-card-footer,.services-view .services-empty {overflow-wrap:anywhere}
.services-view .service-card-footer>.button {white-space:normal;max-width:100%;min-width:0;line-height:1.6;text-align:center}