.tesla-services-slider,
.tesla-services-list{
  --tesla-svc-accent:#0d57c6;
  --tesla-svc-accent-2:#2f8cff;
  --tesla-svc-green:#4fb548;
  --tesla-svc-surface:#f8f6f4;
  --tesla-svc-surface-2:#ffffff;
  --tesla-svc-ink:#0f172a;
  --tesla-svc-muted:#4b5563;
  font-family:var(--tesla-svc-font-family,inherit);
}

.tesla-services-slider{position:relative;width:100%;margin:0 auto;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:18px}
.tesla-services-viewport{overflow:hidden;width:100%;min-width:0;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.tesla-services-track{display:flex;transition:transform .65s cubic-bezier(.22,.61,.36,1);will-change:transform}
.tesla-services-item{flex:0 0 calc(100%/3);box-sizing:border-box;padding:12px}
.tesla-services-list{width:100%}
.tesla-services-grid{display:grid;grid-template-columns:repeat(var(--tesla-svc-columns,3), minmax(0,1fr));gap:24px}
.tesla-services-grid-item{min-width:0;display:flex}
.tesla-services-list .tesla-services-grid-item > .tesla-services-card,
.tesla-services-slider .tesla-services-item > .tesla-services-card{width:100%}

.tesla-services-card{
  width:min(100%, var(--tesla-svc-card-width,100%));
  max-width:var(--tesla-svc-card-width,100%);
  margin-inline:auto;
  text-decoration:none;
  border:1px solid rgba(15,23,42,.08);
  background:var(--tesla-svc-surface);
  border-radius:0 0 62px 0;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(15,23,42,.08);
  transform:translateY(0);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
  cursor:pointer;
  position:relative;
  display:flex;
  min-height:100%;
  color:var(--tesla-svc-ink);
}
.tesla-services-card:hover{
  transform:translateY(calc(-1 * max(6px, var(--tesla-svc-hover-raise,8px))));
  box-shadow:0 28px 56px rgba(13,87,198,.18);
  border-color:rgba(13,87,198,.18);
}
.tesla-services-card.is-static{cursor:default}
.tesla-services-card.is-static:hover{transform:none}

.tesla-services-body{padding:24px 24px 28px;display:flex;flex-direction:column;min-height:100%;width:100%}
.tesla-services-icon-shell{margin-bottom:22px}
.tesla-services-icon{
  width:88px;height:88px;border-radius:999px;background:rgba(13,87,198,.08);
  display:inline-flex;align-items:center;justify-content:center;color:var(--tesla-svc-accent);
}
.tesla-services-icon i{font-size:34px;line-height:1}
.tesla-services-icon img{width:88px;height:88px;object-fit:cover;border-radius:999px;display:block}
.tesla-services-icon-lottie .tesla-services-lottie{width:88px;height:88px;display:block}
.tesla-services-icon-lottie .tesla-services-lottie svg{width:100% !important;height:100% !important;display:block}
.tesla-services-excerpt{
  margin:0;
  color:var(--tesla-svc-muted);
  font-size:15px;
  line-height:1.7;
}
.tesla-services-divider{height:1px;background:rgba(15,23,42,.10);margin:22px 0 18px}
.tesla-services-footer{margin-top:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end}
.tesla-services-title{
  margin:0;
  font-size:clamp(16px,1.35vw,min(var(--tesla-svc-title-size,18px), 20px));
  line-height:1.18;
  color:var(--tesla-svc-title-color,var(--tesla-svc-ink));
  font-weight:800;
  letter-spacing:-.02em;
  text-align:left;
}
.tesla-services-arrow{
  width:46px;height:46px;border-radius:999px;
  background:linear-gradient(135deg,var(--tesla-svc-accent),var(--tesla-svc-green));
  color:#fff;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 16px 28px rgba(13,87,198,.22);font-size:18px;line-height:1;
  transition:transform .24s ease, box-shadow .24s ease;
}
.tesla-services-card:hover .tesla-services-arrow{transform:translate(2px,-2px);box-shadow:0 20px 34px rgba(13,87,198,.28)}

.tesla-services-btn{
  border:0;
  background:linear-gradient(135deg,var(--tesla-svc-accent),var(--tesla-svc-green));
  color:#fff;width:48px;height:48px;border-radius:999px;box-shadow:0 16px 30px rgba(16,72,181,.22);
  cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease;position:relative;z-index:3;
}
.tesla-services-btn:hover{transform:translateY(-2px);box-shadow:0 20px 36px rgba(13,115,234,.28)}
.tesla-services-btn:active{transform:translateY(0)}
.tesla-services-btn[disabled]{opacity:.38;cursor:default;box-shadow:none;transform:none}

.tesla-services-modal[hidden]{display:none}
.tesla-services-modal{position:fixed;inset:0;z-index:99999}
.tesla-services-modal-backdrop{position:absolute;inset:0;background:rgba(7,18,34,.38);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.tesla-services-modal-dialog{position:relative;max-width:980px;margin:5vh auto;background:#fffdfa;color:#163150;border:1px solid rgba(16,72,181,.10);border-radius:30px;overflow:hidden;box-shadow:0 34px 80px rgba(7,18,34,.18);max-height:88vh;display:flex;flex-direction:column}
@media (max-width: 1024px){.tesla-services-modal-dialog{margin:4vh 14px}}
.tesla-services-modal-close{position:absolute;right:16px;top:14px;border:0;background:linear-gradient(135deg,var(--tesla-svc-accent),var(--tesla-svc-accent-2));color:#fff;width:42px;height:42px;border-radius:999px;cursor:pointer;font-size:22px;line-height:1;box-shadow:0 14px 28px rgba(16,72,181,.18);z-index:2}
.tesla-services-modal-content{padding:22px 22px 26px;overflow:auto;flex:1}
.tesla-services-full-inner{max-width:860px;margin:0 auto}
.tesla-services-full-img{width:100% !important;max-width:100% !important;height:var(--tesla-svc-modal-img-h,320px) !important;max-height:62vh;object-fit:cover;object-position:center;border-radius:24px;display:block;box-shadow:0 20px 40px rgba(15,23,42,.12)}
@media (max-width: 640px){.tesla-services-full-img{height:220px}}
.tesla-services-full-title{margin:18px 0 8px;font-size:clamp(28px,3vw,40px);line-height:1.08;color:var(--tesla-svc-ink)}
.tesla-services-full-desc{font-size:16px;line-height:1.85;color:#445166}
.tesla-services-full-desc p{margin-top:0}

.tesla-service-single{background:linear-gradient(180deg,#fffdfa 0%,#f7f7f6 100%);border:1px solid rgba(16,72,181,.08);box-shadow:0 24px 56px rgba(8,27,61,.10);border-radius:32px;padding:30px;margin:24px 0}
.tesla-service-single-head{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin-bottom:18px}
.tesla-service-single-sub{margin:0 0 8px;color:var(--tesla-svc-accent);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tesla-service-single-title{margin:0;color:#103a6e;font-size:clamp(26px,3.2vw,38px);line-height:1.06;letter-spacing:-.03em}
.tesla-service-single-short{margin:14px 0 0;color:#546277;font-size:17px;line-height:1.85}
.tesla-service-single-schedule{display:grid;gap:12px;margin:16px 0 0}
.tesla-service-single-schedule-item{padding:14px 16px;border-radius:18px;background:#f8fafc;border:1px solid rgba(16,72,181,.10)}
.tesla-service-single-schedule-name{font-weight:800;color:#103a6e;line-height:1.35}
.tesla-service-single-schedule-time{margin-top:6px;color:#ff3b30;font-weight:700;line-height:1.35}
.tesla-service-single-hero img{width:100%;height:min(62vw,420px);object-fit:cover;border-radius:28px;display:block;box-shadow:0 18px 36px rgba(8,27,61,.12);margin:18px 0 22px}
.tesla-service-single-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:22px 0}
.tesla-service-single-gallery img{width:100%;height:220px;object-fit:cover;border-radius:24px 24px 60px 24px;display:block;box-shadow:0 14px 30px rgba(8,27,61,.10)}
.tesla-service-single-content{color:#203048;font-size:16px;line-height:1.9}
.tesla-services-empty{padding:18px;border-radius:18px;background:rgba(29,147,243,.08);color:#334155}

@media (max-width: 1024px){
  .tesla-services-item{flex-basis:calc(100%/2)}
  .tesla-services-grid{grid-template-columns:repeat(min(2, var(--tesla-svc-columns,3)), minmax(0,1fr))}
}
@media (max-width: 768px){
  .tesla-services-slider{grid-template-columns:1fr;gap:10px}
  .tesla-services-btn{display:none}
  .tesla-services-item{flex-basis:100%;padding:8px}
  .tesla-services-grid{grid-template-columns:1fr;gap:16px}
  .tesla-services-body{padding:20px}
  .tesla-service-single{padding:20px}
  .tesla-service-single-head{grid-template-columns:1fr}
}

/* Variante Reuniones */
.tesla-services-slider[data-variant="meeting"],
.tesla-services-list[data-variant="meeting"]{
  --tesla-svc-meeting-red:#ff3b30;
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-card,
.tesla-services-list[data-variant="meeting"] .tesla-services-card{
  background:#fff;
  border:1px solid rgba(15,23,42,.06);
  border-radius:22px;
  box-shadow:0 12px 30px rgba(15,23,42,.10);
  cursor:default;
}
.tesla-services-list[data-variant="meeting"] .tesla-services-grid{
  grid-template-columns:repeat(auto-fit, minmax(340px, 340px));
  justify-content:center;
  column-gap:14px;
  row-gap:24px;
}
.tesla-services-list[data-variant="meeting"] .tesla-services-grid-item{
  width:340px;
  min-width:340px;
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-card:hover,
.tesla-services-list[data-variant="meeting"] .tesla-services-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 38px rgba(15,23,42,.14);
  border-color:rgba(15,23,42,.10);
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-card.no-link,
.tesla-services-list[data-variant="meeting"] .tesla-services-card.no-link{
  cursor:default;
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-body,
.tesla-services-list[data-variant="meeting"] .tesla-services-body{
  padding:20px 22px 18px;
  display:grid;
  grid-template-rows:auto 1fr;
  gap:10px;
  align-items:start;
  align-content:start;
}
.tesla-services-list[data-variant="meeting"] .tesla-services-card{
  width:100%;
  max-width:100%;
  height:210px;
  min-height:210px;
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-meeting-head,
.tesla-services-list[data-variant="meeting"] .tesla-services-meeting-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:center;
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-icon-shell,
.tesla-services-list[data-variant="meeting"] .tesla-services-icon-shell{
  margin:0;
  flex:0 0 auto;
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-icon,
.tesla-services-list[data-variant="meeting"] .tesla-services-icon{
  width:42px;
  height:42px;
  background:#fff;
  border:2px solid var(--tesla-svc-meeting-red);
  color:var(--tesla-svc-meeting-red);
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-icon i,
.tesla-services-list[data-variant="meeting"] .tesla-services-icon i{
  font-size:18px;
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-icon img,
.tesla-services-list[data-variant="meeting"] .tesla-services-icon img{
  width:34px;
  height:34px;
  border-radius:999px;
  object-fit:cover;
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-icon-lottie .tesla-services-lottie,
.tesla-services-list[data-variant="meeting"] .tesla-services-icon-lottie .tesla-services-lottie{
  width:28px;
  height:28px;
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-title,
.tesla-services-list[data-variant="meeting"] .tesla-services-title{
  font-size:18px;
  font-weight:800;
  letter-spacing:0;
  color:#2f3136;
  line-height:1.2;
  margin:0;
}
.tesla-services-list[data-variant="meeting"] .tesla-services-title{
  font-size:17px;
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-meeting-lines,
.tesla-services-list[data-variant="meeting"] .tesla-services-meeting-lines{
  display:grid;
  gap:8px;
  align-content:start;
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-meeting-line,
.tesla-services-list[data-variant="meeting"] .tesla-services-meeting-line{
  margin:0;
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-meeting-line-inner,
.tesla-services-list[data-variant="meeting"] .tesla-services-meeting-line-inner{
  display:grid;
  grid-template-columns:1fr;
  gap:2px;
  align-items:start;
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-meeting-name,
.tesla-services-list[data-variant="meeting"] .tesla-services-meeting-name{
  color:#111827;
  font-size:15px;
  line-height:1.35;
  font-weight:700;
  margin:0;
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-time,
.tesla-services-list[data-variant="meeting"] .tesla-services-time{
  display:block;
  color:var(--tesla-svc-meeting-red);
  font-size:15px;
  line-height:1.35;
  margin:0;
  font-weight:700;
  text-align:left;
  white-space:normal;
  justify-self:start;
}
.tesla-services-list[data-variant="meeting"] .tesla-services-meeting-name{
  font-size:14px;
}
.tesla-services-list[data-variant="meeting"] .tesla-services-time{
  font-size:14px;
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-excerpt,
.tesla-services-list[data-variant="meeting"] .tesla-services-excerpt,
.tesla-services-slider[data-variant="meeting"] .tesla-services-arrow,
.tesla-services-list[data-variant="meeting"] .tesla-services-arrow,
.tesla-services-slider[data-variant="meeting"] .tesla-services-divider,
.tesla-services-list[data-variant="meeting"] .tesla-services-divider,
.tesla-services-slider[data-variant="meeting"] .tesla-services-footer,
.tesla-services-list[data-variant="meeting"] .tesla-services-footer{
  display:none !important;
}
.tesla-services-slider[data-variant="meeting"] .tesla-services-btn{
  background:#fff;
  color:#1f2937;
  box-shadow:0 10px 18px rgba(0,0,0,.14);
}
@media (max-width: 1180px){
  .tesla-services-list[data-variant="meeting"] .tesla-services-grid{
    grid-template-columns:repeat(auto-fit, minmax(320px, 320px));
  }
  .tesla-services-list[data-variant="meeting"] .tesla-services-grid-item{
    width:320px;
    min-width:320px;
  }
}
@media (max-width: 768px){
  .tesla-services-slider[data-variant="meeting"] .tesla-services-body,
  .tesla-services-list[data-variant="meeting"] .tesla-services-body{
    padding:20px 20px 18px;
  }
  .tesla-services-slider[data-variant="meeting"]{
    display:block;
    width:100%;
  }
  .tesla-services-slider[data-variant="meeting"] .tesla-services-btn{
    display:none !important;
  }
  .tesla-services-slider[data-variant="meeting"] .tesla-services-viewport{
    overflow:visible;
    width:100%;
  }
  .tesla-services-slider[data-variant="meeting"] .tesla-services-track{
    display:grid !important;
    grid-template-columns:minmax(0,1fr);
    gap:20px;
    transform:none !important;
    transition:none !important;
    width:100%;
  }
  .tesla-services-slider[data-variant="meeting"] .tesla-services-item{
    flex:none !important;
    width:min(90vw, 360px);
    min-width:min(90vw, 360px);
    padding:0;
    margin-inline:auto;
  }
  .tesla-services-slider[data-variant="meeting"] .tesla-services-card{
    width:100%;
    max-width:100%;
    height:auto;
    min-height:0;
    border-radius:24px;
  }
  .tesla-services-list[data-variant="meeting"] .tesla-services-grid{
    grid-template-columns:minmax(0,1fr);
    justify-content:center;
    column-gap:0;
    row-gap:20px;
  }
  .tesla-services-list[data-variant="meeting"] .tesla-services-grid-item{
    width:min(90vw, 360px);
    min-width:min(90vw, 360px);
    margin-inline:auto;
  }
  .tesla-services-list[data-variant="meeting"] .tesla-services-card{
    width:100%;
    max-width:100%;
    height:auto;
    min-height:0;
    border-radius:24px;
  }
  .tesla-services-slider[data-variant="meeting"] .tesla-services-title,
  .tesla-services-list[data-variant="meeting"] .tesla-services-title{
    font-size:18px;
  }
  .tesla-services-slider[data-variant="meeting"] .tesla-services-icon,
  .tesla-services-list[data-variant="meeting"] .tesla-services-icon{
    width:46px;
    height:46px;
  }
  .tesla-services-slider[data-variant="meeting"] .tesla-services-icon-lottie .tesla-services-lottie,
  .tesla-services-list[data-variant="meeting"] .tesla-services-icon-lottie .tesla-services-lottie{
    width:30px;
    height:30px;
  }
  .tesla-services-slider[data-variant="meeting"] .tesla-services-meeting-name,
  .tesla-services-list[data-variant="meeting"] .tesla-services-meeting-name,
  .tesla-services-slider[data-variant="meeting"] .tesla-services-time,
  .tesla-services-list[data-variant="meeting"] .tesla-services-time{
    line-height:1.45;
  }
}
@media (max-width: 640px){
  .tesla-services-slider[data-variant="meeting"] .tesla-services-title,
  .tesla-services-list[data-variant="meeting"] .tesla-services-title{
    font-size:17px;
  }
}
