/* CARIPVCARD V31 · compartir perfil y vista social */

/* Modal de compartir: más aire, mejor centrado y botones proporcionados. */
.public-share-modal{padding:18px!important}
.public-share-modal .share-card{
  width:min(520px,calc(100vw - 36px))!important;
  max-width:520px!important;
  border-radius:28px!important;
  overflow:auto!important;
}
.public-share-modal .modal-head{
  padding:24px 26px 20px!important;
  align-items:flex-start!important;
}
.public-share-modal .modal-head small{font-size:9px!important;letter-spacing:.15em!important}
.public-share-modal .modal-head h3{font-size:25px!important;line-height:1.12!important;margin-top:7px!important}
.public-share-modal .modal-head>button{
  flex:0 0 42px;width:42px!important;height:42px!important;border-radius:14px!important;
  display:grid!important;place-items:center!important;background:#f7f8fb!important;border:1px solid #eceef3!important;
}
.public-share-modal .share-preview{
  margin:22px 26px 0!important;
  padding:17px 18px!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:15px!important;
  border-radius:19px!important;
}
.public-share-modal .share-avatar{width:64px!important;height:64px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e7e9f1!important}
.public-share-modal .share-preview strong{font-size:14px!important;line-height:1.25!important}
.public-share-modal .share-preview span{font-size:10px!important;margin-top:4px!important}
.public-share-modal .share-preview small{font-size:9px!important;margin-top:5px!important}
.public-share-modal .share-options{
  margin:18px 26px!important;
  gap:12px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.public-share-modal .share-options a{
  min-height:92px!important;
  padding:12px 8px!important;
  border-radius:18px!important;
  gap:9px!important;
  font-size:10px!important;
  text-align:center!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.public-share-modal .share-options a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--profile-primary) 28%,#e3e6ee)!important;box-shadow:0 10px 26px rgba(28,30,48,.08)}
.public-share-modal .share-options a i{font-size:24px!important}
.public-share-modal .share-copy{
  margin:0 26px 13px!important;
  height:50px!important;
  border-radius:15px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
}
.public-share-modal .share-copy input{font-size:10px!important;padding:0 14px!important;text-overflow:ellipsis!important}
.public-share-modal .share-copy button{min-width:92px!important;padding:0 15px!important;font-size:10px!important;border-top:0!important;border-left:1px solid #e1e3e9!important}
.public-share-modal .native-share-button{
  width:calc(100% - 52px)!important;
  margin:0 26px 24px!important;
  min-height:52px!important;
  border-radius:15px!important;
  font-size:11px!important;
}

html[data-profile-theme="dark"] .public-share-modal .modal-head>button{background:#1b2431!important;border-color:#2b3747!important;color:#e8edf4!important}
html[data-profile-theme="dark"] .public-share-modal .share-avatar{background:#fff!important;border-color:#3a4555!important}
html[data-profile-theme="dark"] .public-share-modal .share-copy button{border-left-color:#2a3443!important}

@media(max-width:600px){
  .public-share-modal{padding:16px!important;align-items:center!important}
  .public-share-modal .share-card{width:calc(100vw - 32px)!important;border-radius:26px!important}
  .public-share-modal .modal-head{padding:22px 22px 18px!important}
  .public-share-modal .modal-head h3{font-size:23px!important}
  .public-share-modal .share-preview{margin:18px 20px 0!important;padding:15px!important;grid-template-columns:58px minmax(0,1fr)!important}
  .public-share-modal .share-avatar{width:58px!important;height:58px!important}
  .public-share-modal .share-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:16px 20px!important;gap:11px!important}
  .public-share-modal .share-options a{min-height:96px!important;font-size:10px!important}
  .public-share-modal .share-copy{margin:0 20px 12px!important;height:50px!important;grid-template-columns:minmax(0,1fr) auto!important}
  .public-share-modal .share-copy button{min-width:82px!important;border-left:1px solid #e1e3e9!important;border-top:0!important}
  .public-share-modal .native-share-button{width:calc(100% - 40px)!important;margin:0 20px 21px!important}
}
@media(max-width:360px){
  .public-share-modal{padding:11px!important}
  .public-share-modal .share-card{width:calc(100vw - 22px)!important}
  .public-share-modal .modal-head{padding:19px 18px 16px!important}
  .public-share-modal .share-preview{margin:15px 16px 0!important}
  .public-share-modal .share-options{margin:14px 16px!important;gap:9px!important}
  .public-share-modal .share-copy{margin:0 16px 11px!important}
  .public-share-modal .native-share-button{width:calc(100% - 32px)!important;margin:0 16px 18px!important}
}