/* Chocolate 360 Studio V0.9.3 — Solo Servicios.
   Franjas de ancho completo inspiradas en la sección de Servicios de la V0.5.
   Se carga DESPUÉS de main.css; no modifica Tailwind, ni otras secciones. */
#servicios.choco-accordion-services {
  background-color:#0c0c0c;
  background-image:url('../img/services/home-1/background.png');
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  overflow:clip;
}
#servicios .choco-section-intro { position:relative;z-index:1; margin-bottom:clamp(20px,2.8vw,34px); }
#servicios .choco-accordion-hint {
  color:#bababa;font-size:13px;letter-spacing:.01em;
  margin:-10px 0 25px;line-height:1.5;
}
#servicios .choco-service-list { display:block;position:relative; }
#servicios .choco-service-row[data-service-number] {
  display:block!important;position:relative!important;
  width:100%;min-width:0; margin:0!important;
  padding:0!important;border:0!important;
  isolation:auto;opacity:1;
}
/* Desactivar los separadores y estilos de pinning heredados, solo aquí. */
#servicios .choco-service-row[data-service-number]::after,
#servicios .choco-service-row[data-service-number]:not([data-service-number="5"])::after { content:none!important;display:none!important; }
#servicios .choco-accordion-heading {
  position:relative;isolation:isolate;
  margin:0;border-top:1px solid rgba(255,255,255,.18);
}
#servicios .choco-service-row:last-of-type .choco-accordion-heading {border-bottom:1px solid rgba(255,255,255,.18);}
#servicios .choco-accordion-heading::before {
  content:"";display:block;position:absolute;inset:0 auto 0 50%;
  margin-left:-50vw;width:100vw;z-index:-1;
  background:var(--choco-accent,#ff6300);
  transform:scaleX(0);transform-origin:left center;
  transition:transform .65s cubic-bezier(.22,.8,.23,1);
  pointer-events:none;
}
#servicios .choco-accordion-heading:hover::before,
#servicios .choco-accordion-heading:focus-within::before,
#servicios .choco-accordion-item.is-open .choco-accordion-heading::before {
  transform:scaleX(1);
}
#servicios .choco-accordion-toggle {
  display:grid;grid-template-columns:42px minmax(220px,1fr) minmax(275px,.83fr) 42px;
  align-items:center;gap:clamp(8px,1.7vw,28px);
  width:100%;min-height:108px;padding:22px 3px;
  border:0;border-radius:0;background:transparent;
  color:white;text-align:left;cursor:pointer;
  font:inherit;line-height:1.05;
}
#servicios .choco-accordion-toggle:focus-visible {
  outline:2px solid #ffc18d;outline-offset:-5px;
}
#servicios .choco-accordion-number {
  font-size:13px;color:var(--choco-accent,#ff6300);font-weight:750;
  align-self:center;letter-spacing:.04em;
  transition:color .24s;
}
#servicios .choco-accordion-title {
  font-family:Outfit,sans-serif;
  font-size:clamp(28px,3.35vw,53px);
  letter-spacing:-.05em;font-weight:740;line-height:1.09;
  transition:color .24s;
}
#servicios .choco-accordion-chips {
  display:flex;justify-content:flex-end;align-items:center;gap:8px;
  flex-wrap:wrap;
}
#servicios .choco-accordion-chip {
  padding:10px 15px;border:1px solid rgba(255,255,255,.2);
  border-radius:99px;font-size:11px;letter-spacing:.03em;
  font-weight:600;color:#f7f7f7;white-space:nowrap;
  transition:color .24s,border-color .24s;
}
#servicios .choco-accordion-indicator {
  display:grid;place-items:center;justify-self:end;
  width:39px;height:39px;border:1px solid rgba(255,255,255,.5);border-radius:50%;
  font-size:28px;line-height:1;font-weight:350;color:#fff;
  transition:border-color .24s,color .24s;
}
#servicios .choco-accordion-plus { display:block;transition:transform .28s ease;transform-origin:center; }
#servicios .choco-accordion-item.is-open .choco-accordion-plus {transform:rotate(45deg);}
#servicios .choco-accordion-item.is-open .choco-accordion-title,
#servicios .choco-accordion-heading:hover .choco-accordion-title,
#servicios .choco-accordion-heading:focus-within .choco-accordion-title,
#servicios .choco-accordion-item.is-open .choco-accordion-number,
#servicios .choco-accordion-heading:hover .choco-accordion-number,
#servicios .choco-accordion-heading:focus-within .choco-accordion-number,
#servicios .choco-accordion-item.is-open .choco-accordion-chip,
#servicios .choco-accordion-heading:hover .choco-accordion-chip,
#servicios .choco-accordion-heading:focus-within .choco-accordion-chip,
#servicios .choco-accordion-item.is-open .choco-accordion-indicator,
#servicios .choco-accordion-heading:hover .choco-accordion-indicator,
#servicios .choco-accordion-heading:focus-within .choco-accordion-indicator {color:#141414;}
#servicios .choco-accordion-item.is-open .choco-accordion-chip,
#servicios .choco-accordion-heading:hover .choco-accordion-chip,
#servicios .choco-accordion-heading:focus-within .choco-accordion-chip,
#servicios .choco-accordion-item.is-open .choco-accordion-indicator,
#servicios .choco-accordion-heading:hover .choco-accordion-indicator,
#servicios .choco-accordion-heading:focus-within .choco-accordion-indicator {border-color:rgba(0,0,0,.5);}
#servicios .choco-accordion-panel[hidden] {display:none!important;}
#servicios .choco-accordion-panel {
  height:auto;opacity:1;overflow:visible;
  background:linear-gradient(145deg,rgba(22,22,22,.94),rgba(10,10,10,.98));
  border-bottom:1px solid rgba(255,255,255,.15);
}
#servicios .choco-accordion-panel-inner {
  display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
  gap:clamp(24px,5vw,80px);align-items:center;
  padding:clamp(34px,4.5vw,66px) 0 clamp(44px,5vw,76px);
}
#servicios .choco-accordion-panel-inner .choco-service-copy,
#servicios .choco-accordion-panel-inner .choco-service-art {
  min-width:0;will-change:transform,opacity;
}
#servicios .choco-accordion-item.choco-reverse .choco-service-copy {order:2;}
#servicios .choco-accordion-item.choco-reverse .choco-service-art {order:1;}
#servicios .choco-accordion-panel-inner .choco-service-kicker {margin-bottom:21px;}
#servicios .choco-accordion-panel-inner .choco-service-tagline {
  font-size:clamp(22px,2.1vw,32px);line-height:1.28;
}
#servicios .choco-accordion-panel-inner .choco-service-art {align-self:center;}
#servicios .choco-accordion-panel-inner .choco-service-art .choco-demo {width:100%;}
#servicios .choco-accordion-item:not(.is-open) .choco-accordion-panel {pointer-events:none;}
@media (max-width:1250px) {
  #servicios .choco-accordion-toggle {grid-template-columns:35px minmax(0,1fr) minmax(250px,.9fr) 38px;gap:14px;min-height:105px;}
  #servicios .choco-accordion-title {font-size:clamp(26px,3.5vw,43px);}
  #servicios .choco-accordion-chip {padding:8px 11px;font-size:10px;}
}
@media (max-width:899px) {
  #servicios .choco-accordion-toggle {grid-template-columns:28px minmax(0,1fr) 39px;min-height:104px;padding:22px 4px;gap:14px;}
  #servicios .choco-accordion-title {font-size:clamp(27px,4.8vw,40px);}
  #servicios .choco-accordion-chips {grid-column:2;grid-row:2;justify-content:flex-start;gap:6px;}
  #servicios .choco-accordion-indicator {grid-column:3;grid-row:1/3;}
  #servicios .choco-accordion-panel-inner {grid-template-columns:1fr;gap:30px;}
  #servicios .choco-accordion-item.choco-reverse .choco-service-copy,
  #servicios .choco-accordion-item.choco-reverse .choco-service-art {order:initial;}
  #servicios .choco-accordion-panel-inner .choco-service-art {max-width:650px;width:100%;}
}
@media (max-width:540px) {
  #servicios .choco-accordion-hint {font-size:12px;margin:0 0 18px;}
  #servicios .choco-accordion-toggle {grid-template-columns:22px minmax(0,1fr) 35px;padding:20px 0;min-height:101px;gap:10px;}
  #servicios .choco-accordion-title {font-size:clamp(24px,6.4vw,34px);line-height:1.08;letter-spacing:-.042em;}
  #servicios .choco-accordion-number {font-size:11px;}
  #servicios .choco-accordion-chip {font-size:9px;padding:6px 8px;}
  #servicios .choco-accordion-indicator {height:33px;width:33px;font-size:23px;}
  #servicios .choco-accordion-panel-inner {padding:34px 0 54px;}
  #servicios .choco-accordion-panel-inner .choco-service-tagline {font-size:22px;}
}
@media (prefers-reduced-motion:reduce) {
  #servicios .choco-accordion-heading::before,
  #servicios .choco-accordion-heading *,
  #servicios .choco-accordion-panel * {transition:none!important;animation:none!important;}
}