/* Seletor visual de serviços do agendamento público. O select original permanece como fonte de verdade. */
.petsea-service-card-field{
  position:relative;
  grid-column:1/-1;
}
.petsea-service-card-field > select[name="servico"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip-path:inset(50%);
}
.petsea-service-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  margin-top:9px;
}
.petsea-service-card{
  position:relative;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 24px;
  gap:12px;
  align-items:center;
  min-height:92px;
  padding:14px 15px;
  border:1px solid rgba(28,148,154,.18);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  color:#284d50;
  text-align:left;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(34,104,108,.045);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.petsea-service-card:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:rgba(37,190,190,.44);
  background:rgba(241,253,252,.96);
}
.petsea-service-card.is-selected{
  border-color:#31c8c5;
  background:rgba(48,199,196,.085);
  box-shadow:0 0 0 3px rgba(48,199,196,.085),0 10px 26px rgba(30,145,148,.08);
}
.petsea-service-card:disabled{
  opacity:.42;
  cursor:not-allowed;
  filter:saturate(.65);
}
.petsea-service-card__icon{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:14px;
  border:1px solid rgba(42,187,187,.18);
  background:rgba(42,187,187,.075);
  color:#24acae;
}
.petsea-service-card__icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.petsea-service-card__copy{min-width:0}
.petsea-service-card__heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.petsea-service-card__copy strong{
  display:block;
  min-width:0;
  color:#315356;
  font-size:.86rem;
  font-weight:850;
  line-height:1.25;
}
.petsea-service-card__copy > small{
  display:block;
  margin-top:4px;
  color:#78999b;
  font-size:.68rem;
  font-weight:650;
  line-height:1.38;
}
.petsea-service-card__price{
  flex:0 0 auto;
  display:inline-flex;
  align-items:baseline;
  gap:3px;
  color:#20aead;
  font-size:.83rem;
  font-weight:900;
  line-height:1.2;
  white-space:nowrap;
}
.petsea-service-card__price small{
  color:#7b9c9e;
  font-size:.56rem;
  font-weight:750;
}
.petsea-service-card.is-selected .petsea-service-card__price{color:#159f9e}
.petsea-service-card__check{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border:1px solid rgba(69,139,142,.24);
  border-radius:7px;
  color:transparent;
  background:rgba(255,255,255,.56);
  font-size:13px;
  font-weight:900;
  transition:.18s ease;
}
.petsea-service-card.is-selected .petsea-service-card__check{
  border-color:#2bc4c1;
  background:#2bc4c1;
  color:#fff;
}
.petsea-service-card-empty{
  grid-column:1/-1;
  padding:16px;
  border:1px dashed rgba(44,153,157,.22);
  border-radius:15px;
  color:#78999b;
  font-size:.76rem;
  text-align:center;
}
html[data-theme="dark"] .petsea-service-card{
  border-color:rgba(75,207,205,.17);
  background:rgba(255,255,255,.035);
  color:#dff8f7;
}
html[data-theme="dark"] .petsea-service-card:hover:not(:disabled){background:rgba(66,205,202,.06)}
html[data-theme="dark"] .petsea-service-card.is-selected{background:rgba(48,199,196,.10)}
html[data-theme="dark"] .petsea-service-card__copy strong{color:#effefd}
html[data-theme="dark"] .petsea-service-card__copy > small{color:#86aaa9}
html[data-theme="dark"] .petsea-service-card__price{color:#4dd5d1}
html[data-theme="dark"] .petsea-service-card__price small{color:#88aaa9}
html[data-theme="dark"] .petsea-service-card__check{background:rgba(255,255,255,.035)}
@media(max-width:680px){
  .petsea-service-card-grid{grid-template-columns:1fr}
  .petsea-service-card{min-height:82px;padding:12px 13px}
  .petsea-service-card__heading{align-items:center}
  .petsea-service-card__price{font-size:.8rem}
}