.servitic-breadcrumb {
  padding: 96px 24px 14px;
  background: #181633;
  color: #d9d6e4;
  font: .95rem/1.5 'DM Sans', sans-serif;
  overflow-wrap: anywhere;
}
.servitic-breadcrumb a { color: #f0b7c7; font-weight: 700; }
.servitic-breadcrumb span { margin: 0 8px; color: #c4bed2; }
.servitic-breadcrumb strong { color: #fff; }
.servitic-coverage-section {
  --coverage-line: rgba(240, 183, 199, .3);
  background: linear-gradient(135deg, #181633 0%, #211a3d 48%, #8e2c44 100%);
  padding: 56px 0;
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  letter-spacing: 0;
  scroll-margin-top: 90px;
}
.servitic-coverage-section *, .servitic-request * { box-sizing: border-box; }
.servitic-coverage-section [hidden] { display: none !important; }
.servitic-coverage-section .title-wrapper { max-width: 980px; margin: 0 auto 24px; }
.servitic-coverage-kicker { font-size: .85rem; color: #f0b7c7; margin: 0 0 8px; font-weight: 700; }
.servitic-coverage-title { font: 700 2rem/1.2 'Space Grotesk', sans-serif; margin: 0 0 12px; color: #fff; overflow-wrap: anywhere; }
.servitic-coverage-text { font-size: 1rem; line-height: 1.7; color: #e7e2ef; margin: 0; }
.servitic-coverage-tools { max-width: 980px; margin: 0 auto 12px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.servitic-search-wrap { flex: 1 1 280px; min-width: 0; position: relative; }
.servitic-coverage-search { width: 100%; min-height: 48px; border: 1px solid var(--coverage-line); border-radius: 6px; padding: 12px 48px 12px 14px; font: inherit; background: #181633; color: #fff; }
.servitic-coverage-search::-webkit-search-cancel-button { display: none; }
.servitic-coverage-search::placeholder { color: #c9c1d8; }
.servitic-search-clear { position: absolute; inset: 4px 4px 4px auto; width: 40px; border: 0; background: transparent; color: #f0b7c7; cursor: pointer; border-radius: 4px; }
.servitic-coverage-all { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--coverage-line); border-radius: 6px; padding: 12px 16px; color: #fff; font-weight: 700; background: #74263b; min-height: 48px; text-align: center; }
.servitic-coverage-all:hover { background: #8e2c44; color: #fff; }
.servitic-coverage-section :is(a, button, input, summary):focus-visible, .servitic-request :is(input, select, textarea, button):focus-visible { outline: 2px solid #f0b7c7; outline-offset: 3px; }
.servitic-search-status { max-width: 980px; margin: 0 auto 20px; color: #d9d2e6; font-size: .9rem; min-height: 1.5em; }
.servitic-coverage-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 14px; align-items: start; }
.servitic-coverage-grid-local { grid-template-columns: minmax(0, 1fr); max-width: 980px; }
.servitic-region { min-width: 0; background: rgba(24, 22, 51, .8); border: 1px solid var(--coverage-line); border-top: 3px solid #8e2c44; border-radius: 8px; scroll-margin-top: 96px; }
.servitic-region summary { cursor: pointer; list-style: none; padding: 16px; font-weight: 700; color: #fff; display: grid; grid-template-columns: minmax(0, 1fr) 16px; align-items: center; gap: 6px 12px; min-height: 100px; }
.servitic-region summary::-webkit-details-marker { display: none; }
.servitic-region-name { min-width: 0; min-height: 2.5em; line-height: 1.25; overflow-wrap: anywhere; }
.servitic-region-count { grid-column: 1; color: #f0b7c7; font-size: .85rem; white-space: nowrap; }
.servitic-region-chevron { grid-column: 2; grid-row: 1 / 3; font-size: 16px; transition: transform .15s ease; }
.servitic-region[open] .servitic-region-chevron { transform: rotate(180deg); }
.servitic-region-links { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 16px 16px; }
.servitic-comuna-link { display: inline-flex; align-items: center; min-height: 40px; max-width: 100%; border: 1px solid var(--coverage-line); border-radius: 6px; padding: 8px 11px; color: #f4f0f7; background: #211d3a; font-size: .92rem; overflow-wrap: anywhere; }
.servitic-comuna-link:hover, .servitic-comuna-link[aria-current="page"] { background: #8e2c44; color: #fff; border-color: #f0b7c7; }
.servitic-coverage-empty { max-width: 980px; margin: 12px auto 0; color: #e7e2ef; }
.servitic-local-service { max-width: 980px; margin: 0 auto 28px; padding: 22px 0; border-block: 1px solid var(--coverage-line); display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.servitic-local-service h3 { color: #fff; font-size: 1.15rem; margin: 0 0 10px; }
.servitic-local-service p { color: #e7e2ef; font-size: .98rem; line-height: 1.65; margin: 0 0 12px; }
.servitic-local-service a:not(.servitic-coverage-all) { color: #f0b7c7; text-decoration: underline; }
.servitic-local-address { font-style: normal; color: #fff; line-height: 1.65; margin: 12px 0; }
.servitic-request { color: #fff; scroll-margin-top: 100px; font: 1rem/1.5 'DM Sans', sans-serif; letter-spacing: 0; }
.servitic-request h3 { color: #fff; font: 700 1.5rem/1.3 'Space Grotesk', sans-serif; margin-bottom: 20px; overflow-wrap: anywhere; }
.servitic-request .row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; margin: 0; }
.servitic-request .row > [class*="col-"] { width: auto; min-width: 0; padding-inline: 0; }
.servitic-request .col-12 { grid-column: 1 / -1; }
.servitic-request label { color: #e7e2ef; font-size: .95rem; display: block; margin-bottom: 6px; }
.servitic-request :is(input, select, textarea).form-control { background: #181633; color: #fff; border: 1px solid #665574; border-radius: 6px; padding: 12px; min-height: 48px; box-shadow: none; font: 1rem/1.5 'DM Sans', sans-serif; }
.servitic-request :is(input, textarea).form-control::placeholder { color: #bdb5cc; }
.servitic-request select.form-control { appearance: auto; color-scheme: dark; }
.servitic-request textarea.form-control { min-height: 132px; resize: vertical; }
.servitic-request .btn { max-width: 100%; margin-inline: 0; white-space: normal; background: #8e2c44 !important; color: #fff !important; border: 1px solid #b8506b !important; border-radius: 6px; box-shadow: none; }
.servitic-request .btn:hover { background: #74263b !important; color: #fff !important; }
@media (max-width: 767px) {
  .servitic-breadcrumb { padding-top: 84px; }
  .servitic-coverage-section { padding: 40px 0; }
  .servitic-coverage-title { font-size: 1.6rem; }
  .servitic-coverage-all { width: 100%; }
  .servitic-local-service { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .servitic-request .row { grid-template-columns: minmax(0, 1fr); }
  .servitic-region summary { min-height: 76px; }
  .servitic-region-name { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) { .servitic-region-chevron { transition: none; } }
