/* Compártelo — front */
.jjjcmp-share{margin:10px 0 18px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;clear:both;}
.jjjcmp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:420px;min-height:50px;padding:10px 18px;border-radius:12px;border:2px solid #4F7942;background:#fff;color:#2f4f27!important;font-size:16.5px;font-weight:700;line-height:1.2;text-decoration:none!important;box-sizing:border-box;transition:background .2s,transform .1s;}
.jjjcmp-btn:hover{background:#f2f8ef;}
.jjjcmp-btn:active{transform:scale(.98);}
.jjjcmp-btn.is-green{background:#25D366;border-color:#25D366;color:#fff!important;}
.jjjcmp-btn.is-green:hover{background:#1ebe5b;}
.jjjcmp-copy{background:none;border:0;padding:2px 4px;color:#4F7942;text-decoration:underline;font-size:14px;cursor:pointer;}
.jjjcmp-ref{display:flex;gap:16px;align-items:flex-start;margin:0 0 28px;padding:20px 22px;border-radius:16px;background:linear-gradient(135deg,#fff8ef,#fff 70%);border:2px solid #f3dcc0;}
.jjjcmp-ref-ico{font-size:34px;line-height:1;}
.jjjcmp-ref-body{flex:1;min-width:0;}
.jjjcmp-ref h3{margin:0 0 4px!important;font-size:21px!important;color:#5a3a12;}
.jjjcmp-ref p{margin:0 0 12px;color:#555;font-size:15.5px;}
.jjjcmp-ref-actions{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;}
.jjjcmp-ref-actions .jjjcmp-btn{width:auto;}
.jjjcmp-ref-stats{margin:12px 0 0!important;font-size:14px!important;}
.jjjcmp-ref-stats span{word-break:break-all;color:#4F7942;}
@media (max-width:600px){.jjjcmp-ref{flex-direction:column;padding:16px}.jjjcmp-ref-actions .jjjcmp-btn{width:100%;}}