/* Icono «Compartir» junto al de Instagram y su ventana (enlaces + QR para proyectar en clase). */
.share-link{cursor:pointer}
.share-dialog{width:min(94vw,860px);max-height:92vh;overflow:auto;background:#17151f;color:#f8f8ff;border:1px solid #4f4660;border-radius:22px;padding:22px 22px 24px;box-shadow:0 30px 80px #000a}
.share-dialog::backdrop,.qr-big::backdrop{background:#08080cea}
.share-top{position:relative;text-align:center;margin-bottom:16px}
.share-top .welcome-logo{width:min(230px,60%);margin:0 auto 12px;padding:10px 16px;transform:none}
.share-top h2{margin:0 0 6px;font-size:clamp(20px,3.2vw,28px);letter-spacing:-.5px}
.share-top .welcome-sub{font-size:14px}
.share-close{position:absolute;top:0;right:0;background:none;border:1px solid #4f4660;color:inherit;border-radius:10px;min-width:44px;min-height:44px;font-size:22px;line-height:1;cursor:pointer}
.share-close:focus-visible,.share-item:focus-visible,.share-qr-btn:focus-visible{outline:2px solid #35e2c4;outline-offset:3px}
.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.share-card{border:1px solid #ffffff1f;border-radius:18px;padding:18px;background:linear-gradient(145deg,#3a2050,#1c1a28 62%,#17343a)}
.share-card h3{font-size:20px;letter-spacing:-.4px;margin:8px 0 14px}
.share-qr{display:block;width:min(100%,220px);aspect-ratio:1;margin:0 auto 12px;background:#fff;border-radius:16px;padding:6px}
.share-qr img{display:block;width:100%;height:100%}
.share-qr-btn,.share-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:0 16px;margin:0 0 8px;background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;color:#f2f2fb;font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s}
.share-qr-btn{justify-content:center}
.share-qr-btn:hover,.share-item:hover{background:#ffffff18;border-color:#9d84cf}
.share-item span{opacity:.7}
.share-status{min-height:18px;margin:6px 2px 0;font-size:13px;color:#8ee9dd}
.qr-big{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#fff;align-items:center;justify-content:center;cursor:pointer}
.qr-big[open]{display:flex}
.qr-big img{width:min(88vh,88vw);height:min(88vh,88vw);display:block}
@media (max-width:700px){.share-grid{grid-template-columns:1fr}.share-dialog{padding:16px 14px 18px}}

/* Móvil: el icono nuevo no debe recortar el menú; se compacta un poco. */
@media (max-width:480px){
 header nav .instagram-link{flex:0 0 30px;width:30px;min-width:30px}
 header nav{gap:2px!important}
 header nav button{padding-left:3px!important;padding-right:3px!important}
}
@media (max-width:380px){header nav button{font-size:11px!important}}