/* Plantilla: topbar-barra-cuenta */

#bloque-18 .b18inner {
    background-color:    var(--b18color-fondo, var(--dark-color));
    padding-block-start: var(--b18padding-top, 0.5rem);
    padding-block-end:   var(--b18padding-bottom, 0.5rem);
    border-top:    var(--b18borde-sup-grosor, 0px) solid var(--b18borde-sup-color, var(--border-color));
    border-bottom: var(--b18borde-inf-grosor, 0px) solid var(--b18borde-inf-color, var(--border-color));
}

#bloque-18 .b18container {
    max-width: var(--site-container-max-width, 1200px);
    margin-inline: auto;
    padding-inline: var(--site-container-px, 1rem);
}

#bloque-18 .b18full {
    width: 100%;
    padding-inline: var(--site-container-px, 1rem);
}

#bloque-18 .b18content {
    display: flex;
    align-items: center;
    justify-content: var(--b18alineacion, flex-end);
    gap: 1rem;
    flex-wrap: wrap;
}

#bloque-18 .b18icono {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    flex-shrink: 0;
}

#bloque-18 .b18link {
    text-decoration: none;
    transition: color 0.15s;
}

/* Estado: no logueado */
#bloque-18 .b18anon-texto {
    font-size:   var(--b18anon-tam, 0.875rem);
    color:       var(--b18anon-color, #fff);
}
#bloque-18 .b18anon-texto.b18link:hover {
    color: var(--b18anon-hover, var(--light-color));
}
#bloque-18 .b18anon-icono {
    font-size: var(--b18anon-tam, 0.875rem);
    color:     var(--b18anon-color, #fff);
}
#bloque-18 .b18bienvenida {
    font-family: var(--b18anon-fuente);
}

/* Estado: logueado */
#bloque-18 .b18log-texto {
    font-size:   var(--b18log-tam, 0.875rem);
    color:       var(--b18log-color, #fff);
}
#bloque-18 .b18log-texto.b18link:hover {
    color: var(--b18log-hover, var(--light-color));
}
#bloque-18 .b18log-icono {
    font-size: var(--b18log-tam, 0.875rem);
    color:     var(--b18log-color, #fff);
}
#bloque-18 .b18saludo {
    font-family: var(--b18log-fuente);
}

/* Personalizaciones del bloque */
#bloque-18 {
    --b18alineacion: left;
    --b18-alineacion: left;
    --b18padding-top: 1rem;
    --b18-padding-top: 1rem;
    --b18padding-bottom: 1rem;
    --b18-padding-bottom: 1rem;
    --b18color-fondo: var(--dark-color);
    --b18-color-fondo: var(--dark-color);
    --b18borde-sup-grosor: 0px;
    --b18-borde-sup-grosor: 0px;
    --b18borde-inf-grosor: 3px;
    --b18-borde-inf-grosor: 3px;
    --b18borde-inf-color: var(--terciario-color);
    --b18-borde-inf-color: var(--terciario-color);
    --b18anon-color: var(--bg-white);
    --b18-anon-color: var(--bg-white);
    --b18anon-tam: 0.875rem;
    --b18-anon-tam: 0.875rem;
    --b18anon-hover: var(--light-color);
    --b18-anon-hover: var(--light-color);
    --b18log-color: var(--bg-white);
    --b18-log-color: var(--bg-white);
    --b18log-tam: 0.875rem;
    --b18-log-tam: 0.875rem;
    --b18log-hover: var(--light-color);
    --b18-log-hover: var(--light-color);
}