/* Hero effects (storm.js) and the Human Bien certificate (bien.js). */
.mw-storm-wrap .mws-water, .mw-storm-wrap .mws-bolt, .mw-storm-wrap .mws-flash { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.mw-storm-wrap .mws-water { z-index: 1; }
.mw-storm-wrap .mws-bolt { z-index: 2; overflow: visible; }
.mw-storm-wrap .mws-flash { z-index: 3; background: #DCE6FF; opacity: 0; }
.mws-tappable { cursor: pointer; }
.mw-storm-wrap .mws-hint { position: absolute; left: 50%; top: 2.2%; transform: translateX(-50%); z-index: 2; margin: 0; pointer-events: none; font: 500 11px Inter, system-ui, sans-serif; letter-spacing: .3em; text-transform: uppercase; color: rgba(236,235,231,.75); opacity: 0; transition: opacity .8s; white-space: nowrap; }
.mw-storm-wrap .mws-hint.is-on { opacity: 1; }
.mw-storm-wrap .mws-hint.is-gone { opacity: 0; }
@media (prefers-reduced-motion: reduce) { .mw-storm-wrap .mws-hint { transition: none; } }

.mws-cert { max-width: 520px; margin: 2.5rem auto 0; text-align: center; }
.mws-cert-eyebrow { margin: 0 0 1.2rem; font: 500 11px Inter, system-ui, sans-serif; letter-spacing: .3em; text-transform: uppercase; color: #7d7c78; }
.mws-cert-img { display: block; width: min(300px, 80%); height: auto; margin: 0 auto; border: 1px solid rgba(236,235,231,.16); }
.mws-cert-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 1.4rem; }
.mws-cert-btn { display: inline-block; padding: 1rem 1.8rem; border: 1px solid #ECEBE7; border-radius: 0; background: transparent; color: #ECEBE7; font: 600 12px Inter, system-ui, sans-serif; letter-spacing: .3em; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: background .2s, color .2s; }
.mws-cert-btn:hover, .mws-cert-btn:focus-visible { background: #ECEBE7; color: #000; }
.mws-cert-btn[hidden] { display: none; }
.mws-cert-note { margin: 1rem 0 0; font: 13px Inter, system-ui, sans-serif; color: #b4b3ae; }