.wcs-share-section{padding:32px 24px;background:#f4ecdc;color:#0c2034;border-top:1px solid #dcd4c5}
.wcs-share-inner{max-width:960px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:clamp(32px,5vw,64px);align-items:center}
.wcs-share-inner>div{max-width:520px}
.wcs-share-section h2{max-width:21ch;margin:0 0 14px;font-size:clamp(25px,3vw,36px);line-height:1.2}
.wcs-share-section p{max-width:46ch;margin:0 0 22px;line-height:1.6}
.wcs-share-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.wcs-share-actions button,.wcs-share-actions a{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 18px;border:1px solid #0c2034;border-radius:6px;background:#0c2034;color:#fcf8f1;text-decoration:none;font:600 14px/1.4 "Inter",system-ui,sans-serif;cursor:pointer}
.wcs-share-actions .wcs-share-secondary{background:transparent;color:#0c2034}
.wcs-share-actions [hidden]{display:none}
.wcs-share-actions button:hover,.wcs-share-actions a:hover{background:#ffd748;color:#0c2034}
.wcs-share-qr{margin:0;width:100%;text-align:center;font:400 12px/1.5 "Inter",system-ui,sans-serif}
.wcs-share-qr img{display:block;width:100%;height:auto;aspect-ratio:1;max-width:320px;background:#fcf8f1;margin:0 auto 4px;border-radius:6px}
.wcs-share-section .wcs-share-qr{max-width:264px;justify-self:center}
.wcs-share-section .wcs-share-qr img{margin-bottom:8px;border:0;border-radius:0;background:transparent;box-sizing:border-box}
.wcs-share-section .wcs-share-qr figcaption{font-size:12px;color:#43545c;line-height:1.5}
.wcs-share-dialog .wcs-share-qr{max-width:280px;margin-inline:auto}
.wcs-share-dialog{max-width:460px;width:calc(100% - 32px);padding:28px;border:1px solid #dcd4c5;border-radius:14px;color:#0c2034;background:#fcf8f1;box-sizing:border-box;max-height:90dvh;overflow:auto}
.wcs-share-dialog::backdrop{background:#0c2034aa}
.wcs-share-dialog h2{margin:0 32px 18px 0;font:700 25px/1.25 "Noto Serif",Georgia,serif}
.wcs-share-dialog__close{position:absolute;right:12px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:#f4ecdc;color:#0c2034;font-size:25px;cursor:pointer}
.wcs-share-dialog label{display:block;font:500 13px/1.5 "Inter",system-ui,sans-serif;margin:16px 0 6px}
.wcs-share-dialog input{display:block;width:100%;box-sizing:border-box;padding:12px;border:1px solid #b9c0c2;border-radius:4px;background:white;color:#0c2034;font:400 14px/1.4 "Inter",system-ui,sans-serif;margin-bottom:12px}
.wcs-share-dialog [role="status"]{min-height:1.5em;font:400 13px/1.5 "Inter",system-ui,sans-serif}
.wcs-share-dialog__links{display:flex;flex-wrap:wrap;gap:20px;margin-top:12px}
.wcs-share-dialog__links a{color:#0c2034;min-height:44px;display:inline-flex;align-items:center}
.wcs-card-page{padding:40px 20px 56px;background:#f4ecdc;text-align:center}
.wcs-card-page h1{font-size:clamp(28px,4vw,40px);margin:0 0 12px}
.wcs-card-page>p{max-width:50ch;margin:0 auto 24px}
.wcs-card-preview{display:block;width:min(100%,480px);height:auto;margin:0 auto 24px;border-radius:12px;box-shadow:0 12px 36px #0c203418}
.wcs-card-page .wcs-share-actions{justify-content:center;max-width:680px;margin:auto}
.wcs-card-page .wcs-card-save-status{font:500 14px/1.5 "Inter",system-ui,sans-serif;margin:16px auto 8px;min-height:1.5em;max-width:50ch}
.wcs-card-page .wcs-card-save-help{font:400 14px/1.6 "Inter",system-ui,sans-serif;color:#43545c;margin:0 auto;max-width:52ch}
.wcs-card-homescreen{max-width:520px;margin:24px auto 0;border:1px solid #dcd4c5;border-radius:6px;padding:0 16px;background:#fcf8f1;text-align:left;font:400 14px/1.6 "Inter",system-ui,sans-serif}
.wcs-card-homescreen summary{padding:14px 0;cursor:pointer;font-weight:600;min-height:48px}
.wcs-card-homescreen p{margin:0 0 16px}
@media(max-width:699px){.wcs-share-section{padding:28px 20px}.wcs-share-inner{grid-template-columns:minmax(0,1fr);gap:24px;max-width:460px}.wcs-share-inner>div{width:100%}.wcs-share-section h2{max-width:none}.wcs-share-section .wcs-share-qr{width:clamp(168px,52vw,224px);max-width:100%}.wcs-share-dialog{padding:24px}.wcs-share-actions{gap:10px}}
@media print{.wcs-share-dialog,.wcs-share-actions{display:none}.wcs-card-page{padding:0}.wcs-card-preview{box-shadow:none;max-width:100%}}

/* QR frame is drawn within the SVG; retain responsive dimensions. */
.wcs-share-qr img,.wcs-share-section .wcs-share-qr img{box-sizing:border-box;border:0;border-radius:0;padding:0;background:transparent}

/* QR frame is drawn within the SVG; retain responsive dimensions. */
.wcs-share-qr img,.wcs-share-section .wcs-share-qr img{box-sizing:border-box;border:0;border-radius:0;padding:0;background:transparent;aspect-ratio:auto;height:auto}

.wcs-share-dialog h2{text-transform:none;letter-spacing:normal}

/* Shared Web con Sabor UI keeps its brand typography inside every demo. */
.wcs-share-dialog,.wcs-share-section{font-family:"Inter",system-ui,sans-serif}
.wcs-share-dialog__close{font-family:inherit}
.wcs-share-section h2{font-family:"Noto Serif",Georgia,serif;font-weight:700}