.csj-email-link-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0;
  border: 1.5px solid #7b8fa0;
  border-radius: 50%;
  background: #fff;
  color: #526879;
  font: 800 0.78rem/1 Montserrat, Arial, sans-serif;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
.csj-email-link-button:hover,
.csj-email-link-button:focus-visible { background:#7b8fa0; border-color:#7b8fa0; color:#fff; transform:translateY(-1px); }
.csj-email-link-button svg { width:17px; height:17px; pointer-events:none; }
.csj-email-link-button span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.unidad-btn-row .csj-email-link-button { flex:0 0 auto; }

.csj-email-share-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2147483200;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(15, 23, 42, .58);
}
.csj-email-share-backdrop[hidden] { display:none !important; }
.csj-email-share-modal {
  width: min(420px, 100%);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15,23,42,.3);
  overflow: hidden;
  color: #17282c;
}
.csj-email-share-header { display:flex; align-items:flex-start; gap:12px; padding:20px 20px 14px; background:#f4f8f9; border-bottom:1px solid #dce6e8; }
.csj-email-share-icon { width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; border-radius:50%; background:#0c6e82; color:#fff; }
.csj-email-share-icon svg { width:21px; height:21px; }
.csj-email-share-heading { min-width:0; flex:1; }
.csj-email-share-title { margin:0; color:#0c6e82; font:900 1.05rem/1.2 Montserrat,Arial,sans-serif; }
.csj-email-share-item { margin:4px 0 0; color:#52656a; font:700 .82rem/1.35 Montserrat,Arial,sans-serif; }
.csj-email-share-close { border:0; background:transparent; color:#64748b; font-size:25px; line-height:1; cursor:pointer; padding:1px 4px; }
.csj-email-share-form { display:grid; gap:12px; padding:18px 20px 20px; }
.csj-email-share-label { display:grid; gap:6px; color:#334155; font:800 .84rem/1.3 Montserrat,Arial,sans-serif; }
.csj-email-share-input { width:100%; min-height:48px; box-sizing:border-box; border:1.5px solid #9aabb5; border-radius:9px; padding:10px 12px; color:#17282c; background:#fff; font:600 .95rem Montserrat,Arial,sans-serif; }
.csj-email-share-input:focus { outline:3px solid rgba(12,110,130,.16); border-color:#0c6e82; }
.csj-email-share-note { margin:0; color:#64748b; font:600 .74rem/1.4 Montserrat,Arial,sans-serif; }
.csj-email-share-status { min-height:1.3em; margin:0; color:#52656a; font:800 .8rem/1.35 Montserrat,Arial,sans-serif; }
.csj-email-share-status[data-state="error"] { color:#b42318; }
.csj-email-share-status[data-state="success"] { color:#1f7a4d; }
.csj-email-share-submit { min-height:50px; border:2px solid #8fb51d; border-radius:10px; background:#0c6e82; color:#fff; font:900 .95rem Montserrat,Arial,sans-serif; cursor:pointer; }
.csj-email-share-submit:hover,.csj-email-share-submit:focus-visible { background:#084f5e; }
.csj-email-share-submit:disabled { cursor:wait; opacity:.68; }
body.csj-email-share-open { overflow:hidden !important; }