/* IntroCrea Lead Chat — widget (self-contained) */
.iclc{
  --iclc-accent:#C6D400; --iclc-accent-text:#0B0E0C; --iclc-cta:#25D366;
  --iclc-surface:#12160f; --iclc-surface-2:#0d100b; --iclc-field:#0b0e08;
  --iclc-border:#2a2f22; --iclc-text:#f1f3ec; --iclc-muted:#9aa08f; --iclc-err:#ff6b6b;
  position:fixed; right:20px; bottom:20px; z-index:99990;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.iclc *,.iclc *::before,.iclc *::after{box-sizing:border-box}

/* Burbuja */
.iclc__bubble{
  position:relative; width:60px; height:60px; border:0; border-radius:50%;
  background:var(--iclc-accent); color:var(--iclc-accent-text); cursor:pointer;
  display:flex; align-items:center; justify-content:center; margin-left:auto;
  box-shadow:0 8px 24px rgba(0,0,0,.35); transition:transform .18s ease, box-shadow .18s ease;
}
.iclc__bubble:hover{transform:translateY(-2px); box-shadow:0 12px 30px rgba(0,0,0,.45)}
.iclc__bubble:focus-visible{outline:3px solid var(--iclc-cta); outline-offset:3px}
.iclc__ico-close{display:none}
.iclc[data-open="true"] .iclc__ico-chat{display:none}
.iclc[data-open="true"] .iclc__ico-close{display:block}

/* Panel */
.iclc__panel{
  position:absolute; right:0; bottom:74px; width:360px; max-width:calc(100vw - 32px);
  background:var(--iclc-surface); color:var(--iclc-text); border:1px solid var(--iclc-border);
  border-radius:18px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.5);
  opacity:0; transform:translateY(12px) scale(.98); transform-origin:bottom right;
  transition:opacity .22s ease, transform .22s ease; pointer-events:none;
}
.iclc.is-open .iclc__panel{opacity:1; transform:none; pointer-events:auto}

/* Header */
.iclc__head{
  display:flex; align-items:center; gap:12px; padding:16px 16px;
  background:linear-gradient(135deg,var(--iclc-accent) 0%,var(--iclc-cta) 100%);
  color:var(--iclc-accent-text);
}
.iclc__avatar{
  flex:none; width:40px; height:40px; border-radius:50%;
  background:rgba(255,255,255,.28); display:flex; align-items:center; justify-content:center;
}
.iclc__head-txt{display:flex; flex-direction:column; line-height:1.2}
.iclc__head-txt strong{font-size:1.02rem; font-weight:800; letter-spacing:-.01em}
.iclc__online{display:inline-flex; align-items:center; gap:6px; font-size:.78rem; font-weight:600; opacity:.85}
.iclc__online i{width:8px; height:8px; border-radius:50%; background:#0a7a2f; box-shadow:0 0 0 3px rgba(10,122,47,.25)}
.iclc__x{margin-left:auto; background:none; border:0; color:inherit; font-size:26px; line-height:1; cursor:pointer; opacity:.75}
.iclc__x:hover{opacity:1}

/* Body */
.iclc__body{padding:16px}
.iclc__greet{
  background:var(--iclc-surface-2); border:1px solid var(--iclc-border); border-radius:12px;
  padding:12px 14px; margin:0 0 14px; font-size:.9rem; color:var(--iclc-text);
}
.iclc__form{display:flex; flex-direction:column; gap:10px}
.iclc__field{display:block; position:relative}
.iclc__form input,.iclc__form select{
  width:100%; background:var(--iclc-field); color:var(--iclc-text);
  border:1px solid var(--iclc-border); border-radius:10px; padding:13px 14px;
  font-size:.92rem; outline:none; transition:border-color .15s ease;
  -webkit-appearance:none; appearance:none;
}
.iclc__form input::placeholder{color:var(--iclc-muted)}
.iclc__form input:focus,.iclc__form select:focus{border-color:var(--iclc-accent)}
.iclc__form input.has-err,.iclc__form select.has-err{border-color:var(--iclc-err)}
.iclc__form select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239aa08f' d='M1 1l5 5 5-5'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:34px}
.iclc__phone{display:flex; align-items:stretch; gap:8px}
.iclc__cc{
  flex:none; display:flex; align-items:center; padding:0 12px; font-size:.9rem; font-weight:600;
  background:var(--iclc-field); border:1px solid var(--iclc-border); border-radius:10px; color:var(--iclc-text);
}
.iclc__phone input{flex:1}
.iclc__err{display:block; color:var(--iclc-err); font-size:.74rem; margin-top:3px; min-height:0}
.iclc__err:empty{display:none}
.iclc__hp{position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; opacity:0!important}

.iclc__submit{
  display:flex; align-items:center; justify-content:center; gap:9px; width:100%;
  background:var(--iclc-cta); color:#fff; border:0; border-radius:12px; padding:14px 16px;
  font-size:.95rem; font-weight:800; cursor:pointer; margin-top:4px;
  transition:filter .15s ease, transform .1s ease;
}
.iclc__submit:hover{filter:brightness(1.06)}
.iclc__submit:active{transform:scale(.99)}
.iclc__submit:disabled{opacity:.6; cursor:default}
.iclc__legal{font-size:.72rem; color:var(--iclc-muted); text-align:center; margin:10px 0 2px}
.iclc__legal a{color:var(--iclc-accent); text-decoration:none}
.iclc__legal a:hover{text-decoration:underline}

/* Gracias */
.iclc__thanks{text-align:center; padding:14px 6px}
.iclc__check{
  width:56px; height:56px; margin:0 auto 12px; border-radius:50%;
  background:var(--iclc-accent); color:var(--iclc-accent-text);
  display:flex; align-items:center; justify-content:center; font-size:30px; font-weight:800;
}
.iclc__thanks p{margin:0 0 14px; font-size:.95rem}
.iclc__wa-fallback{
  display:inline-block; background:var(--iclc-cta); color:#fff; text-decoration:none;
  padding:11px 20px; border-radius:10px; font-weight:700; font-size:.9rem;
}

@media (max-width:480px){
  .iclc{right:14px; bottom:14px}
  .iclc__panel{width:calc(100vw - 28px); bottom:72px}
}
@media (prefers-reduced-motion:reduce){
  .iclc__panel,.iclc__bubble,.iclc__submit{transition:none}
}