/* Compartilhamento Eletricidade v1: somente componentes novos, sem alterar as redes existentes. */
.eletricidade-share-row{display:flex;align-items:center;justify-content:center;margin-top:14px}
.eletricidade-share-row--home>.eletricidade-share-trigger{width:calc((100% - 42px)/4)}
.eletricidade-share-trigger.social-item.retro-social{border-top-color:#c99e48}
.eletricidade-share-trigger .eletricidade-share-vinyl{object-fit:contain;border-radius:50%;transition:transform .35s ease;transform-origin:center}
.eletricidade-share-trigger:hover .eletricidade-share-vinyl{transform:rotate(16deg)}
.eletricidade-share-trigger .eletricidade-share-symbol{width:16px;height:16px;display:block}
.eletricidade-share-trigger[aria-busy="true"]{cursor:progress}
.eletricidade-share-row--compact{justify-content:flex-start;margin-top:25px}
.eletricidade-share-row--compact>.eletricidade-share-trigger.social-item.retro-social{width:min(100%,330px);min-height:111px;flex-direction:row;justify-content:flex-start;gap:16px;padding:15px 18px}
.eletricidade-share-row--compact .retro-social-icon{width:75px;height:75px}
.eletricidade-share-row--compact .retro-social-svg{width:74px;height:74px}
.eletricidade-share-row--compact .retro-social-bottom{width:auto;flex:1;justify-content:flex-start;text-align:left}
.eletricidade-share-row--compact .retro-social-bottom strong{font-size:21px}
.eletricidade-share-row--compact .retro-social-bottom small{font-size:10px}
.eletricidade-share-row--materiais{margin-top:0;margin-bottom:25px}
.eletricidade-share-dialog{width:min(92vw,440px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;border:1px solid #93755e;border-radius:16px;background:linear-gradient(140deg,#292325,#141114);color:#f7e9d6;box-shadow:0 24px 90px rgba(0,0,0,.6);text-align:left}
.eletricidade-share-dialog:not([open]){display:none}
.eletricidade-share-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}
.eletricidade-share-panel{padding:24px}
.eletricidade-share-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.eletricidade-share-kicker{font:700 10px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.16em;color:#d7ad76}
.eletricidade-share-close{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;background:transparent;border:1px solid #665343;border-radius:50%;color:#f7e9d6;font:400 28px/1 Arial,sans-serif;cursor:pointer}
.eletricidade-share-dialog h2{font:800 32px/1.05 'Barlow Condensed',Impact,sans-serif;letter-spacing:.02em;margin:12px 0 12px;text-transform:uppercase;color:#f7e9d6}
.eletricidade-share-dialog .eletricidade-share-description{margin:0 0 20px;font:400 13px/1.65 'DM Sans',Arial,sans-serif;color:#c5b9b0}
.eletricidade-share-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:22px}
.eletricidade-share-actions>a,.eletricidade-share-actions>button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:49px;width:100%;padding:12px 16px;border:1px solid #957252;border-radius:7px;background:#302426;color:#fff0dd;font:700 13px/1.35 'DM Sans',Arial,sans-serif;text-decoration:none;cursor:pointer}
.eletricidade-share-actions>a{background:#264336;border-color:#77987e}
.eletricidade-share-actions>a:hover{background:#315641}
.eletricidade-share-actions>button:hover{background:#443036}
.eletricidade-share-label{display:block;margin-bottom:8px;font:600 11px/1.5 'DM Sans',Arial,sans-serif;color:#d7c8b8}
.eletricidade-share-link{width:100%;min-width:0;min-height:46px;border:1px solid #665343;border-radius:6px;padding:10px;background:#100e11;color:#f4e8d9;font:400 16px/1.4 Arial,sans-serif}
.eletricidade-share-status{min-height:20px;margin:10px 0 0;font:600 12px/1.5 'DM Sans',Arial,sans-serif;color:#f4c77b}
.eletricidade-share-dialog :is(a,button,input):focus-visible{outline:3px solid #f4c77b;outline-offset:3px}
.eletricidade-share-fallback-backdrop{position:fixed;inset:0;z-index:1300;background:rgba(0,0,0,.78)}
.eletricidade-share-fallback-backdrop[hidden]{display:none}
.eletricidade-share-dialog[data-fallback][open]{display:block;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;z-index:1301}
@media(max-width:930px){.eletricidade-share-row--home>.eletricidade-share-trigger{width:calc((100% - 14px)/2)}}
@media(max-width:480px){
 .eletricidade-share-row--home{margin-top:10px}
 .eletricidade-share-row--home>.eletricidade-share-trigger{width:calc((100% - 10px)/2)}
 .eletricidade-share-row--compact>.eletricidade-share-trigger.social-item.retro-social{padding:14px 16px;gap:14px;min-height:105px}
 .eletricidade-share-row--compact .retro-social-bottom strong{font-size:20px}
 .eletricidade-share-panel{padding:20px}
 .eletricidade-share-dialog h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){.eletricidade-share-trigger .eletricidade-share-vinyl{transition:none;transform:none!important}}

/* Compartilhar o site ocupa o canto direito do cabeçalho inicial. */
.navigation .eletricidade-share-trigger--header {
  width: auto;
  min-height: 52px;
  flex: 0 0 auto;
  flex-direction: row;
  gap: 10px;
  padding: 7px 12px;
  border-radius: 11px;
  white-space: nowrap;
}
.navigation .eletricidade-share-trigger--header::before {
  inset: 4px;
  border-radius: 7px;
}
.navigation .eletricidade-share-trigger--header .retro-social-icon,
.navigation .eletricidade-share-trigger--header .retro-social-svg {
  width: 36px;
  height: 36px;
}
.navigation .eletricidade-share-trigger--header .retro-social-bottom {
  width: auto;
  text-align: left;
}
.navigation .eletricidade-share-trigger--header .retro-social-bottom strong {
  font-size: 16px;
  letter-spacing: .035em;
}
.navigation .eletricidade-share-trigger--header .retro-social-bottom small {
  margin-top: 3px;
  font-size: 9px;
  text-transform: none;
}
.navigation .eletricidade-share-trigger--header .arr { display: none; }
@media (max-width: 600px) {
  .navigation .eletricidade-share-trigger--header {
    min-height: 44px;
    gap: 7px;
    padding: 5px 8px;
  }
  .navigation .eletricidade-share-trigger--header .retro-social-icon,
  .navigation .eletricidade-share-trigger--header .retro-social-svg {
    width: 32px;
    height: 32px;
  }
  .navigation .eletricidade-share-trigger--header .retro-social-bottom strong {
    font-size: 14px;
  }
  .navigation .eletricidade-share-trigger--header .retro-social-bottom small {
    margin-top: 2px;
    font-size: 8px;
  }
}