/* JHDC Redes Sociales 1.1.0 · HTML directo desde los slots del tema */
.jhdcs-set {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    flex-wrap: nowrap;
    gap: var(--jhdcs-gap, 8px) !important;
    width: max-content;
    max-width: 100%;
    min-width: 0;
    line-height: 1;
    flex: 0 0 auto;
}
.jhdcs-set .jhdcs-icon {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex: 0 0 auto;
    width: var(--jhdcs-size, 34px);
    height: var(--jhdcs-size, 34px);
    min-width: 0;
    min-height: 0;
    padding: 0;
    background: transparent;
    color: var(--jhdcs-color, #003e8a) !important;
    border: 1px solid transparent;
    box-shadow: none;
    border-radius: 10px;
    opacity: 1;
    text-decoration: none !important;
    transition: background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.jhdcs-set.jhdcs-bg-solid .jhdcs-icon { background: var(--jhdcs-background, #24334d); }
.jhdcs-set.jhdcs-shape-circle .jhdcs-icon { border-radius: 50%; }
.jhdcs-set.jhdcs-shape-square .jhdcs-icon { border-radius: 3px; }
.jhdcs-set.jhdcs-shape-rounded .jhdcs-icon { border-radius: 11px; }
.jhdcs-set .jhdcs-icon svg {
    display: block;
    width: 57%;
    height: 57%;
    min-width: 0;
    min-height: 0;
    overflow: visible;
    color: inherit;
    fill: currentColor;
    stroke: none;
}
.jhdcs-set .jhdcs-icon:hover,
.jhdcs-set .jhdcs-icon:focus-visible {
    color: var(--jhdcs-hover-color, #fff) !important;
    background: var(--jhdcs-hover-background, #0072ce);
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(0,0,0,.11);
    outline: none;
}
.jhdcs-set .jhdcs-icon:focus-visible { outline: 2px solid var(--jhdcs-hover-background, #0072ce); outline-offset: 3px; }
.dc-navbar-actions > .jhdcs-set { margin-inline-end: 1px; }
.dc-home-navbar .dc-navbar-inner { min-width: 0; }
.dc-footer-bottom > .jhdcs-set { margin-inline: auto; }
.jhdcs-mobile-row { display: none; }
.jhdcs-set .jhdcs-icon-pending { cursor: default; opacity: .72; }
.jhdcs-set .jhdcs-icon-pending:hover { color: var(--jhdcs-color, #003e8a) !important; background: transparent; transform: none; box-shadow: none; }
.jhdcs-set.jhdcs-bg-solid .jhdcs-icon-pending:hover { background: var(--jhdcs-background, #24334d); }
/* Reservar un espacio flexible sin alterar navegación o acciones existentes. */
.dc-navbar-actions { min-width: 0; }
.dc-navbar-actions .jhdcs-header { flex-shrink: 0; }
.dc-footer-bottom .jhdcs-footer { flex-shrink: 0; }
@media (max-width: 1199px) and (min-width: 1025px) {
    .dc-navbar-actions > .jhdcs-set { --jhdcs-size: 29px !important; --jhdcs-gap: 4px !important; }
    .dc-navbar-inner { gap: 12px; }
    .dc-navbar-actions { gap: 9px; }
}
@media (max-width: 1024px) {
    .jhdcs-mobile-row { display: flex; padding: 14px 0 0; justify-content: center; }
    .jhdcs-mobile-row .jhdcs-header { max-width: 100%; }
    .jhdcs-mobile-row .jhdcs-set { flex-wrap: wrap; }
    .dc-footer-bottom > .jhdcs-set { order: 1; }
}
@media (max-width: 480px) {
    .dc-footer-bottom > .jhdcs-set .jhdcs-icon { max-width: 44px; max-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
    .jhdcs-set .jhdcs-icon { transition: none; }
    .jhdcs-set .jhdcs-icon:hover { transform: none; }
}