.clc-booking{position:relative;margin:36px 0;padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.13);border-bottom-color:rgba(99,230,0,.55);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.018) 45%),linear-gradient(155deg,#1d252a,#0c1012);box-shadow:0 13px 0 #07090a,0 28px 48px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.15);color:#fff;overflow:hidden}
.clc-booking:before{content:"";position:absolute;inset:-45% auto auto -10%;width:340px;height:260px;background:radial-gradient(circle,rgba(99,230,0,.19),transparent 66%);pointer-events:none}
.clc-booking-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:24px}.clc-booking-head span{display:block;color:var(--cl-verde-oficial);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.clc-booking-head h2{margin:5px 0 7px!important;color:#fff!important}.clc-booking-head p{margin:0;color:#aeb9bf}.clc-booking-icon{display:grid;place-items:center;flex:0 0 72px;height:72px;border-radius:20px;font-size:34px;background:linear-gradient(145deg,#263139,#11171a);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 0 #63E600,0 16px 25px rgba(0,0,0,.3)}
.clc-booking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.clc-booking label>span,.clc-booking-label{display:block;margin-bottom:8px;color:#dce3e6;font-size:13px;font-weight:800}.clc-booking input,.clc-booking select,.clc-booking textarea{width:100%;box-sizing:border-box;border:1px solid #354149!important;border-radius:12px!important;background:#101518!important;color:#fff!important;padding:13px 14px!important;outline:none;box-shadow:inset 0 2px 8px rgba(0,0,0,.25)!important}.clc-booking input:focus,.clc-booking select:focus,.clc-booking textarea:focus{border-color:var(--cl-verde-oficial)!important;box-shadow:0 0 0 3px rgba(99,230,0,.14)!important}
.clc-booking-slot-wrap{margin:20px 0}.clc-booking-slots{display:flex;flex-wrap:wrap;gap:10px;min-height:48px}.clc-booking-slots p{margin:0;color:#9eaaaf}.clc-slot{min-width:78px;border:1px solid #354149;border-radius:11px;background:linear-gradient(145deg,#20292e,#111619);color:#fff;font-weight:800;padding:11px 14px;box-shadow:0 5px 0 #080b0d;cursor:pointer;transition:.18s}.clc-slot:hover,.clc-slot.is-selected{transform:translateY(-3px);border-color:var(--cl-verde-oficial);background:linear-gradient(145deg,#63E600,#63E600);box-shadow:0 8px 0 #63E600,0 13px 20px rgba(0,0,0,.3)}
.clc-booking-notes{display:block;margin-top:18px}.clc-booking-actions{display:flex;align-items:center;gap:18px;margin-top:20px}.clc-booking-actions button{border:0;border-radius:12px;background:linear-gradient(145deg,#63E600,#63E600);color:#fff;font-weight:900;padding:14px 24px;box-shadow:0 7px 0 #63E600,0 13px 22px rgba(0,0,0,.3);cursor:pointer}.clc-booking-actions button:hover{transform:translateY(-2px)}.clc-booking-actions button:disabled{opacity:.65;cursor:wait}.clc-booking-actions small{color:#9eaaaf}.clc-booking-feedback{margin-top:18px;padding:0}.clc-booking-feedback.is-success,.clc-booking-feedback.is-error{padding:14px 16px;border-radius:11px;font-weight:800}.clc-booking-feedback.is-success{background:rgba(99,230,0,.13);border:1px solid rgba(99,230,0,.4);color:var(--cl-verde-oficial)}.clc-booking-feedback.is-error{background:rgba(235,78,78,.12);border:1px solid rgba(235,78,78,.36);color:#ff9b9b}
@media(max-width:650px){.clc-booking{padding:20px;margin:28px 0}.clc-booking-grid{grid-template-columns:1fr}.clc-booking-head{align-items:flex-start}.clc-booking-icon{flex-basis:58px;height:58px;font-size:27px}.clc-booking-actions{align-items:stretch;flex-direction:column}.clc-booking-actions button{width:100%}}

/* 10.12.14 — ícones vetoriais automotivos reais no agendamento */
.clc-service-real-icon{
  width:58px!important;
  height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto 10px!important;
  border-radius:16px!important;
  background:#f4f8f5!important;
  border:1px solid #dfe8e1!important;
}
.clc-service-real-icon svg{
  width:42px!important;
  height:42px!important;
  fill:none!important;
  stroke:var(--cl-verde-oficial)!important;
  stroke-width:2.6!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.clc-ab-service.is-selected .clc-service-real-icon{
  background:var(--cl-verde-oficial)!important;
  border-color:var(--cl-verde-oficial)!important;
  box-shadow:0 8px 20px rgba(99,230,0,.2)!important;
}
.clc-ab-service.is-selected .clc-service-real-icon svg{
  stroke:#fff!important;
}
@media(max-width:520px){
  .clc-service-real-icon{width:54px!important;height:54px!important}
  .clc-service-real-icon svg{width:38px!important;height:38px!important}
}