.selfseg-ci{--green:#007A3D;--light:#E5F1E2;--border:#D9E3DC;max-width:1180px;margin:0 auto;font-family:inherit;color:var(--green);background:transparent!important}
.selfseg-ci-intro{text-align:center;padding:4px 12px 8px}
.selfseg-ci-intro-title{margin:0 0 8px;color:var(--green);font-size:22px;font-weight:700;line-height:1.3}
.selfseg-ci-intro-text{max-width:850px;margin:0 auto 14px;color:var(--green);font-size:17px;line-height:1.55}
/* Controles próprios: spans evitam que Brizy/tema sobrescrevam os botões. */
.selfseg-ci .selfseg-ci-reveal,.selfseg-ci .selfseg-ci-hide{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;border:0!important;outline:0!important;border-radius:8px!important;background:#007A3D!important;color:#fff!important;padding:11px 20px!important;font-family:inherit!important;font-size:15px!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;cursor:pointer!important;box-shadow:none!important;transition:transform .16s ease,opacity .16s ease!important;user-select:none}
.selfseg-ci .selfseg-ci-reveal:hover,.selfseg-ci .selfseg-ci-hide:hover{transform:translateY(-1px);opacity:.94}
.selfseg-ci .selfseg-ci-reveal:focus-visible,.selfseg-ci .selfseg-ci-hide:focus-visible,.selfseg-ci .selfseg-ci-hotspot:focus-visible,.selfseg-ci .selfseg-ci-card-close:focus-visible{outline:2px solid #007A3D!important;outline-offset:3px!important}
.selfseg-ci-demo[hidden]{display:none!important}
.selfseg-ci-demo{margin-top:14px}
.selfseg-ci-stage{position:relative;width:52%;max-width:610px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 5px 14px rgba(0,0,0,.06)}
.selfseg-ci-base{display:block;width:100%;height:auto}
.selfseg-ci-empty{padding:40px 22px;text-align:center;background:#fff;font-size:18px}
/* Marcadores: força círculo verde mesmo com CSS global do Brizy/tema. */
.selfseg-ci .selfseg-ci-hotspot{position:absolute!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;transform:translate(-50%,-50%)!important;width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;min-height:28px!important;max-height:28px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;border-radius:999px!important;background:#007A3D!important;background-color:#007A3D!important;color:#fff!important;font-family:inherit!important;font-weight:700!important;font-size:12px!important;line-height:28px!important;text-align:center!important;text-decoration:none!important;cursor:pointer!important;box-shadow:0 2px 7px rgba(0,0,0,.20)!important;z-index:6!important;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease!important;user-select:none}
.selfseg-ci .selfseg-ci-hotspot:hover,.selfseg-ci .selfseg-ci-hotspot.is-active{transform:translate(-50%,-50%) scale(1.10)!important;box-shadow:0 3px 9px rgba(0,0,0,.25)!important}
.selfseg-ci-cards{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:90%;z-index:7;pointer-events:none}
.selfseg-ci-card{display:none!important;position:relative;background:rgba(255,255,255,.98);border:1px solid var(--border);border-radius:11px;padding:14px 16px;box-shadow:0 7px 20px rgba(0,0,0,.13);pointer-events:auto}
.selfseg-ci-card.is-active{display:grid!important;grid-template-columns:minmax(170px,40%) 1fr;gap:14px;align-items:center}
.selfseg-ci-card--text-only.is-active{grid-template-columns:1fr}
.selfseg-ci-card-head{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding-right:28px}
.selfseg-ci-card h3{margin:0;color:var(--green);font-size:18px;line-height:1.25}
.selfseg-ci-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;font-size:12px;font-weight:700}
.selfseg-ci-card-media{display:flex;align-items:center;justify-content:center;min-width:0}
.selfseg-ci-card-media img{display:block;width:100%!important;height:180px!important;object-fit:contain!important;border-radius:8px;border:1px solid var(--border);background:#fff}
.selfseg-ci-card-placeholder{display:flex;align-items:center;justify-content:center;min-height:120px;border:1px dashed var(--border);border-radius:8px;background:var(--light);padding:16px;text-align:center}
.selfseg-ci-card p{margin:0;color:var(--green);font-size:15px;line-height:1.5}
.selfseg-ci .selfseg-ci-card-close{position:absolute!important;display:flex!important;align-items:center!important;justify-content:center!important;right:8px!important;top:6px!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#007A3D!important;font-family:inherit!important;font-size:24px!important;line-height:24px!important;cursor:pointer!important;z-index:2!important;user-select:none}
.selfseg-ci-actions{text-align:center;margin-top:12px}
.selfseg-ci .selfseg-ci-hide{padding:9px 16px!important;font-size:14px!important}
@media(max-width:1000px){.selfseg-ci-stage{width:62%;max-width:600px}}
@media(max-width:767px){.selfseg-ci{padding:0 8px}.selfseg-ci-intro-title{font-size:20px}.selfseg-ci-intro-text{font-size:16px}.selfseg-ci-stage{width:100%;max-width:none}.selfseg-ci .selfseg-ci-hotspot{width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;min-height:24px!important;max-height:24px!important;line-height:24px!important;font-size:11px!important}.selfseg-ci-cards{position:static;left:auto;bottom:auto;transform:none;width:100%;padding:10px}.selfseg-ci-card.is-active{grid-template-columns:1fr}.selfseg-ci-card-head{grid-column:auto}.selfseg-ci-card h3{font-size:18px}.selfseg-ci-card p{font-size:15px}.selfseg-ci-card-media img{height:210px!important}.selfseg-ci-actions{margin-top:8px}}